:root{color-scheme:dark;--bg:#090b0f;--bg2:#0f131a;--surface:#141922;--surface2:#1b222d;--line:#27303d;--line2:#354052;--text:#eef2f7;--muted:#9ba7b6;--faint:#657284;--accent:#26c6da;--accent2:#f2b84b;--good:#42d392;--bad:#ff6b6b;--shadow:0 16px 40px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#090b0f 0%,#0c1016 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}
a{color:inherit}.wrap{width:min(1180px,100% - 32px);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,11,15,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.01em}.mark{width:30px;height:30px;border-radius:7px;border:1px solid var(--line2);display:grid;place-items:center;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface)}
.nav-links{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none}.nav-links a{text-decoration:none;color:var(--muted);font-size:.82rem;padding:7px 10px;border-radius:7px;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:var(--surface2);color:var(--text)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;padding:28px 0 18px;align-items:stretch}.hero-copy{min-width:0}.eyebrow{color:var(--accent);font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.hero h1{font-size:clamp(1.65rem,4vw,3.4rem);line-height:1.02;margin:0 0 12px;letter-spacing:0}.hero p{color:var(--muted);font-size:1rem;max-width:760px;margin:0}
.hero-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:var(--shadow)}.panel-title{font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{border:1px solid var(--line);background:var(--bg2);border-radius:7px;padding:10px}.metric strong{display:block;font-size:1.25rem}.metric span{color:var(--muted);font-size:.76rem}
.quick-links{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.btn{border:1px solid var(--line2);background:var(--surface);color:var(--text);border-radius:7px;padding:9px 12px;text-decoration:none;font-size:.85rem;font-weight:700}.btn.primary{background:var(--accent);border-color:var(--accent);color:#061013}.btn:hover{border-color:var(--accent)}
.tabs{position:sticky;top:58px;z-index:15;display:flex;gap:6px;overflow:auto;padding:10px 0;background:rgba(9,11,15,.9);backdrop-filter:blur(16px);scrollbar-width:none}.tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;padding:8px 10px;font-weight:700;font-size:.78rem;white-space:nowrap;cursor:pointer}.tab.active{color:#061013;background:var(--accent);border-color:var(--accent)}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:8px 0 12px}.search{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:10px 12px;font-size:.9rem}.count{color:var(--muted);font:700 .76rem ui-monospace,SFMono-Regular,Menlo,monospace}
.rank-list{display:grid;gap:8px;margin-bottom:28px}.rank-row{display:grid;grid-template-columns:44px minmax(0,1.7fr) 120px 110px 110px;gap:12px;align-items:center;background:rgba(20,25,34,.92);border:1px solid var(--line);border-radius:8px;padding:12px;text-decoration:none}.rank-row:hover{border-color:var(--accent)}
.news-row{grid-template-columns:92px minmax(0,1fr) 110px 94px}
.rank-no{font:800 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint)}.rank-main{min-width:0}.rank-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-sub{color:var(--muted);font-size:.78rem;margin-top:2px}.score{font:900 1.15rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent2)}.meta-label{display:block;color:var(--faint);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.meta-value{font-weight:700;font-size:.82rem;color:var(--text)}.os{color:var(--good);font-size:.68rem;font-weight:900;margin-left:5px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 10px}.section-head h2{font-size:1.2rem;margin:0}.section-head p{color:var(--muted);font-size:.86rem;margin:4px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;text-decoration:none;min-height:120px}.card:hover{border-color:var(--accent)}.card h3{margin:0 0 7px;font-size:.98rem}.card p{margin:0;color:var(--muted);font-size:.82rem}.card .m{color:var(--accent2);font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:12px}
.page{padding:24px 0}.crumbs{color:var(--faint);font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:10px}.crumbs a{text-decoration:none;color:var(--accent)}.page h1{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.08;margin:0 0 10px}.lead{color:var(--muted);max-width:780px;margin:0 0 18px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--faint);font:800 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}td{font-size:.86rem}tr:last-child td{border-bottom:0}
.note{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:14px;color:var(--muted);margin:18px 0}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);overflow:auto}.bar{height:8px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.source-badge{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:999px;padding:2px 7px;color:var(--muted);font-size:.68rem;font-weight:800}.test-row{grid-template-columns:44px minmax(0,1.4fr) 90px 96px 96px 110px}.footer{border-top:1px solid var(--line);margin-top:34px;padding:22px 0;color:var(--faint);font-size:.78rem}.footer a{color:var(--muted);text-decoration:none;margin-right:12px}
.loop-stage{position:relative;min-height:360px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 50% 45%,rgba(38,198,218,.12),transparent 32%),var(--surface);overflow:hidden;padding:18px}.clock-ring{position:absolute;inset:34px;border:1px dashed var(--line2);border-radius:50%;animation:spinSlow 28s linear infinite}.clock-ring::after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--accent2);box-shadow:0 0 18px rgba(242,184,75,.7)}.mascot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--bg2);border:1px solid var(--line2);box-shadow:var(--shadow);font-weight:900}.mascot span{display:block;color:var(--accent);font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}.loop-card{position:absolute;width:176px;border:1px solid var(--line);border-radius:8px;background:rgba(15,19,26,.94);padding:10px}.loop-card h3{font-size:.86rem;margin:0 0 4px}.loop-card p{font-size:.74rem;color:var(--muted);margin:0}.loop-card b{color:var(--accent2)}.lc1{left:6%;top:10%}.lc2{right:6%;top:10%}.lc3{right:4%;bottom:16%}.lc4{left:6%;bottom:16%}.lc5{left:50%;bottom:4%;transform:translateX(-50%)}.handoff{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.handoff-step{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px}.handoff-step strong{display:block;color:var(--accent2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tier-map{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tier-ladder{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.tier-ladder h3{margin:0 0 10px}.tier-rung{display:grid;grid-template-columns:104px minmax(0,1fr) 84px;gap:10px;align-items:center;border:1px solid var(--line);background:var(--bg2);border-radius:8px;padding:10px;margin:8px 0}.tier-rung strong{font-size:.9rem}.tier-track{height:9px;border-radius:999px;background:#0b0f15;border:1px solid var(--line);overflow:hidden}.tier-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.tier-note{font-size:.72rem;color:var(--muted)}.usage-budget{margin:14px 0 22px}.usage-budget h2{margin:0 0 6px;font-size:1.1rem}.usage-budget>p{margin:0 0 10px;color:var(--muted);font-size:.84rem}.budget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.budget-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px}.budget-card h3{margin:0 0 8px;font-size:.95rem}.budget-card .budget-main{font:900 1.25rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent2);margin-bottom:8px}.budget-card dl{display:grid;grid-template-columns:82px 1fr;gap:5px;margin:0}.budget-card dt{color:var(--faint);font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.budget-card dd{margin:0;color:var(--text);font-size:.8rem}.budget-card p{margin:9px 0 0;color:var(--muted);font-size:.74rem}.flow-graph{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch}.flow-node{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px;min-height:120px}.flow-node:not(:last-child)::after{content:"";position:absolute;right:-11px;top:50%;width:12px;height:2px;background:var(--accent)}.flow-node strong{display:block;color:var(--accent2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.flow-node h3{margin:6px 0;font-size:.95rem}.flow-node p{margin:0;color:var(--muted);font-size:.78rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.do-dont{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.do-dont h3{margin:0 0 8px}.do-dont li{color:var(--muted);margin:6px 0}@keyframes spinSlow{to{transform:rotate(360deg)}}
.day-plan{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:16px;align-items:center;margin:18px 0}.dial-wrap{display:grid;gap:12px}.full-dial{position:relative;width:min(100%,420px);aspect-ratio:1;margin:0 auto;border-radius:50%;border:1px solid var(--line2);box-shadow:var(--shadow);background:conic-gradient(#05070b 0deg 105deg,#10151d 105deg 120deg,rgba(38,198,218,.5) 120deg 195deg,rgba(242,184,75,.58) 195deg 210deg,rgba(58,134,255,.46) 210deg 285deg,rgba(66,211,146,.48) 285deg 345deg,#05070b 345deg 360deg)}.full-dial::before{content:"";position:absolute;inset:21%;border-radius:50%;background:var(--bg);border:1px solid var(--line)}.dial-center{position:absolute;inset:34%;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--surface);border:1px solid var(--line2);font-weight:900}.dial-center span{display:block;color:var(--accent);font:800 .66rem ui-monospace,SFMono-Regular,Menlo,monospace}.dial-tick{position:absolute;transform:translate(-50%,-50%);color:#d5deec;font:900 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 1px 4px #000}.dial-tick.major{color:#fff;font-size:.68rem}.dial-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.legend-chip{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px;color:var(--muted);font-size:.75rem}.legend-chip b{color:var(--text)}.swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--line2);flex:0 0 auto}.sw-sleep{background:#05070b}.sw-plan{background:#10151d}.sw-codex{background:rgba(38,198,218,.65)}.sw-gate{background:rgba(242,184,75,.72)}.sw-second{background:rgba(58,134,255,.7)}.sw-claude{background:rgba(66,211,146,.65)}.lane-stack{display:grid;gap:10px}.lane{display:grid;grid-template-columns:86px minmax(0,1fr) 74px;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px}.lane strong{font:900 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent2)}.lane p{margin:0;color:var(--muted);font-size:.78rem}.lane b{color:var(--text)}.lane .tag{border:1px solid var(--line2);border-radius:999px;padding:3px 7px;text-align:center;color:var(--accent);font-size:.7rem;font-weight:900}.window-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.window-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px}.window-card h3{margin:0 0 8px}.window-card p{margin:0;color:var(--muted);font-size:.82rem}.window-card .big{font:900 1.45rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent2)}
@media(max-width:820px){.wrap{width:min(100% - 22px,1180px)}.hero{grid-template-columns:1fr;padding-top:20px}.hero-panel{order:-1}.nav{height:auto;min-height:56px;align-items:flex-start;flex-direction:column;padding:10px 0}.nav-links{width:100%;padding-bottom:2px}.tabs{top:96px}.toolbar{align-items:stretch;flex-direction:column}.rank-row{grid-template-columns:34px minmax(0,1fr) 72px;gap:8px}.rank-row .meta:nth-of-type(2),.rank-row .meta:nth-of-type(3){display:none}.rank-title{white-space:normal}.score{text-align:right}.metric-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.news-row{grid-template-columns:1fr}.news-row .rank-no{font-size:.76rem}.news-row .meta{display:inline-block}.news-row .rank-main{display:grid;gap:4px}}
@media(max-width:820px){.test-row{grid-template-columns:34px minmax(0,1fr) 76px}.test-row .meta:nth-of-type(n+2){display:none}}
@media(max-width:820px){.loop-stage{min-height:auto;display:grid;gap:10px}.clock-ring,.mascot{display:none}.loop-card{position:static;width:auto;transform:none}.handoff{grid-template-columns:1fr}.tier-map,.split,.budget-grid{grid-template-columns:1fr}.tier-rung{grid-template-columns:88px minmax(0,1fr) 64px}.flow-graph{grid-template-columns:1fr}.flow-node:not(:last-child)::after{right:auto;left:22px;top:auto;bottom:-11px;width:2px;height:12px}}
@media(max-width:820px){.day-plan{grid-template-columns:1fr}.full-dial{max-width:520px}.window-grid{grid-template-columns:1fr}.lane{grid-template-columns:68px minmax(0,1fr) 62px}.dial-tick{font-size:.64rem}.dial-tick.major{font-size:.72rem}}
@media(max-width:520px){.page h1{font-size:1.42rem;overflow-wrap:anywhere}.quick-links{display:grid;grid-template-columns:1fr}.quick-links .btn{min-width:0;white-space:normal}.tier-rung{grid-template-columns:82px minmax(0,1fr) 50px;gap:7px}.tier-note{overflow-wrap:anywhere}.dial-legend{grid-template-columns:1fr}.lane{grid-template-columns:58px minmax(0,1fr);gap:8px}.lane .tag{grid-column:2;justify-self:start}.table-wrap{max-width:100%}}
@media(max-width:520px){html,body{max-width:100%;overflow-x:hidden}.wrap{width:auto;margin-left:10px;margin-right:10px}.page h1{font-size:1.18rem;line-height:1.12;word-break:break-word;overflow-wrap:anywhere}.lead,.usage-budget>p,.section-head p{font-size:.84rem;overflow-wrap:anywhere}.tier-ladder{padding:10px}.tier-rung{grid-template-columns:76px minmax(88px,1fr) 42px;padding:8px;gap:6px}.tier-rung strong{font-size:.8rem}.tier-note{font-size:.66rem;text-align:right;overflow-wrap:anywhere}.tier-track{min-width:0}.budget-card dl{grid-template-columns:66px minmax(0,1fr)}.budget-card dd{overflow-wrap:anywhere}.dial-wrap{justify-items:center}.full-dial{width:min(100%,320px);min-width:0}.dial-center{font-size:.8rem}.dial-center span{font-size:.56rem}.dial-tick{font-size:.52rem}.dial-tick.major{font-size:.62rem}.dial-legend{width:100%;grid-template-columns:1fr}.lane p{font-size:.74rem}.lane strong{font-size:.74rem}.window-card .big{font-size:1.2rem}}
@media(max-width:520px){.metric-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:1.75rem}.quick-links .btn{flex:1;text-align:center}.rank-row{padding:10px}.rank-sub{font-size:.74rem}.tabs{top:104px}.card{min-height:auto}}