.app{min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-ink);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__brand{align-items:center;gap:var(--space-2);color:#fff;padding:var(--space-2);margin-bottom:var(--space-3);font-size:1.15rem;font-weight:700;display:flex}.sidebar__brand-mark{border-radius:9px;width:30px;height:30px}.sidebar__link{align-items:center;gap:var(--space-3);color:var(--sidebar-ink);padding:var(--space-3);border-radius:var(--radius-sm);min-height:44px;font-weight:600;text-decoration:none;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff14}.sidebar__link[aria-current=page]{background:var(--sidebar-active);color:#fff}.sidebar__spacer{flex:1}.sidebar__logout{font:inherit;cursor:pointer;text-align:left;width:100%;padding-top:var(--space-4);margin-top:var(--space-2);background:0 0;border:none;border-top:1px solid #ffffff1a;border-radius:0;font-weight:600}.sidebar__logout:hover{color:#ffd8cc;border-radius:var(--radius-sm);background:#f2643f29}.app__main{margin-left:var(--sidebar-w);min-height:100vh}.app__content{max-width:var(--content-max);padding:var(--space-6) var(--space-5);margin:0 auto}.topbar,.bottomnav{display:none}@media (width<=1023px){.sidebar{display:none}.app__main{margin-left:0}.app__content{padding:var(--space-4);padding-bottom:calc(var(--bottomnav-h) + var(--space-5))}.topbar{z-index:20;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{font-size:1.1rem;font-weight:700}.topbar__logout{width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.topbar__logout:hover{background:var(--surface-2);color:var(--danger)}.bottomnav{z-index:20;height:var(--bottomnav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;inset:auto 0 0}.bottomnav__link{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;font-size:.72rem;text-decoration:none;display:flex}.bottomnav__link[aria-current=page]{color:var(--primary);font-weight:700}}.sidebar__link .badge{margin-left:auto}.bottomnav__icon{display:inline-flex;position:relative}.bottomnav__icon .badge{position:absolute;top:-6px;right:-10px}.auth{min-height:100dvh;padding:var(--space-6) var(--space-5);background:var(--grad-hero);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.auth__blob{z-index:-1;filter:blur(70px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.auth__blob--1{background:radial-gradient(circle,#17b3aa 0%,#0000 70%);width:42vmax;height:42vmax;top:-14vmax;left:-12vmax}.auth__blob--2{opacity:.4;background:radial-gradient(circle,#f2643f 0%,#0000 70%);width:34vmax;height:34vmax;bottom:-12vmax;right:-10vmax}.auth__blob--3{opacity:.3;background:radial-gradient(circle,#2a7fb8 0%,#0000 70%);width:22vmax;height:22vmax;top:30%;right:12%}@media (prefers-reduced-motion:no-preference){.auth__blob--1{animation:14s ease-in-out infinite auth-float-a}.auth__blob--2{animation:18s ease-in-out infinite auth-float-b}}@keyframes auth-float-a{50%{transform:translate(3vmax,2vmax)scale(1.06)}}@keyframes auth-float-b{50%{transform:translate(-2vmax,-3vmax)scale(1.08)}}.auth__inner{flex-direction:column;align-items:stretch;width:100%;max-width:27rem;display:flex}.auth__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);justify-content:center;display:flex}.auth__brand-mark{filter:drop-shadow(0 8px 18px #0a3c3c73);border-radius:13px}.auth__wordmark{letter-spacing:-.01em;color:#fff;font-size:1.55rem;font-weight:700}.auth__tagline{text-align:center;color:#cfe8e6;margin:0 0 var(--space-5);font-size:1.02rem}.auth__card-wrap{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6) var(--space-5) var(--space-5);position:relative;overflow:hidden}.auth__card-wrap:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, #17b3aa 45%, var(--accent) 100%);height:5px;position:absolute;inset:0 0 auto}@media (prefers-reduced-motion:no-preference){.auth__card-wrap{animation:.5s cubic-bezier(.16,1,.3,1) both auth-rise}}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}}.auth__card-wrap>main>h1{margin-bottom:var(--space-4);font-size:1.5rem}.auth__card-wrap .card{box-shadow:none;background:0 0;border:none;padding:0}.auth__card-wrap>main>p:last-child{margin-bottom:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3f5;--surface:#fff;--surface-2:#f6f9fa;--ink:#14253a;--muted:#4a5b6e;--border:#e1e8ec;--primary:#0d7d7d;--primary-hover:#0a6464;--primary-ink:#fff;--primary-soft:#d7ecec;--accent:#f2643f;--accent-hover:#d94e2b;--accent-ink:#8a2f18;--accent-soft:#ffe3da;--grad-brand:linear-gradient(135deg, #12a19a 0%, #0d7d7d 55%, #0a6464 100%);--grad-hero:linear-gradient(160deg, #0f6f75 0%, #123f56 60%, #14253a 100%);--grad-accent:linear-gradient(135deg, #f2643f 0%, #e0451f 100%);--sidebar-bg:#14253a;--sidebar-ink:#cfe0e0;--sidebar-active:#0d7d7d;--chip-bg:#d7ecec;--chip-ink:#0a5c5c;--success:#15803d;--success-soft:#dcfce7;--danger:#b3261e;--danger-soft:#fde4e2;--warning:#9a6700;--warning-soft:#fdf2d6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 3px #14253a14;--shadow-md:0 4px 14px #14253a1a;--shadow-lg:0 24px 60px -18px #0f3f5673;--focus:3px solid var(--primary);--font:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-base:17px;--leading:1.55;--content-max:64rem;--sidebar-w:248px;--bottomnav-h:64px;--topbar-h:56px}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-regular.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-bold.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/atkinson-italic.woff2)format("woff2")}*{box-sizing:border-box}html{font-size:var(--text-base)}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3,h4{color:var(--ink);margin:0 0 var(--space-3);line-height:1.25}h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.1rem}p{margin:0 0 var(--space-3)}a{color:var(--primary-hover);text-underline-offset:2px}a:hover{color:var(--primary-hover);text-decoration:underline}:focus-visible{outline:var(--focus);outline-offset:2px;border-radius:4px}.skip-link{left:-9999px;top:var(--space-2);z-index:100;background:var(--surface);color:var(--primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:absolute}.skip-link:focus{left:var(--space-2)}.container{width:100%;max-width:var(--content-max);padding:var(--space-5);margin:0 auto}.stack>*+*{margin-top:var(--space-4)}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);cursor:pointer;border:1px solid #0000;min-height:44px;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--grad-brand);color:var(--primary-ink);box-shadow:0 6px 16px -6px #0a646499}.btn--primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 10px 22px -8px #0a6464b3}.btn--secondary{background:var(--surface);color:var(--primary);border-color:var(--primary)}.btn--secondary:hover:not(:disabled){background:var(--primary-soft)}.btn--danger{background:var(--danger);color:#fff}.btn--ghost{color:var(--ink);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--space-4)}.chip{align-items:center;gap:var(--space-1);background:var(--chip-bg);color:var(--chip-ink);border-radius:var(--radius-pill);padding:2px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.avatar{object-fit:cover;background:var(--primary-soft);width:44px;height:44px;color:var(--chip-ink);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.badge{border-radius:var(--radius-pill);background:var(--danger);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.star-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);border:1px solid #0000;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.star-badge svg{flex-shrink:0}.star-badge--none{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.star-badge--bronze{color:#7a4a1e;background:#f6e3d2;border-color:#d9a273}.star-badge--silver{color:#4a5b6e;background:#eceff1;border-color:#b9c2c9}.star-badge--gold{color:#7a5c00;background:#fbf0cf;border-color:#e3c34d}.star-badge--diamond{color:#0d6363;background:#d9f2f2;border-color:#67c7c7}.alert{border-radius:var(--radius);padding:var(--space-3) var(--space-4);border:1px solid var(--border)}.alert--info{background:var(--surface-2)}.alert--success{background:var(--success-soft);border-color:var(--success);color:#0f5132}.alert--error{background:var(--danger-soft);border-color:var(--danger);color:#842029}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-header__desc{color:var(--muted);margin:var(--space-1) 0 0}.page-hero{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(120deg,#0d7d7d 0%,#12a19a 30%,#123f56 70%,#0d7d7d 100%) 0 0/300% 300%;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.page-hero{animation:18s infinite hero-pan}}@keyframes hero-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.page-hero__body{z-index:1;min-width:0;position:relative}.page-hero__title{color:#fff;margin:0;font-size:1.6rem}.page-hero__desc{color:#dcefee;margin:var(--space-2) 0 0;max-width:40ch}.page-hero__action{margin-top:var(--space-4)}.page-hero__action .btn--primary{color:var(--primary-hover);background:#fff;box-shadow:0 8px 20px -8px #0006}.page-hero__action .btn--primary:hover:not(:disabled){color:var(--primary-hover);background:#eefaf9}.page-hero__art{flex-shrink:0;width:200px;max-width:42%;height:auto}@media (width<=560px){.page-hero{padding:var(--space-5)}.page-hero__art{display:none}}@media (prefers-reduced-motion:no-preference){.stack>*{animation:.42s cubic-bezier(.16,1,.3,1) both reveal-up}.stack>:first-child{animation-delay:30ms}.stack>:nth-child(2){animation-delay:80ms}.stack>:nth-child(3){animation-delay:.13s}.stack>:nth-child(4){animation-delay:.18s}.stack>:nth-child(5){animation-delay:.23s}.stack>:nth-child(6){animation-delay:.28s}.stack>:nth-child(n+7){animation-delay:.32s}.field{animation:.42s cubic-bezier(.16,1,.3,1) both reveal-up}.field:first-of-type{animation-delay:40ms}.field:nth-of-type(2){animation-delay:.1s}.field:nth-of-type(3){animation-delay:.16s}.field:nth-of-type(4){animation-delay:.22s}.field:nth-of-type(5){animation-delay:.28s}.field:nth-of-type(n+6){animation-delay:.34s}.page-hero{animation:18s infinite hero-pan,.5s cubic-bezier(.16,1,.3,1) both reveal-up}}@keyframes reveal-up{0%{opacity:0;transform:translateY(12px)}}.lb-toggle{gap:var(--space-2);margin-bottom:var(--space-5);display:inline-flex}.lb-podium{gap:var(--space-3);grid-template-columns:repeat(3,1fr);align-items:end;margin:0;padding:0;list-style:none;display:grid}.lb-podium__item{margin:0}.lb-podium__item .card{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.lb-podium__item .avatar{width:56px;height:56px}.lb-podium__item--1{order:2}.lb-podium__item--1 .card{border-color:#e3c34d;box-shadow:0 10px 24px -10px #e3c34db3}.lb-podium__item--2{order:1}.lb-podium__item--3{order:3}.lb-podium__rank{color:var(--primary);font-size:1.4rem;font-weight:800}.lb-podium__name{overflow-wrap:anywhere;min-width:0;font-weight:700}.lb-podium__item--me .card{outline:2px solid var(--primary);outline-offset:2px}.lb-list{margin:0;padding:0;list-style:none}.lb-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.lb-row:last-child{border-bottom:0}.lb-row--me{background:var(--primary-soft);border-radius:var(--radius);padding-left:var(--space-3);padding-right:var(--space-3)}.lb-row__rank{color:var(--muted);min-width:2.5ch;font-weight:800}.lb-row__name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.lb-me-tag{color:var(--primary);font-weight:700}@media (width<=560px){.lb-podium{grid-template-columns:1fr;align-items:stretch}.lb-podium__item--1,.lb-podium__item--2,.lb-podium__item--3{order:initial}}.empty{text-align:center;padding:var(--space-7) var(--space-4);color:var(--muted)}.empty__icon{color:var(--primary);margin-bottom:var(--space-3)}.field{margin-bottom:var(--space-4)}.field__label{margin-bottom:var(--space-2);font-weight:700;display:block}.field__req{color:var(--danger)}.field__control{width:100%;font:inherit;padding:var(--space-3) var(--space-4);background:var(--surface-2);min-height:46px;color:var(--ink);border:1.5px solid var(--border);border-radius:var(--radius);transition:border-color .12s,background .12s,box-shadow .12s;display:block}.field__control:hover{border-color:#c4d2d8}.field__control:focus-visible{outline:var(--focus);outline-offset:1px;background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.field__error{color:var(--danger);margin-top:var(--space-2);font-size:.9rem}