:root{--brand-blue:#4F7CFF;--brand-violet:#8B5CF6;--brand-gradient:linear-gradient(135deg,#4F7CFF,#8B5CF6);--brand-light:#A5B4FC;--brand-amber:#FFD166;--brand-yellow:#FBBF24;--canvas:#0A0A0A;--canvas-soft:#15171a;--canvas-card:#191919;--canvas-mid:#22252a;--hairline:#26282c;--ink:#FFFFFF;--ink-hover:#F5F5F2;--body:#C9CBD1;--body-mid:#8A8E96;--mute:#5E626B;--gold:#E8C47A;--silver:#B9BEC7;--bronze:#C88B5A;--up:#4ADE80;--down:#F87171;--flat:#8A8E96;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--s2:2px;--s4:4px;--s6:6px;--s8:8px;--s10:10px;--s12:12px;--s14:14px;--s16:16px;--s18:18px;--s20:20px;--s22:22px;--s24:24px;--s28:28px;--s32:32px;--s40:40px;--s48:48px;--s64:64px;--container:1200px;--content-w:720px;--font-sans:"Inter","PingFang SC","Microsoft YaHei","HarmonyOS Sans SC","Noto Sans SC",system-ui,sans-serif;--font-mono:"Geist Mono","JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-display:56px;--fs-h1:36px;--fs-h2:30px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:18px;--fs-body:16px;--fs-sm:14px;--fs-xs:12px;--fs-mono:12px;--nav-h:64px;--ease:cubic-bezier(.2,.7,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--canvas);color:var(--ink);font-size:var(--fs-body);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-weight:400}h1,h2,h3,h4{font-weight:400;line-height:1.25;letter-spacing:-.01em}a{color:var(--body);text-decoration:none;transition:color .18s var(--ease)}a:hover{color:var(--ink)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--ink)}ul{list-style:none}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px;border-radius:4px}::selection{background:rgba(79,124,255,.32);color:#fff}.h-scroll{scrollbar-width:thin;scrollbar-color:var(--canvas-mid) transparent}.h-scroll::-webkit-scrollbar{height:6px}.h-scroll::-webkit-scrollbar-thumb{background:var(--canvas-mid);border-radius:999px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--s24)}.container.narrow{max-width:var(--content-w)}.band{padding:var(--s64) 0;border-top:1px solid var(--hairline)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:2px;text-transform:uppercase;color:var(--body-mid);display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--s12)}.eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:var(--brand-violet)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s16);margin-bottom:var(--s32)}.section-head h2{font-size:var(--fs-h2)}.section-head .sub{color:var(--body-mid);font-size:var(--fs-sm);margin-top:var(--s4)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(10,10,10,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}.nav-inner{height:var(--nav-h);gap:var(--s24)}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:var(--s10);flex-shrink:0}.brand .mark{width:32px;height:32px;border-radius:8px;overflow:hidden}.brand .wordmark{font-size:17px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}.brand .wordmark em{font-style:normal;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;gap:var(--s8);margin-left:var(--s16)}.nav-links a{font-size:var(--fs-sm);padding:var(--s8) var(--s18);border-radius:var(--radius-pill);color:var(--body-mid);white-space:nowrap}.nav-links a:hover{color:var(--ink);background:var(--canvas-soft)}.nav-links a.active{color:var(--ink)}.nav-links a.active:after{content:"";display:block;height:2px;width:70%;margin:2px auto 0;background:var(--brand-gradient);border-radius:2px}.nav-spacer{flex:1 1}.nav-actions{display:flex;align-items:center;gap:var(--s8)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);color:var(--body);font-size:18px}.icon-btn:hover{color:var(--ink);background:var(--canvas-soft)}.lang-switch{display:flex;align-items:center;border:1px solid var(--hairline);padding:2px}.lang-switch,.lang-switch button{border-radius:var(--radius-pill);font-size:var(--fs-xs)}.lang-switch button{padding:var(--s4) var(--s10);color:var(--body-mid)}.lang-switch button.active{background:var(--canvas-mid);color:var(--ink)}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--s12) var(--s24);border-radius:var(--radius-pill);font-size:var(--fs-sm);line-height:20px;border:1px solid rgba(255,255,255,.28);white-space:nowrap;transition:background .18s var(--ease),border-color .18s var(--ease),transform .1s}.btn,.btn:hover{color:var(--ink)}.btn:hover{border-color:rgba(255,255,255,.45)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand-gradient);border:none;font-weight:500;box-shadow:0 0 24px rgba(90,107,250,.28)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;border:1px solid var(--hairline);color:var(--body-mid)}.btn-ghost:hover{border-color:var(--canvas-mid);color:var(--ink)}.btn-sm{padding:var(--s6) var(--s14);font-size:var(--fs-xs)}.btn-lg{padding:var(--s14) var(--s28);font-size:var(--fs-body)}.btn .ico{font-size:1em;line-height:1}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--body-mid);background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:2px 10px;letter-spacing:.4px;white-space:nowrap}.tag.accent{color:var(--brand-light);border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.1)}.tag.dif{color:var(--up)}.tag.dif[data-v="2"]{color:var(--brand-light)}.tag.dif[data-v="3"]{color:var(--brand-amber)}.tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);overflow:hidden}.card-pad{padding:var(--s24)}.hover-card{transition:border-color .2s var(--ease),transform .2s var(--ease),background .2s}.hover-card:hover{border-color:rgba(139,92,246,.45);transform:translateY(-2px);background:#1d1e22}.hero{padding:var(--s64) 0 0}.hero-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--s48);gap:var(--s48)}.hero-title{font-size:clamp(40px,6vw,62px);line-height:1.08;letter-spacing:-.02em;font-weight:400;max-width:14ch}.hero-title .acc{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:var(--body);font-size:var(--fs-body-lg);line-height:1.7;max-width:52ch;margin:var(--s24) 0 var(--s32)}.hero-actions{gap:var(--s12)}.hero-actions,.hero-meta{display:flex;flex-wrap:wrap}.hero-meta{margin-top:var(--s40);border-top:1px solid var(--hairline);padding-top:var(--s20);gap:var(--s40)}.hero-meta .stat .n{font-family:var(--font-mono);font-size:var(--fs-h2);color:var(--ink);letter-spacing:-.02em}.hero-meta .stat .l{font-size:var(--fs-xs);color:var(--body-mid);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--s16);gap:var(--s16)}.path-step{display:flex;gap:var(--s16);padding:var(--s20);position:relative}.path-step .no{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--brand-light);width:28px;height:28px;flex-shrink:0;border:1px solid rgba(139,92,246,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.08)}.path-step h3{font-size:var(--fs-h4);margin-bottom:var(--s6)}.path-step p{color:var(--body-mid);font-size:var(--fs-sm);line-height:1.6}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--s16);gap:var(--s16)}.module-card{padding:var(--s24);display:flex;flex-direction:column;gap:var(--s12)}.module-card .mico{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(139,92,246,.12)}.module-card h3{font-size:var(--fs-h3)}.module-card p{color:var(--body-mid);font-size:var(--fs-sm);flex:1 1}.module-card .more{font-size:var(--fs-sm);color:var(--brand-light)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--s16);gap:var(--s16)}.post-card{padding:var(--s20);display:flex;flex-direction:column;gap:var(--s10)}.post-card .meta{display:flex;align-items:center;gap:var(--s8);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--body-mid);font-family:var(--font-mono)}.post-card .meta .sep{opacity:.4}.post-card h3{font-size:var(--fs-h4);line-height:1.4}.post-card h3 a{color:var(--ink)}.post-card .deck{color:var(--body-mid);font-size:var(--fs-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card .foot{margin-top:auto;justify-content:space-between}.cov,.post-card .foot{display:flex;align-items:center}.cov{height:120px;border-radius:var(--radius-sm);justify-content:center;font-size:34px;margin-bottom:var(--s4);background:radial-gradient(120px 120px at 20% 10%,rgba(79,124,255,.12),transparent 70%),radial-gradient(120px 120px at 90% 90%,rgba(139,92,246,.14),transparent 70%),var(--canvas-soft);border:1px solid var(--hairline)}.rank-bar{align-items:center;gap:var(--s16);margin-bottom:var(--s24)}.rank-bar,.rank-meta{display:flex;flex-wrap:wrap}.rank-meta{gap:var(--s20);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--body-mid)}.rank-meta .k{color:var(--mute)}.rank-meta .v{color:var(--body)}.tabs{display:inline-flex;border:1px solid var(--hairline);padding:4px;gap:4px;background:var(--canvas-soft)}.tabs,.tabs button{border-radius:var(--radius-pill)}.tabs button{padding:var(--s8) var(--s20);font-size:var(--fs-sm);color:var(--body-mid);transition:all .2s var(--ease);font-weight:500}.tabs button:hover{color:var(--ink)}.tabs button.active{background:var(--brand-gradient);color:#fff;box-shadow:0 2px 14px rgba(90,107,250,.35)}.filter-row{display:flex;gap:var(--s8);flex-wrap:wrap;align-items:center}.chip{padding:var(--s6) var(--s14);border-radius:var(--radius-pill);font-size:var(--fs-xs);border:1px solid var(--hairline);color:var(--body-mid)}.chip:hover{color:var(--ink);border-color:var(--canvas-mid)}.chip.active{background:var(--brand-gradient);border-color:transparent;color:#fff}.rank-table{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:56px 40px 1.6fr 1fr 120px 120px;align-items:center;grid-gap:var(--s16);gap:var(--s16);padding:var(--s14) var(--s16);border-bottom:1px solid var(--hairline);transition:background .15s var(--ease)}.rank-row:hover{background:var(--canvas-soft)}.rank-row.head{font-size:var(--fs-xs);letter-spacing:1px;color:var(--body-mid);text-transform:uppercase;border-bottom:1px solid var(--canvas-mid)}.rank-num,.rank-row.head{font-family:var(--font-mono)}.rank-num{font-size:var(--fs-sm)}.r1{color:var(--gold)}.r2{color:var(--silver)}.r3{color:var(--bronze)}.r-other{color:var(--body-mid)}.rank-delta{font-family:var(--font-mono);font-size:var(--fs-xs)}.rank-delta .up{color:var(--up)}.rank-delta .down{color:var(--down)}.rank-delta .flat{color:var(--flat)}.rank-delta .new{color:var(--brand-light)}.rank-name{font-size:var(--fs-sm);font-weight:500;color:var(--ink)}.rank-name small{display:block;font-weight:400;color:var(--body-mid);font-size:var(--fs-xs);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-score{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--body)}.rank-stat,.rank-time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--body-mid)}.rank-fav{color:var(--brand-light);font-size:var(--fs-sm);cursor:pointer;background:none;border:none}.rank-fav.on{color:var(--brand-amber)}@media(max-width:760px){.rank-row.head span:nth-child(2),.rank-row.head span:nth-child(5),.rank-row.head span:nth-child(6){display:none}.rank-row{grid-template-columns:40px 34px 1fr auto;align-items:start;padding:var(--s12) var(--s4)}.rank-row>span:nth-child(4),.rank-row>span:nth-child(5){grid-column:3;grid-row:auto}.rank-name small{max-width:60vw}.rank-score,.rank-stat{font-size:var(--fs-xs)}.rank-time{display:none}}.pager{display:flex;align-items:center;justify-content:center;gap:var(--s8);margin-top:var(--s32)}.pager button{width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--hairline);color:var(--body);font-size:var(--fs-sm)}.pager button.active{background:var(--brand-gradient);border-color:transparent;color:#fff}.pager button:hover:not(.active):not(:disabled){border-color:var(--canvas-mid);color:var(--ink)}.pager button:disabled{opacity:.3;cursor:default}.news-grid{display:flex;flex-direction:column;gap:var(--s12)}.news-card{padding:var(--s20);display:flex;gap:var(--s16)}.news-card .nc-body{flex:1 1;min-width:0}.news-card h3{font-size:var(--fs-h4);line-height:1.4}.news-card h3 a{color:var(--ink)}.news-card .deck{color:var(--body-mid);font-size:var(--fs-sm);margin-top:var(--s6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-src{display:flex;align-items:center;gap:var(--s12);margin-top:var(--s12);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--body-mid)}.news-src .src{color:var(--brand-light)}.news-src .method{display:inline-flex;align-items:center;gap:5px;color:var(--body-mid)}.news-src .method.api{color:var(--up)}.news-src .method.html{color:var(--brand-amber)}.news-src .method.manual{color:var(--brand-light)}.rank-stand{display:flex;flex-direction:column}.std-row{display:grid;grid-template-columns:46px 1.5fr 1fr 1fr auto;align-items:center;grid-gap:var(--s12);gap:var(--s12);padding:var(--s12) var(--s16);border-bottom:1px solid var(--hairline);font-size:var(--fs-sm)}.std-row.head{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:1px;color:var(--body-mid);text-transform:uppercase;border-bottom:1px solid var(--canvas-mid)}.search-box{display:flex;align-items:center;gap:var(--s12);background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:var(--s10) var(--s20)}.search-box:focus-within{border-color:rgba(139,92,246,.5)}.search-box input{flex:1 1;background:none;border:none;outline:none;color:var(--ink)}.search-box .ico{color:var(--body-mid)}.search-hero{max-width:620px;margin:0 auto var(--s40)}.search-suggest{display:flex;gap:var(--s8);flex-wrap:wrap;justify-content:center}.crumb{font-size:var(--fs-sm);margin-bottom:var(--s24)}.crumb,.crumb a{color:var(--body-mid)}.crumb a:hover{color:var(--ink)}.crumb .sep{margin:0 var(--s8);opacity:.4}.article{max-width:var(--content-w);margin:0 auto}.article .meta-row{gap:var(--s12);flex-wrap:wrap;margin-top:var(--s20);padding-top:var(--s16);border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--body-mid)}.article .meta-row,.avatar{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:var(--radius-pill);background:var(--canvas-mid);justify-content:center;font-size:14px;color:var(--brand-light);flex-shrink:0}.md{margin-top:var(--s32);font-size:var(--fs-body-lg);color:var(--body);line-height:1.85}.md h1,.md h2,.md h3,.md h4{color:var(--ink);margin:1.8em 0 .7em;line-height:1.35}.md h2{font-size:26px;padding-bottom:.4em;border-bottom:1px solid var(--hairline)}.md h3{font-size:21px}.md p{margin-bottom:1.1em}.md strong{color:var(--ink)}.md a{color:var(--brand-light);border-bottom:1px solid rgba(139,92,246,.3)}.md a:hover{border-bottom-color:var(--brand-light)}.md ol,.md ul{margin:0 0 1.2em 1.3em;color:var(--body)}.md ul{list-style:disc}.md ol{list-style:decimal}.md li{margin-bottom:.4em}.md code{font-family:var(--font-mono);background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:6px;padding:2px 6px;font-size:.86em;color:var(--brand-light)}.md pre{background:var(--canvas-mid);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--s20);overflow-x:auto;margin:1.2em 0;line-height:1.6}.md pre code{background:none;border:none;padding:0;color:#d9dbe1;font-size:.86em}.md blockquote{border-left:2px solid var(--brand-violet);background:rgba(139,92,246,.06);padding:var(--s12) var(--s20);margin:1.2em 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--body)}.md blockquote p{margin-bottom:0}.md table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.92em}.md td,.md th{border:1px solid var(--hairline);padding:var(--s10) var(--s14);text-align:left}.md th{background:var(--canvas-soft);color:var(--ink);font-weight:500;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.5px;text-transform:uppercase}.md td{color:var(--body)}.md img{border-radius:var(--radius-sm);border:1px solid var(--hairline);margin:1.2em 0}.md hr{border:none;border-top:1px solid var(--hairline);margin:2em 0}.related{margin-top:var(--s64)}.related h2{font-size:var(--fs-h3);margin-bottom:var(--s16);font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:1px;color:var(--body-mid);text-transform:uppercase}.pager-art{display:flex;justify-content:space-between;gap:var(--s16);margin-top:var(--s48)}.pager-art a{padding:var(--s16) var(--s20);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--body);font-size:var(--fs-sm);flex:1 1}.pager-art a:hover{border-color:rgba(139,92,246,.5);color:var(--ink)}.pager-art a .dir{display:block;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--body-mid);margin-bottom:var(--s4);text-transform:uppercase;letter-spacing:1px}.locked{margin:var(--s40) 0;border:1px dashed rgba(139,92,246,.4);border-radius:var(--radius-sm);padding:var(--s40);text-align:center;background:rgba(139,92,246,.05)}.locked .lock{font-size:34px;margin-bottom:var(--s12)}.locked h3{font-size:var(--fs-h3);margin-bottom:var(--s8)}.locked p{color:var(--body-mid);font-size:var(--fs-sm);margin-bottom:var(--s20)}.form-card{max-width:420px;margin:0 auto;padding:var(--s32)}.form-card h2{font-size:var(--fs-h2);margin-bottom:var(--s6);text-align:center}.form-card .sub{color:var(--body-mid);font-size:var(--fs-sm);text-align:center;margin-bottom:var(--s24)}.field{margin-bottom:var(--s16)}.field label{display:block;font-size:var(--fs-sm);color:var(--body);margin-bottom:var(--s6)}.field input[type=email],.field input[type=password],.field input[type=search],.field input[type=tel],.field input[type=text]{width:100%;background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--s12) var(--s16);color:var(--ink);outline:none;transition:border-color .15s}.field input:focus{border-color:rgba(139,92,246,.5)}.field .hint{color:var(--body-mid)}.field .err,.field .hint{font-size:var(--fs-xs);margin-top:var(--s4)}.field .err{color:var(--down);display:none}.form-card .btn{width:100%}.form-foot{text-align:center;font-size:var(--fs-sm);color:var(--body-mid);margin-top:var(--s16)}.form-foot a{color:var(--brand-light)}.divider{display:flex;align-items:center;gap:var(--s12);color:var(--mute);font-size:var(--fs-xs);margin:var(--s20) 0;font-family:var(--font-mono);letter-spacing:1px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--hairline)}.oauth{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s12);gap:var(--s12)}.oauth .btn{background:var(--canvas-soft);border-color:var(--hairline)}.acct-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:var(--s24);gap:var(--s24)}.acct-side{display:flex;flex-direction:column;gap:var(--s4)}.acct-side a{padding:var(--s10) var(--s16);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--body-mid)}.acct-side a.active,.acct-side a:hover{background:var(--canvas-soft);color:var(--ink)}.acct-side a.active{border-left:2px solid var(--brand-violet)}.acct-panel h2{font-size:var(--fs-h2);margin-bottom:var(--s20)}.acct-head{display:flex;align-items:center;gap:var(--s16);padding:var(--s24);margin-bottom:var(--s24)}.acct-head .avatar{width:56px;height:56px;font-size:22px}.list-row{display:flex;align-items:center;gap:var(--s12);padding:var(--s14) var(--s4);border-bottom:1px solid var(--hairline);font-size:var(--fs-sm)}.list-row .grow{flex:1 1}.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(20px);background:var(--canvas-card);border:1px solid rgba(139,92,246,.45);border-radius:var(--radius-pill);padding:var(--s12) var(--s24);font-size:var(--fs-sm);color:var(--ink);box-shadow:0 8px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.state{padding:var(--s48) var(--s24);text-align:center;color:var(--body-mid)}.state .si{font-size:38px;margin-bottom:var(--s16);opacity:.6}.state h3{color:var(--ink);font-size:var(--fs-h4);margin-bottom:var(--s6)}.state p{font-size:var(--fs-sm);max-width:42ch;margin:0 auto var(--s20)}.footer{border-top:1px solid var(--hairline);background:var(--canvas);margin-top:var(--s64)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--s32);gap:var(--s32);padding:var(--s48) 0}.foot-brand p{color:var(--body-mid);font-size:var(--fs-sm);max-width:34ch;margin-top:var(--s12)}.foot-col h4{font-size:var(--fs-sm);color:var(--ink);margin-bottom:var(--s14);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.foot-col a{display:block;color:var(--body-mid);font-size:var(--fs-sm);padding:5px 0}.foot-col a:hover{color:var(--ink)}.foot-bottom{border-top:1px solid var(--hairline);padding:var(--s20) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--s12);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--mute)}.foot-bottom .right{display:flex;gap:var(--s16)}.admin-body{display:flex;min-height:calc(100vh - var(--nav-h))}.admin-side{width:230px;border-right:1px solid var(--hairline);padding:var(--s24) 0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));overflow-y:auto}.admin-side .group{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--mute);letter-spacing:1px;padding:var(--s16) var(--s20) var(--s6);text-transform:uppercase}.admin-side a{display:flex;align-items:center;gap:var(--s12);padding:var(--s10) var(--s20);font-size:var(--fs-sm);color:var(--body-mid)}.admin-side a.active,.admin-side a:hover{color:var(--ink);background:var(--canvas-soft)}.admin-side a.active{border-left:2px solid var(--brand-violet)}.admin-main{flex:1 1;padding:var(--s32);min-width:0}.admin-main h1{font-size:var(--fs-h1);margin-bottom:var(--s8)}.admin-main .sub{color:var(--body-mid);font-size:var(--fs-sm);margin-bottom:var(--s32)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--s16);gap:var(--s16);margin-bottom:var(--s32)}.kpi{padding:var(--s20)}.kpi .v{font-family:var(--font-mono);font-size:var(--fs-h2);letter-spacing:-.02em;color:var(--ink)}.kpi .l{color:var(--body-mid);margin-top:var(--s4);letter-spacing:1px;text-transform:uppercase}.kpi .d,.kpi .l{font-size:var(--fs-xs);font-family:var(--font-mono)}.kpi .d{color:var(--up);margin-top:var(--s6)}.panel{margin-bottom:var(--s24)}.panel .h{display:flex;align-items:center;justify-content:space-between;padding:var(--s14) var(--s20);border-bottom:1px solid var(--hairline)}.panel .h h3{font-size:var(--fs-body);color:var(--ink)}.panel .h .act{font-size:var(--fs-xs);color:var(--brand-light)}.panel .bd{padding:var(--s20)}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.tbl th{text-align:left;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--body-mid);font-weight:400;letter-spacing:1px;text-transform:uppercase;padding:var(--s10);border-bottom:1px solid var(--canvas-mid)}.tbl td{padding:var(--s12) var(--s10);border-bottom:1px solid var(--hairline);color:var(--body)}.tbl td strong{color:var(--ink);font-weight:500}.status-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline);color:var(--body-mid)}.status-chip .dot{width:6px;height:6px;border-radius:50%}.status-chip.ok{color:var(--up);border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.08)}.status-chip.ok .dot{background:var(--up)}.status-chip.fail{color:var(--down);border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.08)}.status-chip.fail .dot{background:var(--down)}.status-chip.draft{color:var(--body-mid)}.status-chip.live{color:var(--brand-light);border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.1)}.status-chip.live .dot{background:var(--brand-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s16);gap:var(--s16)}.form-grid .field:first-child,.form-grid .full{grid-column:1/-1}.select,textarea{width:100%;background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--s12) var(--s16);color:var(--ink);outline:none}textarea{min-height:220px;resize:vertical;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.7}@media(max-width:860px){.nav-links{display:none}.menu-btn{display:inline-flex}.mobile-menu{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--canvas);z-index:49;padding:var(--s24);display:flex;flex-direction:column;gap:var(--s4);overflow-y:auto}.mobile-menu a{padding:var(--s16);font-size:var(--fs-h4);color:var(--body);border-bottom:1px solid var(--hairline)}.mobile-menu a:hover{color:var(--ink)}.admin-side{display:none}.admin-body{flex-direction:column}.acct-layout{grid-template-columns:1fr}.acct-side{flex-direction:row;overflow-x:auto;padding-bottom:var(--s8)}.acct-side a{white-space:nowrap}.foot-grid{grid-template-columns:1fr 1fr;gap:var(--s24)}.form-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(36px,10vw,52px)}.rank-stand{overflow-x:auto}}@media(max-width:560px){.foot-grid{grid-template-columns:1fr}.band{padding:var(--s48) 0}.hero-meta{gap:var(--s24)}.nav-inner{gap:var(--s12)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.hidden{display:none!important}