@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--color-primary: #0D7377;--color-secondary: #32E0C4;--color-accent: #EEEEEE;--color-soft: #d8fbf4;--color-danger: #cb5d67;--color-success: #3a915f;--bg: #EEEEEE;--bg-gradient-top: #ffffff;--bg-gradient-bottom: #dff6f2;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--surface-muted: #e5f4f2;--border: #9bcfca;--text: #212121;--text-soft: #315c5e;--text-inverse: #ffffff;--ring: rgba(13, 115, 119, .42);--shadow: 0 14px 30px rgba(33, 33, 33, .12);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--type-heading: clamp(1.4rem, 2.1vw, 1.85rem);--type-subheading: clamp(1.05rem, 1.4vw, 1.2rem);--type-body: 1rem;--card-padding: 1.15rem;--control-padding-y: .68rem;--control-padding-x: .95rem;--nav-height: 74px;font-family:Manrope,sans-serif;line-height:1.5;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #000000;--bg-gradient-top: #0a0a0a;--bg-gradient-bottom: #000000;--surface: rgba(0, 0, 0, .9);--surface-strong: #050505;--surface-muted: #101010;--border: #32E0C4;--text: #EEEEEE;--text-soft: #32E0C4;--text-inverse: #000000;--ring: rgba(50, 224, 196, .7);--shadow: 0 0 0 1px rgba(50, 224, 196, .14), 0 16px 30px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background-color:var(--bg)}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 10% -20%,#32e0c447,#32e0c400 40%),radial-gradient(circle at 90% 0%,#0d73774d,#0d737700 42%),radial-gradient(circle at 14% 108%,#32e0c41f,#32e0c400 50%),radial-gradient(circle at 86% 114%,#0d73771a,#0d737700 52%),linear-gradient(160deg,var(--bg-gradient-top),var(--bg-gradient-bottom));background-repeat:no-repeat}a{color:var(--color-primary);text-decoration:none}h1,h2,h3,h4,h5{margin:0;font-family:Space Grotesk,sans-serif;line-height:1.15;letter-spacing:-.01em}p{margin:0}button,input,select,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:calc(var(--nav-height) + 2rem) 0 2rem}.app-footer{width:100%;margin:0;padding:.58rem 1rem .64rem;background:color-mix(in srgb,var(--surface-muted) 82%,#ffffff 18%);border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-footer-copy{margin:0;text-align:left;font-size:.78rem;color:color-mix(in srgb,var(--text-soft) 82%,var(--text) 18%)}.app-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:1.75rem;flex-wrap:wrap}.app-footer-link{position:relative;display:inline-flex;align-items:center;gap:.38rem;font-size:.78rem;color:color-mix(in srgb,var(--text-soft) 86%,var(--text) 14%);transition:color .18s ease}.app-footer-link svg{font-size:.78rem}.app-footer-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.app-footer-link:hover,.app-footer-link:focus-visible{color:var(--color-primary)}.app-footer-link:hover:after,.app-footer-link:focus-visible:after{transform:scaleX(1)}:root[data-theme=dark] .app-footer{background:#000;border-top:1px solid rgba(50,224,196,.28)}:root[data-theme=dark] .app-footer-copy{color:#eeeeeed6}:root[data-theme=dark] .app-footer-link{color:#eeeeeec7}:root[data-theme=dark] .app-footer-link:hover,:root[data-theme=dark] .app-footer-link:focus-visible{color:#32e0c4}.top-nav{position:fixed;inset:0 0 auto;z-index:100;background:#ffffffd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(13,115,119,.24)}:root[data-theme=dark] .top-nav{background:#000000eb;border-bottom:1px solid rgba(50,224,196,.45)}.top-nav-inner{width:100%;padding:0 1rem;min-height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-link{flex-shrink:0}.brand-title{color:var(--color-primary);font-size:1.4rem}.top-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.nav-link{color:var(--text-soft);font-weight:700;padding:.5rem .8rem;border-radius:999px;transition:background-color .15s ease,color .15s ease}.nav-link:hover{color:var(--text);background:#32e0c42e}.nav-link-active{color:var(--text);background:#32e0c44d}:root[data-theme=dark] .nav-link:hover{background:#32e0c43d}.nav-user-pill{font-size:.85rem;color:var(--text-soft);background:#32e0c447;border:1px solid rgba(13,115,119,.3);border-radius:999px;padding:.35rem .75rem}.nav-avatar-link{width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid rgba(50,224,196,.45);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--surface-strong);overflow:hidden}.nav-user-menu{position:relative}.nav-user-trigger{width:2.35rem;height:2.35rem;padding:0;position:relative;border-radius:999px;border:1px solid rgba(50,224,196,.45);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--surface-strong);overflow:hidden;cursor:pointer;list-style:none;appearance:none;line-height:0}.nav-user-trigger::-webkit-details-marker{display:none}.nav-user-trigger:hover,.nav-user-trigger-active{box-shadow:0 0 0 3px var(--ring)}.nav-user-dropdown{position:absolute;top:calc(100% + .55rem);right:0;min-width:9.5rem;background:var(--surface-strong);border:1px solid var(--border);border-radius:.8rem;box-shadow:var(--shadow);padding:.35rem;display:grid;gap:.2rem;z-index:120}.nav-user-dropdown-link,.nav-user-dropdown-btn{width:100%;border:none;background:transparent;color:var(--text);text-align:left;padding:.48rem .55rem;border-radius:.55rem;font-weight:700;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.nav-user-dropdown-link:hover,.nav-user-dropdown-btn:hover{background:#32e0c433}.nav-user-dropdown-link-active{background:#32e0c440}.nav-avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:999px}.nav-user-alert-dot,.nav-inline-alert-dot,.friends-inline-alert-dot{width:.5rem;height:.5rem;border-radius:999px;background:red;flex-shrink:0}.nav-user-alert-dot{position:absolute;right:.24rem;bottom:.24rem;z-index:2;pointer-events:none}:root[data-theme=dark] .nav-user-pill{background:#0d73773d;border-color:#eeeeee47}:root[data-theme=dark] .nav-user-trigger{border-color:#eeeeee47}:root[data-theme=dark] .nav-user-dropdown-link:hover,:root[data-theme=dark] .nav-user-dropdown-btn:hover{background:#32e0c43d}.theme-toggle-icon{width:2.4rem;height:2.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.page{display:grid;gap:1rem}.page-tight{width:min(760px,100%);margin:0 auto}.page-wide{width:100%}.dashboard-page,.compete-page,.profile-page,.friends-page,.notifications-page{width:min(1120px,100%);margin:0 auto;gap:1.1rem}.home-page{width:min(1120px,100%);margin:0 auto;gap:2.5rem}.home-hero-minimal{min-height:calc(100vh - var(--nav-height) - 2.4rem);display:grid;place-items:center;padding:1.2rem 0}.home-hero-content{display:grid;gap:.7rem;animation:homeHeroRise 1.24s ease both}.home-hero-centered{width:min(720px,100%);text-align:center;justify-items:center}.home-title{font-size:clamp(2.4rem,6vw,4rem);color:var(--color-primary)}.home-subtitle{color:var(--text-soft);font-size:clamp(1.05rem,2.4vw,1.28rem);max-width:42ch}.home-description{color:var(--text-soft);font-size:.96rem;max-width:50ch}.home-actions{display:flex;flex-wrap:wrap;gap:.65rem}.home-actions-centered{justify-content:center}.home-section{display:grid;gap:1rem;padding:1.65rem;position:relative}.home-section:after{content:"";position:absolute;inset:auto 12% -22%;height:160px;pointer-events:none;border-radius:999px;background:radial-gradient(circle,#32e0c41a,#32e0c400 70%);filter:blur(30px);z-index:0}.home-section>*{position:relative;z-index:1}.home-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.home-reveal.is-visible{opacity:1;transform:translateY(0)}.home-feature-grid{display:flex;flex-wrap:nowrap;align-items:stretch;gap:.95rem;width:min(980px,100%);margin:0 auto;overflow-x:hidden}.home-feature-card{border:1px solid color-mix(in srgb,var(--border) 84%,var(--color-secondary) 16%);border-radius:var(--radius-md);padding:.78rem .82rem;height:104px;min-width:0;flex:1 1 0;background:color-mix(in srgb,var(--surface-strong) 96%,var(--color-secondary) 4%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;position:relative;overflow:hidden;transition:transform .24s ease,border-color .24s ease,background-color .24s ease,opacity .24s ease}.home-feature-card:hover{border-color:color-mix(in srgb,var(--color-secondary) 50%,var(--border) 50%);background:color-mix(in srgb,var(--surface-strong) 88%,var(--color-secondary) 12%)}.home-feature-card:focus-visible{outline:2px solid color-mix(in srgb,var(--color-secondary) 70%,transparent);outline-offset:2px;border-color:color-mix(in srgb,var(--color-secondary) 56%,var(--border) 44%)}.home-feature-title{margin:0;width:100%;text-align:center;font-size:.98rem;font-weight:650;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.home-feature-top{width:100%;display:grid;justify-items:center;gap:.2rem;position:relative;z-index:1}.home-feature-description{left:.72rem;right:.72rem;overflow:hidden;margin:0;position:absolute;bottom:.58rem;text-align:center;font-size:.82rem;line-height:1.3;max-height:2.6em;color:var(--text-soft);pointer-events:none;z-index:1;will-change:transform,opacity;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-feature-favicon{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;margin:0 auto;font-size:.88rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 76%,var(--color-secondary) 24%);color:color-mix(in srgb,var(--text) 84%,var(--color-secondary) 16%);background:color-mix(in srgb,var(--surface-muted) 94%,var(--color-secondary) 6%);position:relative;z-index:1}.home-section-lead{max-width:66ch}.home-features-section{display:grid;gap:1rem;width:min(980px,100%);margin:0 auto;padding:.35rem 0}.home-features-section .section-title{text-align:center;margin:0}.home-feature-grid:hover .home-feature-card:not(:hover){filter:saturate(.82)}.home-workflow-section:before{content:"";position:absolute;inset:12% 18% auto;height:210px;border-radius:999px;pointer-events:none;background:radial-gradient(circle,#0d737724,#0d737700 72%);filter:blur(34px);z-index:0}.home-workflow-section>*{position:relative;z-index:1}.home-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(980px,100%);margin:.2rem auto 0;position:relative}.home-steps-grid:before{position:absolute;left:14%;right:14%;top:2.2rem;height:1px;background:linear-gradient(90deg,#32e0c41f,#32e0c461,#32e0c41f);pointer-events:none;z-index:0}.home-step-card{border:1px solid color-mix(in srgb,var(--border) 68%,var(--color-secondary) 32%);padding:1.1rem;min-height:176px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 90%,var(--color-secondary) 10%),var(--surface-strong));display:grid;align-content:start;gap:.44rem;position:relative;z-index:1;box-shadow:0 8px 24px #0000003d;transition:border-color .28s ease,box-shadow .32s ease,background .32s ease}.home-step-card:hover{border-color:#32e0c485;box-shadow:0 12px 30px #00000054,0 0 0 1px #32e0c438;background:color-mix(in srgb,var(--surface-strong) 88%,var(--color-secondary) 12%)}.home-step-card h3{max-width:22ch}.home-step-description{max-width:33ch}@media(prefers-reduced-motion:reduce){.home-hero-content,.home-reveal,.home-feature-card,.home-step-card{animation:none!important;transition-duration:1ms!important;transform:none!important}.home-feature-card:hover,.home-step-card:hover{transform:none}}.home-stagger-item{opacity:0;transform:translateY(14px)}.home-stagger-item.is-visible{animation:homeFadeInUp .52s ease forwards;animation-delay:calc(var(--stagger-index, 0) * .11s)}@keyframes homeHeroRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes homeFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-step-index{color:var(--color-primary);font-weight:800;letter-spacing:.08em;font-size:.86rem;width:fit-content;padding:.1rem .42rem;border:1px solid rgba(50,224,196,.42);border-radius:999px;background:#32e0c414;transform-origin:center}.home-cta{display:grid;gap:.65rem;justify-items:start}.global-background{position:fixed;inset:0;z-index:0;pointer-events:none}.digital-rain-canvas{position:absolute;inset:0;width:100%;height:100%;filter:blur(.8px)}.global-background-overlay{position:absolute;inset:0;background:#000c}.landing-page{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:5rem}.landing-hero{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem}.landing-hero-container{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.landing-hero-heading-group{display:flex;flex-direction:column;align-items:center;gap:0}.landing-hero-kicker{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-weight:800;margin-bottom:.5rem}.landing-hero-title{display:block;font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,10vw,6.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px rgba(50,224,196,.15));margin-bottom:1rem}.landing-hero-subtitle{max-width:42ch;font-size:clamp(1.15rem,2.6vw,1.45rem);line-height:1.5;color:var(--text-soft);margin-bottom:.75rem}.landing-hero-description{max-width:50ch;font-size:.96rem;line-height:1.6;color:var(--text-soft);opacity:.8}.landing-hero-cta{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.25rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.15rem;color:var(--text-inverse);background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.landing-hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0d737752,0 0 0 1px #0d737733;color:var(--text-inverse)}.landing-hero-cta:active{transform:translateY(0)}.landing-section-title{text-align:center;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;letter-spacing:.02em;color:var(--text);margin-bottom:.5rem}.landing-features{max-width:96rem;width:100%;margin:0 auto;padding:0 1.5rem}.landing-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-top:1rem}.landing-feature-card{background:transparent;border:1px solid rgba(50,224,196,.15);border-radius:var(--radius-lg);padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.85rem;cursor:default;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.landing-feature-card:hover{border-color:#32e0c466;box-shadow:0 0 32px #32e0c426,inset 0 1px #32e0c426;background:#32e0c40a}.landing-feature-icon{width:3.5rem;height:3.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--color-secondary);background:#32e0c414;border:1px solid rgba(50,224,196,.2);border-radius:var(--radius-md)}.landing-feature-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:650;color:var(--text);line-height:1.3;margin:0}.landing-feature-desc{font-size:1rem;line-height:1.6;color:var(--text-soft);opacity:.8;margin:0}.landing-how-it-works{max-width:96rem;width:100%;margin:0 auto;padding:0 1.5rem 3rem}.landing-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1rem}.landing-step-card{background:transparent;border:1px solid rgba(50,224,196,.15);border-radius:var(--radius-lg);padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem;cursor:default;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.landing-step-card:hover{border-color:#32e0c466;box-shadow:0 0 32px #32e0c426,inset 0 1px #32e0c426;background:#32e0c40a}.landing-step-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.25rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:.08em;color:var(--color-secondary);background:#32e0c414;border:1px solid rgba(50,224,196,.25);border-radius:999px}.landing-step-title{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:650;color:var(--text);margin:0}.landing-step-desc{font-size:1rem;line-height:1.6;color:var(--text-soft);opacity:.8;margin:0}@media(max-width:960px){.landing-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-steps-grid{grid-template-columns:1fr}}@media(max-width:620px){.landing-features-grid{grid-template-columns:1fr}.landing-page{gap:3rem}.landing-hero{min-height:75vh;padding:1.5rem 1rem}.landing-hero-title{font-size:clamp(3rem,14vw,4rem)}}.dashboard-kicker{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-weight:800}.dashboard-hero,.compete-hero,.profile-hero{display:grid;gap:1rem;background:linear-gradient(120deg,#eeeeee47,#32e0c43d),var(--surface)}.dashboard-hero-headline,.profile-hero{display:grid;gap:.45rem}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dashboard-metric-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .85rem}.dashboard-metric-label{color:var(--text-soft);font-size:.82rem;margin-bottom:.2rem}.dashboard-metric-value{font-weight:800}.dashboard-content-card{gap:.9rem}.dashboard-contests-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.friends-search-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.friends-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.friends-user-row{display:flex;gap:.75rem;align-items:center}.friends-page-title{text-align:center;font-size:clamp(1.9rem,4.2vw,2.5rem)}.friends-tabs-shell{width:min(980px,100%);margin:0 auto}.friends-tabs-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:.35rem}.friends-tab-btn{border:1px solid transparent;background:transparent;color:var(--text-soft);border-radius:.7rem;padding:.6rem .75rem;font-weight:800;cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.friends-tab-label{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.friends-tab-btn:hover{color:var(--text);background:#32e0c429;transform:translateY(-1px)}.friends-tab-btn-active{color:var(--text);background:var(--surface-strong);border-color:#32e0c46b;box-shadow:0 6px 14px #17304d14}.friends-tab-panel{min-height:440px;animation:friendsPanelFade .26s ease}.friends-tab-content{gap:.9rem}.friends-section-title{display:inline-flex;align-items:center;gap:.5rem}@keyframes friendsPanelFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notifications-invite-header{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.notifications-invite-card{display:grid;gap:.7rem}.notifications-invite-title{font-size:1.05rem;font-weight:800}.notifications-invite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.notifications-invite-cell{border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface-strong) 28%);padding:.55rem .62rem;display:grid;gap:.18rem}.notifications-invite-label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);font-weight:800}.notifications-invite-value{margin:0;font-weight:700}.notifications-invite-code{margin:0;font-weight:900;letter-spacing:.09em;font-family:Space Grotesk,sans-serif}.notifications-invite-time{font-size:.84rem}.notifications-invite-actions{margin-top:.1rem}.dashboard-contest-item{display:grid;gap:.45rem}.dashboard-contest-head{display:flex;justify-content:space-between;align-items:center;gap:.65rem}.dashboard-contest-name{font-weight:800}.dashboard-status-chip{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:.25rem .5rem;border-radius:999px}.dashboard-status-live{background:#3a915f2e;color:var(--color-success)}.dashboard-status-pending{background:#cb5d6729;color:#b14b56}.compete-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end}.compete-mode-toggle{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.compete-form{gap:1rem}.compete-tabs-shell{width:min(900px,100%);margin:0 auto}.compete-tabs-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:.35rem}.compete-tab-btn{border:1px solid transparent;background:transparent;color:var(--text-soft);border-radius:.7rem;padding:.62rem .8rem;font-weight:800;cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.compete-tab-btn:hover:not(:disabled){color:var(--text);background:#32e0c429;transform:translateY(-1px)}.compete-tab-btn-active{color:var(--text);background:var(--surface-strong);border-color:#32e0c46b;box-shadow:0 6px 14px #17304d14}.compete-tab-btn:disabled{opacity:.55;cursor:not-allowed}.compete-tab-panel{min-height:420px;animation:competePanelFade .26s ease}.compete-duration-pills .pill-btn{transition:transform .15s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.compete-duration-pills .pill-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#0d73778c;box-shadow:0 8px 18px #17304d1f}.compete-duration-pills .pill-btn:active:not(:disabled){transform:translateY(0)}.compete-duration-pills .pill-btn.pill-btn-active{animation:competeTimeBoxPulse .42s ease}.compete-duration-pills .pill-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}@keyframes competePanelFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes competeTimeBoxPulse{0%{transform:translateY(0) scale(.98)}60%{transform:translateY(-1px) scale(1.03)}to{transform:translateY(0) scale(1)}}.profile-sections{display:grid;gap:1.5rem}.profile-overview-card,.profile-recent-card{width:100%}.profile-overview-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1.5rem;align-items:stretch}.profile-identity-panel{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:.95rem;text-align:center;padding:1rem;border-radius:16px;background:#32e0c414;border:1px solid rgba(13,115,119,.18)}.profile-display-name{margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800;letter-spacing:.01em}.profile-handle-line,.profile-verification-line{margin:0;font-weight:600}.profile-handle-row{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.profile-handle-link{color:var(--color-primary);font-weight:700;text-decoration:none}.profile-handle-link:hover,.profile-handle-link:focus-visible{color:var(--color-secondary);text-decoration:underline}.profile-verified-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.2rem .62rem;font-size:.74rem;font-weight:700;letter-spacing:.02em;background:color-mix(in srgb,var(--color-success) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 52%,transparent);color:#1b9f66}.profile-identity-details{width:100%;display:grid;grid-template-columns:1fr;gap:.5rem}.profile-identity-detail-cell{display:flex;align-items:center;justify-content:center;padding:.55rem .6rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface-muted) 70%,var(--surface-strong) 30%);text-align:center;min-height:4.2rem}.profile-identity-detail-inline{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}.profile-identity-detail-label{font-size:1.1rem;color:var(--text-soft);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.profile-identity-detail-value{font-size:1.2rem;font-weight:800;color:var(--text-main)}.profile-identity-detail-value.is-positive{color:#1b9f66}.profile-identity-detail-value.is-warning{color:#cf7f2f}.profile-identity-note{margin:0;width:100%;text-align:left;font-size:.84rem;color:var(--text-soft);line-height:1.35}.profile-cf-rating-row{width:100%;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:10px;padding:.55rem .6rem;background:color-mix(in srgb,var(--surface-muted) 68%,var(--surface-strong) 32%);min-height:4.2rem}.profile-cf-rating-inline{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.profile-cf-rating-label{font-size:.9rem;color:var(--text-soft);font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:center}.profile-cf-rating-value{font-size:1.18rem;font-weight:900;letter-spacing:.01em;color:var(--text-main);line-height:1}.profile-cf-rating-refresh{border:1px solid color-mix(in srgb,var(--border) 72%,transparent);width:1.9rem;height:1.9rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--color-primary);cursor:pointer;flex-shrink:0;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.profile-cf-rating-refresh:hover,.profile-cf-rating-refresh:focus-visible{background:color-mix(in srgb,var(--color-secondary) 18%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent);color:var(--color-secondary);transform:translateY(-1px)}.profile-cf-rating-refresh:disabled{opacity:.55;cursor:not-allowed}.is-spinning{animation:ui-spin .8s linear infinite}.profile-rating-panel{display:grid;gap:1rem;align-content:start;padding:1.25rem;border-radius:18px;border:1px solid rgba(13,115,119,.26);background:linear-gradient(145deg,#32e0c426,#32e0c40d)}.profile-rating-label{margin:0;color:var(--text-soft);font-weight:700;letter-spacing:.02em}.profile-rating-value{margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1;color:var(--color-primary);animation:profileRatingPulse 3.2s ease-in-out infinite}.profile-rating-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.profile-stat-card{display:grid;gap:.25rem;padding:.85rem;border-radius:12px;background:#32e0c41f;border:1px solid rgba(13,115,119,.24)}.profile-stat-label{color:var(--text-soft);font-size:.84rem;font-weight:600}.profile-stat-value{font-size:1.15rem}.profile-notification-toggle{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}.profile-entrance{opacity:0;animation:profileCardEnter .46s ease forwards}.profile-entrance-delay-1{animation-delay:80ms}.profile-entrance-delay-2{animation-delay:.16s}.profile-recent-card{display:grid;grid-template-rows:auto 1fr}.profile-recent-contests-scroll{max-height:100%;min-height:0;overflow-y:auto;padding-right:.2rem}.profile-recent-contests-scroll::-webkit-scrollbar{width:.45rem}.profile-recent-contests-scroll::-webkit-scrollbar-thumb{background:#32e0c461;border-radius:999px}.profile-recent-contest-item{min-height:132px;height:auto}.profile-contest-card{cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.95rem;align-items:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.profile-contest-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0a2c3633}.profile-contest-card.is-won{background:linear-gradient(120deg,color-mix(in srgb,var(--surface-strong) 88%,var(--color-success) 12%),var(--surface-strong))}.profile-contest-card.is-lost{background:linear-gradient(120deg,color-mix(in srgb,var(--surface-strong) 88%,#d13f59 12%),var(--surface-strong))}.profile-contest-card-main{min-width:0;display:grid;gap:.32rem}.profile-contest-title{font-weight:800}.profile-contest-opponent{margin:0;font-size:.9rem;color:var(--text-soft);font-weight:600}.profile-contest-meta{margin:0;font-size:.84rem}.profile-contest-card-stats{display:flex;justify-content:flex-end;align-items:center;gap:.55rem;flex-wrap:wrap;font-weight:700}.profile-contest-result-pill{border-radius:999px;padding:.22rem .62rem;font-size:.74rem;font-weight:800;letter-spacing:.02em;border:1px solid transparent}.profile-contest-result-pill.is-ongoing{background:color-mix(in srgb,var(--color-secondary) 18%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 54%,transparent);color:var(--color-secondary)}.profile-contest-result-pill.is-won{background:color-mix(in srgb,var(--color-success) 18%,transparent);border-color:color-mix(in srgb,var(--color-success) 58%,transparent);color:#1b9f66}.profile-contest-result-pill.is-lost{background:#d13f5929;border-color:#d13f5994;color:#cf4a62}.profile-contest-rating-delta,.profile-contest-rank,.profile-contest-score{font-size:.86rem;margin:0}.profile-contest-link{color:var(--color-primary);font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.profile-recent-show-all-row{display:flex;justify-content:flex-end;margin-top:.25rem}.profile-pagination-row{margin-top:.65rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.profile-recent-all-card{width:100%}.profile-recent-contest-item>.ui-state{width:100%;border:none;background:transparent;box-shadow:none;padding:0}@media(max-width:960px){.profile-overview-grid{grid-template-columns:minmax(0,1fr)}.profile-recent-card{grid-template-rows:auto}.profile-rating-stats{grid-template-columns:minmax(0,1fr)}.profile-contest-card{grid-template-columns:1fr}.profile-contest-card-stats{justify-content:flex-start}}@keyframes profileCardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes profileRatingPulse{0%,to{text-shadow:0 0 0 rgba(13,115,119,0)}50%{text-shadow:0 6px 18px rgba(13,115,119,.24)}}.profile-avatar-button{border:none;background:transparent;padding:0;cursor:pointer}.profile-avatar-button:focus-visible .profile-avatar-preview,.profile-avatar-button:hover .profile-avatar-preview{box-shadow:0 0 0 4px var(--ring)}.profile-avatar-hidden-input{display:none}.profile-avatar-overlay{position:absolute;inset:0;background:#000000c7;color:#eee;font-size:.84rem;font-weight:800;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .16s ease}.profile-avatar-button:hover .profile-avatar-overlay,.profile-avatar-button:focus-visible .profile-avatar-overlay{opacity:1}.avatar-editor-crop-frame{width:min(320px,100%);aspect-ratio:1;border-radius:18px;border:1px solid var(--border);background:#000;position:relative;overflow:hidden;margin:0 auto}.avatar-editor-image{position:absolute;top:50%;left:50%;transform-origin:center;max-width:none;width:100%;height:100%;object-fit:cover}.profile-account-card,.profile-picture-card{min-height:auto}.recent-contest-name-row{margin:0;display:inline-flex;align-items:center;gap:.45rem}.contest-live-dot{width:.56rem;height:.56rem;border-radius:999px;background:var(--color-danger);box-shadow:0 0 0 4px #cb5d6729;flex-shrink:0}.recent-contest-live-label{color:var(--color-danger)}.profile-delta-positive{color:#1b9f66}.profile-delta-negative{color:#cf4a62}.profile-avatar-preview-large{width:6.25rem;height:6.25rem}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--card-padding)}.section-title{margin-bottom:var(--space-3);font-size:var(--type-subheading)}.muted{color:var(--text-soft)}.hero{min-height:calc(100vh - var(--nav-height) - 4rem);display:grid;align-content:center;justify-items:center;gap:1.2rem;text-align:center;padding:1rem 0}.hero-title{font-size:clamp(2rem,6vw,3.6rem);color:var(--color-primary)}.hero-subtitle{max-width:42ch;color:var(--text-soft);font-size:clamp(1rem,2vw,1.15rem)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--control-padding-y) var(--control-padding-x);font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #17304d1f}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-secondary{background:#32e0c440;border-color:#0d737759;color:var(--text)}:root[data-theme=dark] .btn-secondary{background:#32e0c433;border-color:#eeeeee47;color:var(--text)}.btn-danger{background:var(--color-danger);color:var(--text-inverse)}.btn-outline{border-color:#0d73776b;color:var(--color-primary);background:transparent}.btn-inline{padding:.52rem .8rem;border-radius:999px;font-size:.92rem}.form-shell{width:min(460px,100%);margin:0 auto}.form{display:grid;gap:.85rem}.form-group{display:grid;gap:.4rem}.form-label{font-size:.95rem;color:var(--text-soft);font-weight:700}.field,.field-number{width:100%;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:var(--control-padding-y) .85rem;outline:none}.field:focus,.field-number:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--ring)}.grid-two{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.pill-row{display:flex;flex-wrap:wrap;gap:.55rem}.pill-btn{border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:.48rem .85rem;font-weight:700;cursor:pointer}.pill-btn-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.error-text{color:#b63340;font-weight:600}:root[data-theme=dark] .error-text{color:#ff9da4}.success-text{color:var(--color-success);font-weight:600}.data-grid{display:grid;gap:.85rem}.profile-avatar-preview{width:5rem;height:5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);overflow:hidden;position:relative}.profile-avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.list-item{border:1px solid var(--border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--surface-strong);padding:.85rem .95rem}.list-item-warning{border-left-color:#ca8d2b}.list-item-success{border-left-color:var(--color-success)}.list-item-danger{border-left-color:#d13f59}.stack{display:grid;gap:.75rem}.ui-state{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);padding:1rem;display:grid;gap:.7rem;justify-items:start}.ui-state-compact{padding:.85rem;gap:.55rem}.ui-state-content{display:grid;gap:.3rem}.ui-state-title{font-size:1rem}.ui-state-description{color:var(--text-soft);font-size:.92rem}.ui-state-actions{display:flex;flex-wrap:wrap;gap:.55rem}.ui-state-error{border-left:4px solid var(--color-danger)}.ui-state-empty{border-left:4px solid rgba(13,115,119,.55)}.ui-state-spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(13,115,119,.28);border-top-color:var(--color-primary);animation:ui-spin .8s linear infinite}@keyframes ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.94rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem}.table th{color:var(--text-soft);font-weight:800}.table td.center,.table th.center{text-align:center}.table tr.highlight{background:#eee3}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:.9rem;align-items:start}.modal-overlay{position:fixed;inset:0;background:#101e3273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.modal-card{position:relative;width:min(460px,100%);background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.15rem}.modal-close-icon{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.modal-card>.modal-close-icon{position:absolute;top:.6rem;right:.6rem}.modal-close-icon:hover{background:#32e0c433;color:var(--text-main)}.profile-verify-panel{gap:.7rem}.profile-verify-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem}.profile-verify-meta-item{margin:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.52rem .6rem;background:color-mix(in srgb,var(--surface-muted) 80%,var(--surface-strong) 20%);display:grid;gap:.12rem}.profile-verify-meta-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-weight:700}.profile-verify-body{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.62rem .7rem;background:color-mix(in srgb,var(--surface-strong) 85%,var(--surface-muted) 15%);gap:.48rem}.profile-verify-problem-line{margin:0;display:grid;gap:.2rem}.profile-verify-problem-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.profile-verify-problem-refresh{border:none;background:transparent;color:var(--text-soft);display:inline-flex;align-items:center;gap:.28rem;font-size:.78rem;cursor:pointer;opacity:.9;transition:color .16s ease,opacity .16s ease}.profile-verify-problem-refresh:hover,.profile-verify-problem-refresh:focus-visible{color:var(--color-primary);opacity:1}.profile-verify-problem-refresh:disabled{opacity:.5;cursor:not-allowed}.profile-verify-problem-link{color:var(--color-primary);font-weight:700;width:fit-content}.profile-verify-problem-link:hover,.profile-verify-problem-link:focus-visible{color:var(--color-secondary);text-decoration:underline}.profile-verify-instruction{margin:0;font-size:.92rem}.profile-verify-actions{display:flex;gap:.55rem;flex-wrap:wrap}.notification-layer{position:fixed;right:1rem;bottom:1rem;z-index:1200;display:grid;gap:.6rem;width:min(360px,calc(100vw - 1.5rem))}.notification{background:#fff;color:#212121;border-left:4px solid var(--color-secondary);border-radius:var(--radius-sm);padding:.72rem .82rem;box-shadow:0 10px 26px #0d737738;font-weight:700;display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.notification-message{flex:1;min-width:0}.notification-content-stack{flex:1;min-width:0;display:grid;gap:.45rem}.notification-action-btn{width:fit-content;border:1px solid color-mix(in srgb,var(--color-secondary) 68%,transparent);border-radius:999px;background:transparent;color:inherit;font-weight:800;font-size:.82rem;padding:.22rem .58rem;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.notification-action-btn:hover,.notification-action-btn:focus-visible{background:color-mix(in srgb,var(--color-secondary) 16%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 85%,transparent)}.notification-close{border:0;background:transparent;color:inherit;opacity:.85;padding:0;line-height:1;cursor:pointer;transition:opacity .16s ease,transform .16s ease}.notification-close:hover,.notification-close:focus-visible{opacity:1;transform:scale(1.06)}:root[data-theme=dark] .notification{background:#000;color:#eee;border:1px solid rgba(50,224,196,.45);box-shadow:0 0 0 1px #32e0c42e,0 10px 28px #000000b3}.contest-room-refresh-row{display:flex;justify-content:flex-end;margin-top:.6rem}.contest-room-desktop-hint{margin:auto 0 .2rem;font-size:.76rem;opacity:.78;text-align:left}.contest-room-page-shell{min-height:100%;display:flex;flex-direction:column}.contest-room-lobby-hero{background:linear-gradient(125deg,color-mix(in srgb,var(--surface-strong) 88%,var(--color-secondary) 12%),var(--surface))}.contest-room-lobby-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.contest-room-lobby-alert{border-left:4px solid #ca8d2b}.contest-room-lobby-summary{display:grid;gap:.7rem}.contest-room-lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.contest-room-lobby-cell{border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-muted) 74%,var(--surface-strong) 26%);padding:.62rem .68rem;display:grid;gap:.18rem}.contest-room-lobby-label{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}.contest-room-lobby-value{margin:0;font-size:1rem;font-weight:800}.contest-room-lobby-code{font-family:Space Grotesk,sans-serif;letter-spacing:.1em}.contest-room-ready-panel{background:color-mix(in srgb,var(--surface-strong) 90%,var(--color-secondary) 10%)}.contest-room-ready-big{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:800;color:var(--color-primary)}.contest-room-players-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.contest-room-player-card{border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:var(--radius-sm);background:var(--surface-strong);padding:.68rem .74rem;display:grid;gap:.28rem}.contest-room-player-name{margin:0;font-weight:800}.contest-room-player-rating{margin:0;color:var(--text-soft);font-size:.9rem}.contest-room-player-status{width:fit-content;margin-top:.14rem;border-radius:999px;padding:.2rem .56rem;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.contest-room-player-status.is-ready{background:#3a915f2e;color:var(--color-success)}.contest-room-player-status.is-pending{background:#0d73771f;color:var(--color-primary)}.contest-room-player-status.is-gave-up{background:#cb5d6729;color:#b14b56}.temp-contest-room-page{gap:1rem}.temp-contest-room-sidebar{width:min(340px,100%)}.temp-contest-info-box{border:1px solid var(--border);background:var(--surface-strong);border-radius:10px;padding:1rem;display:grid;gap:.62rem;justify-items:center;text-align:center;width:100%}.temp-contest-info-box-compact{max-width:340px}.temp-problems-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,290px);gap:.85rem;align-items:start}.temp-problems-sidebar{display:grid;gap:.45rem}.temp-contest-info-box-unified{border:1px solid var(--border);background:var(--surface-strong);border-radius:10px;padding:.72rem;display:grid;gap:.58rem;text-align:center}.temp-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.temp-info-cell{background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;padding:.42rem .36rem;display:grid;gap:.12rem;align-content:center}.temp-performance-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.temp-performance-cell{min-height:92px;padding:.72rem .7rem;justify-items:center;text-align:center}.temp-performance-cell-wide{grid-column:1 / -1;width:100%;gap:.55rem}.temp-performance-solved-row{display:flex;align-items:center;justify-content:center;width:100%}.temp-performance-solved-value{font-size:1.02rem}.temp-performance-progress-track{width:100%;height:8px;background:color-mix(in srgb,var(--border) 82%,transparent);border-radius:999px;overflow:hidden}.temp-performance-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:inherit;transition:width .3s ease}.temp-info-key{font-size:.78rem;color:var(--text-soft)}.temp-info-value{font-size:.95rem;font-weight:700}.temp-info-time{font-size:1.24rem;font-weight:900}.temp-info-timer-row{width:100%;background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;padding:.5rem .42rem;display:grid;gap:.12rem;text-align:center}.temp-contest-room-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.temp-contest-room-title{margin:0;font-size:clamp(1.16rem,1.8vw,1.42rem)}.temp-contest-room-subtitle{margin-top:0;font-size:.92rem}.temp-contest-room-id{margin:0;font-size:.9rem}.temp-contest-room-timer-shell{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:.5rem .74rem;min-width:132px;text-align:center}.temp-contest-room-timer-label{font-size:.8rem;margin:0 0 .12rem}.temp-contest-room-timer-value{margin:0;font-weight:900;font-size:1.34rem;letter-spacing:.02em}.temp-contest-refresh-btn{width:100%}.temp-contest-tabs{display:inline-flex;gap:.9rem;border:none;border-radius:0;background:transparent;padding:0}.temp-contest-tab-btn{border:none;border-radius:0;background:transparent;color:var(--text-soft);font-weight:600;font-size:.97rem;padding:.3rem 0;cursor:pointer;position:relative;transition:color .2s ease}.temp-contest-tab-btn:hover{color:var(--text)}.temp-contest-tab-btn.is-active{background:transparent;color:var(--text);font-weight:800}.temp-contest-tab-btn:after{content:"";position:absolute;left:0;bottom:-.08rem;width:100%;height:2px;border-radius:999px;background:var(--color-secondary);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.temp-contest-tab-btn.is-active:after{transform:scaleX(1)}.temp-contest-tab-btn:focus-visible,.temp-problem-row:focus-visible,.temp-problem-arrow-btn:focus-visible{outline:none}.temp-contest-content-shell{margin-top:.1rem}.temp-problem-list{display:grid;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.temp-problem-row{border:none;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:var(--surface-strong);padding:.56rem .7rem;cursor:pointer;display:grid;grid-template-columns:32px minmax(0,1fr) 32px 74px 16px;align-items:center;column-gap:.56rem;min-height:50px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.temp-problem-row:last-child{border-bottom:none}.temp-problem-row:hover{transform:translateY(-2px);background:var(--surface-muted)}.temp-problem-row.is-solved-me{background:color-mix(in srgb,var(--surface-strong) 90%,var(--color-success) 10%)}.temp-problem-row.is-solved-other{background:color-mix(in srgb,var(--surface-strong) 90%,var(--color-danger) 10%)}.temp-problem-row.is-unsolved{background:var(--surface-strong)}.temp-problem-main{min-width:0;display:grid;gap:.12rem}.temp-problem-label{margin:0;font-weight:900;font-size:1.04rem;color:var(--color-secondary);min-width:0;text-align:center}.temp-problem-name{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:.98rem;color:var(--text)}.temp-problem-points{font-size:.84rem;font-weight:600;color:var(--text-soft);text-align:right}.temp-problem-arrow-btn{border:1px solid var(--border);border-radius:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-soft);text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.temp-problem-arrow-btn:hover{color:var(--text);background:var(--surface-muted);border-color:color-mix(in srgb,var(--border) 70%,var(--color-secondary) 30%)}.temp-problem-status-block{width:12px;height:24px;border-radius:3px;background:color-mix(in srgb,var(--border) 70%,transparent)}.temp-problem-row.is-solved-me .temp-problem-status-block{background:var(--color-success)}.temp-problem-row.is-solved-other .temp-problem-status-block{background:var(--color-danger)}.temp-problem-solved-note{grid-column:2 / 5;margin:0;font-size:.79rem;opacity:.9}.temp-problem-solved-note.by-me{color:var(--color-success)}.temp-problem-solved-note.by-other{color:var(--color-danger)}.temp-problem-upcoming{font-size:.8rem;padding:.5rem .6rem;border-top:1px dashed color-mix(in srgb,var(--border) 80%,transparent);background:var(--surface-muted)}.temp-standings-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-strong);width:100%}.temp-standings-full{width:100%}.temp-standings-header{display:grid;justify-items:center;text-align:center;gap:.5rem;margin-bottom:.55rem}.temp-standings-title{margin:0;font-size:1.3rem}.temp-standings-subtitle{margin:.2rem 0 0;font-size:.95rem}.temp-standings-timer{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:.45rem .7rem;min-width:170px;text-align:center}.temp-standings-timer-label{margin:0;font-size:.82rem}.temp-standings-timer-value{margin:.08rem 0 0;font-size:1.32rem;font-weight:800}.temp-standings-table{width:100%;border-collapse:collapse}.temp-standings-table th,.temp-standings-table td{text-align:left;padding:.56rem .68rem;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);vertical-align:top}.temp-standings-table th{color:var(--text-soft);font-size:.84rem;font-weight:700}.temp-standings-problem-head{min-width:78px;text-align:center!important}.temp-standings-problem-head a{font-weight:700}.temp-standings-problem-points{margin-top:.08rem;font-size:.74rem;color:var(--text-soft)}.temp-standings-problem-cell{text-align:center!important;white-space:nowrap}.temp-standings-solve-mark{line-height:1;font-weight:800;font-size:1.06rem;color:var(--color-success)}.temp-standings-solve-time{margin-top:.08rem;font-size:.76rem;color:var(--text-soft)}.temp-standings-unsolved-mark{font-size:.8rem;color:var(--text-soft)}.temp-standings-table tbody tr:last-child td{border-bottom:none}.temp-standings-table tbody tr.is-top{background:color-mix(in srgb,var(--surface-muted) 70%,var(--color-secondary) 30%)}.temp-standings-table td:last-child{font-weight:800}@media(max-width:960px){.split-layout{grid-template-columns:1fr}.temp-contest-room-timer-shell{width:100%;text-align:center}.temp-problem-info-row{justify-content:stretch}.temp-problems-shell,.temp-info-grid,.temp-performance-grid{grid-template-columns:1fr}.temp-performance-cell-wide{grid-column:auto}.temp-contest-room-sidebar,.temp-contest-info-box-compact,.temp-problems-sidebar{width:100%;max-width:none}.temp-standings-header{flex-direction:column}.temp-standings-timer{width:100%}.temp-problem-row{grid-template-columns:28px minmax(0,1fr) 30px 64px 12px}.home-steps-grid{grid-template-columns:1fr}.home-steps-grid:before{display:none}.dashboard-contests-grid,.profile-layout-grid,.dashboard-metrics-grid,.friends-layout-grid,.friends-grid,.friends-search-form{grid-template-columns:1fr}.friends-tabs-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.compete-hero{grid-template-columns:1fr}.compete-mode-toggle{justify-content:flex-start}.compete-tabs-nav{grid-template-columns:1fr}.app-footer-links{flex-direction:column;align-items:flex-start;gap:.4rem}.app-footer{align-items:flex-start;flex-direction:column;gap:.28rem}}@media(max-width:620px){.friends-tabs-nav{grid-template-columns:1fr}.friends-tab-panel{min-height:360px}.notifications-invite-grid,.contest-room-lobby-grid,.contest-room-players-grid{grid-template-columns:1fr}}@media(max-width:760px){:root{--nav-height: 88px}.top-nav-inner{padding:.5rem 1rem;align-items:flex-start;flex-direction:column}.top-nav-links{width:100%;justify-content:flex-start}.app-main{width:min(1200px,calc(100% - 1rem));padding-top:calc(var(--nav-height) + 2.2rem)}.grid-two{grid-template-columns:1fr}.hero{min-height:calc(100vh - var(--nav-height) - 2.6rem)}.home-hero-minimal{min-height:calc(100vh - var(--nav-height) - 1.8rem);padding:.6rem 0}.home-page{gap:1.35rem}}.route-transition{width:100%}.section-card,.list-item,.ui-state,.modal-card,.temp-contest-info-box,.temp-standings-wrap,.contest-room-lobby-cell,.contest-room-player-card,.profile-stat-card,.profile-identity-detail-cell,.notifications-invite-cell,.temp-info-cell,.temp-info-timer-row{position:relative;animation:uiFadeLift .36s ease both;transition:transform .22s ease,box-shadow .24s ease,border-color .22s ease,background-color .22s ease}.section-card,.modal-card,.temp-contest-info-box,.temp-standings-wrap{overflow:hidden}.section-card:hover,.list-item:hover,.temp-contest-info-box:hover,.contest-room-lobby-cell:hover,.contest-room-player-card:hover,.profile-stat-card:hover,.profile-identity-detail-cell:hover,.notifications-invite-cell:hover,.temp-info-cell:hover{transform:translateY(-4px);border-color:var(--border);box-shadow:var(--shadow)}.home-feature-card:hover,.home-feature-card:focus-visible,.home-step-card:hover{border-color:var(--border);box-shadow:var(--shadow)}:root[data-theme=dark] .section-card:hover,:root[data-theme=dark] .list-item:hover,:root[data-theme=dark] .temp-contest-info-box:hover,:root[data-theme=dark] .contest-room-lobby-cell:hover,:root[data-theme=dark] .contest-room-player-card:hover,:root[data-theme=dark] .profile-stat-card:hover,:root[data-theme=dark] .profile-identity-detail-cell:hover,:root[data-theme=dark] .notifications-invite-cell:hover,:root[data-theme=dark] .temp-info-cell:hover,:root[data-theme=dark] .home-feature-card:hover,:root[data-theme=dark] .home-feature-card:focus-visible,:root[data-theme=dark] .home-step-card:hover{box-shadow:0 0 0 1px #32e0c466,0 8px 30px #32e0c41f}.home-hero-minimal{position:relative;overflow:hidden}.home-hero-content{position:relative;z-index:1}.btn,.pill-btn,.compete-tab-btn,.friends-tab-btn,.nav-user-trigger,.profile-cf-rating-refresh,.profile-verify-problem-refresh{position:relative;overflow:hidden}.btn:hover:not(:disabled),.pill-btn:hover:not(:disabled),.compete-tab-btn:hover:not(:disabled),.friends-tab-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #32e0c447,0 10px 22px #32e0c42e}.btn:active:not(:disabled),.pill-btn:active:not(:disabled),.compete-tab-btn:active:not(:disabled),.friends-tab-btn:active:not(:disabled){animation:buttonClickPulse .26s ease}.btn svg,.nav-link svg,.app-footer-link svg,.home-feature-favicon svg,.profile-cf-rating-refresh svg,.profile-verify-problem-refresh svg,.modal-close-icon svg{transition:transform .22s ease}.btn:hover svg,.nav-link:hover svg,.app-footer-link:hover svg,.home-feature-card:hover .home-feature-favicon svg,.profile-cf-rating-refresh:hover svg,.profile-verify-problem-refresh:hover svg,.modal-close-icon:hover svg{transform:rotate(8deg) scale(1.08)}.field,.field-number,select.field,textarea.field{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.field:focus,.field-number:focus,select.field:focus,textarea.field:focus{transform:translateY(-1px);box-shadow:0 0 0 4px var(--ring),0 0 24px #32e0c429}.compete-tabs-nav,.friends-tabs-nav{position:relative}.compete-tab-btn,.friends-tab-btn{isolation:isolate}.compete-tab-btn-active,.friends-tab-btn-active{background:transparent}.tab-active-indicator{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface-strong);border:1px solid rgba(50,224,196,.44);box-shadow:0 8px 18px #32e0c424}.pill-row{position:relative}.pill-btn{transition:transform .18s ease,box-shadow .2s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.pill-btn-active{box-shadow:0 0 0 1px #32e0c459,0 0 18px #32e0c433}.modal-overlay{background:#00000085;-webkit-backdrop-filter:none;backdrop-filter:none}.notification{animation:toastSlideIn .26s ease both}.success-text,.error-text{animation:stateFlash .42s ease both}.ui-state-loading{grid-template-columns:auto minmax(0,1fr)}.ui-skeleton-stack{grid-column:1 / -1;width:100%;display:grid;gap:.45rem}.ui-skeleton-line{height:.62rem;border-radius:999px;background:linear-gradient(90deg,#32e0c414,#32e0c442,#32e0c414);background-size:220% 100%;animation:skeletonSweep 1.25s ease-in-out infinite}.ui-skeleton-line-short{width:64%}.home-step-index,.contest-room-lobby-value,.profile-rating-value,.profile-stat-value,.temp-info-value,.temp-info-time,.temp-standings-timer-value,.temp-performance-solved-value{animation:numberPop .42s ease both}.contest-live-dot,.temp-info-time,.temp-standings-timer-value,.contest-room-ready-big{animation:timerPulse 1.6s ease-in-out infinite}.data-grid>*,.contest-room-players-grid>*,.contest-room-lobby-grid>*,.friends-grid>*,.notifications-invite-grid>*,.dashboard-contests-grid>*,.temp-performance-grid>*,.profile-recent-contests-scroll>*{animation:uiFadeLift .36s ease both;animation-delay:calc(min(var(--stagger-index, 0),8)*65ms)}.data-grid>*:nth-child(2),.contest-room-players-grid>*:nth-child(2),.contest-room-lobby-grid>*:nth-child(2),.friends-grid>*:nth-child(2),.notifications-invite-grid>*:nth-child(2),.dashboard-contests-grid>*:nth-child(2),.temp-performance-grid>*:nth-child(2),.profile-recent-contests-scroll>*:nth-child(2){animation-delay:70ms}.data-grid>*:nth-child(3),.contest-room-players-grid>*:nth-child(3),.contest-room-lobby-grid>*:nth-child(3),.friends-grid>*:nth-child(3),.notifications-invite-grid>*:nth-child(3),.dashboard-contests-grid>*:nth-child(3),.temp-performance-grid>*:nth-child(3),.profile-recent-contests-scroll>*:nth-child(3){animation-delay:.14s}.data-grid>*:nth-child(4),.contest-room-players-grid>*:nth-child(4),.contest-room-lobby-grid>*:nth-child(4),.friends-grid>*:nth-child(4),.notifications-invite-grid>*:nth-child(4),.dashboard-contests-grid>*:nth-child(4),.temp-performance-grid>*:nth-child(4),.profile-recent-contests-scroll>*:nth-child(4){animation-delay:.21s}.data-grid>*:nth-child(n+5),.contest-room-players-grid>*:nth-child(n+5),.contest-room-lobby-grid>*:nth-child(n+5),.friends-grid>*:nth-child(n+5),.notifications-invite-grid>*:nth-child(n+5),.dashboard-contests-grid>*:nth-child(n+5),.temp-performance-grid>*:nth-child(n+5),.profile-recent-contests-scroll>*:nth-child(n+5){animation-delay:.28s}@keyframes uiFadeLift{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonClickPulse{0%{box-shadow:0 0 #32e0c457}to{box-shadow:0 0 0 10px #32e0c400}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(26px,-8px)}to{opacity:1;transform:translate(0)}}@keyframes stateFlash{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonSweep{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes numberPop{0%{transform:scale(.96);text-shadow:0 0 0 rgba(50,224,196,0)}45%{transform:scale(1.05);text-shadow:0 0 14px rgba(50,224,196,.34)}to{transform:scale(1);text-shadow:0 0 0 rgba(50,224,196,0)}}@keyframes timerPulse{0%,to{color:inherit;text-shadow:0 0 0 rgba(50,224,196,0)}50%{color:var(--color-secondary);text-shadow:0 0 16px rgba(50,224,196,.38)}}@media(prefers-reduced-motion:reduce){.route-transition,.section-card,.list-item,.ui-state,.modal-card,.temp-contest-info-box,.temp-standings-wrap,.contest-room-lobby-cell,.contest-room-player-card,.profile-stat-card,.profile-identity-detail-cell,.notifications-invite-cell,.temp-info-cell,.temp-info-timer-row,.contest-live-dot,.temp-info-time,.temp-standings-timer-value,.contest-room-ready-big,.ui-skeleton-line{animation:none!important;transition-duration:1ms!important;transform:none!important}}