:root{--bg:#f6f4ff;--bg2:#fff;--fg:#1a1530;--mut:#6a6584;--line:#e7e2f7;--acc:#5b3df5;--acc-2:#e64bd1;--acc-3:#ff8a3d;--soft:#efeaff;--np:#8a5200;--npbg:#fff5e0;
--shadow:0 1px 2px rgba(40,20,120,.06),0 8px 24px rgba(40,20,120,.08);--radius:16px;
--grad:linear-gradient(120deg,#4b2be8 0%,#8b3cf0 38%,#e64bd1 72%,#ff8a3d 100%);
--chatgpt:#10a37f;--claude:#d97757;--gemini:#4285f4;--grok:#1f2937;--perplexity:#20808d;--copilot:#0a7cd8;--mistral:#fa520f}
[data-theme=dark]{--bg:#0f0c1d;--bg2:#181430;--fg:#efeafe;--mut:#a59fc2;--line:#2b2550;--acc:#9b85ff;--soft:#241e45;--np:#ffc46b;--npbg:#2c2210;
--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);--grok:#cbd5e1}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,"Helvetica Neue",sans-serif;background:var(--bg);color:var(--fg);
background-image:radial-gradient(1200px 500px at 100% -10%,rgba(230,75,209,.10),transparent 60%),radial-gradient(900px 500px at -10% 0%,rgba(91,61,245,.10),transparent 60%);background-attachment:fixed;transition:background-color .2s,color .2s}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--bg2);padding:8px 12px;border-radius:8px}
:focus-visible{outline:3px solid var(--acc-2);outline-offset:2px;border-radius:6px}
.top{display:flex;align-items:center;gap:20px;padding:12px 24px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg2) 82%,transparent);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}
.logo{font-weight:900;font-size:21px;color:var(--fg);letter-spacing:-.03em;display:flex;align-items:center;gap:8px}.logo:hover{text-decoration:none}
.logo .mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--grad);color:#fff;font-size:17px;box-shadow:0 4px 14px rgba(139,60,240,.4)}.logo .dot{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
nav{display:flex;gap:4px;margin-left:auto}nav a{color:var(--fg);font-weight:600;font-size:15px;padding:6px 12px;border-radius:99px}nav a:hover{background:var(--soft);text-decoration:none}
.themebtn{border:1px solid var(--line);background:var(--bg2);color:var(--fg);width:38px;height:38px;border-radius:99px;cursor:pointer;font-size:17px}
.themebtn .moon{display:none}[data-theme=dark] .themebtn .sun{display:none}[data-theme=dark] .themebtn .moon{display:inline}
main{max-width:1200px;margin:0 auto;padding:24px}
h1{font-size:clamp(28px,4.6vw,52px);letter-spacing:-.035em;line-height:1.07;margin:.25em 0;font-weight:900}
h2{font-size:clamp(21px,2.4vw,28px);letter-spacing:-.02em;margin:1.8em 0 .6em;font-weight:800}h3{letter-spacing:-.01em}
.muted,small{color:var(--mut)}.small{font-size:14px}.crumb{color:var(--mut);font-size:14px;margin:4px 0 0}.lead{font-size:19px}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:24px 28px;margin:20px 0}
/* hero */
.hero{position:relative;overflow:hidden;border-radius:28px;background:var(--grad);color:#fff;padding:56px 48px;margin:8px 0 22px;box-shadow:0 20px 50px rgba(110,50,230,.35)}
.hero.small{padding:44px 40px}.heroin{position:relative;z-index:1;max-width:820px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#ffe0a8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font-size:19px;opacity:.95;max-width:700px}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:5px 12px;border-radius:99px;margin:0}
.blob{position:absolute;right:-80px;top:-60px;width:460px;opacity:.9;animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.blob{animation:none}html{scroll-behavior:auto}}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}.stats span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:7px 14px;border-radius:99px;font-size:15px}
.cta,.btn{background:#fff;color:#4b2be8;font-weight:800;padding:9px 18px;border-radius:99px;box-shadow:0 6px 18px rgba(0,0,0,.15)}.cta:hover,.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn{display:inline-block;background:var(--grad);color:#fff}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.toc a{color:#fff;background:rgba(255,255,255,.16);padding:6px 12px;border-radius:99px;font-weight:600;font-size:14px}
/* chips */
.chip{--c:var(--acc);display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:4px 11px 4px 9px;border-radius:99px;background:color-mix(in srgb,var(--c) 13%,transparent);color:color-mix(in srgb,var(--c) 80%,var(--fg));border:1px solid color-mix(in srgb,var(--c) 30%,transparent);white-space:nowrap}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--c)}.chip.sm{font-size:11.5px;padding:2px 9px 2px 7px}
.c-chatgpt{--c:var(--chatgpt)}.c-claude{--c:var(--claude)}.c-gemini{--c:var(--gemini)}.c-grok{--c:var(--grok)}.c-perplexity{--c:var(--perplexity)}.c-copilot{--c:var(--copilot)}.c-mistral{--c:var(--mistral)}
button.chip{cursor:pointer;font:inherit;font-weight:700;font-size:13.5px;padding:7px 14px 7px 11px}button.chip:hover{background:color-mix(in srgb,var(--c) 22%,transparent)}
button.chip.active{background:var(--c);color:#fff;border-color:var(--c)}button.chip.active i{background:#fff}
/* filters */
.filters{padding:16px 20px;margin:0 0 16px;position:relative;z-index:2}.chips{display:flex;flex-wrap:wrap;gap:8px}
.frow{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:14px;font-weight:600;font-size:15px}
select,input,textarea{font:inherit;color:var(--fg);padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.hint{margin-left:auto;color:var(--mut);font-weight:500;font-size:14px}
/* tables */
.tablewrap{overflow-x:auto}table.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}
table.grid th,table.grid td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.grid thead th{background:var(--soft);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);white-space:nowrap}
table.grid thead th:first-child{border-top-left-radius:var(--radius)}table.grid thead th:last-child{border-top-right-radius:var(--radius)}
table.grid tbody tr:last-child td{border-bottom:0}table.grid tbody tr{transition:background .12s}table.grid tbody tr:hover{background:color-mix(in srgb,var(--acc) 5%,transparent)}
td.plan{min-width:150px}td.plan .chip{margin-bottom:5px}td.plan a{display:block;color:var(--fg);font-size:15px}
.price{display:inline-block;font-weight:800;white-space:nowrap;background:var(--soft);color:var(--acc);padding:3px 10px;border-radius:8px}.price.big{font-size:20px;padding:4px 12px}
.ver{white-space:nowrap;font-size:12px;font-weight:700;color:#047857;background:color-mix(in srgb,#10b981 12%,transparent);padding:3px 8px;border-radius:99px}
td.np{color:var(--np);background:var(--npbg)}
table.kv{border-collapse:collapse;width:100%}table.kv th,table.kv td{padding:13px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}table.kv tr:last-child>*{border-bottom:0}
table.kv th{width:220px;background:var(--soft);font-weight:700}table.kv tr:first-child th{border-top-left-radius:var(--radius)}table.kv tr:last-child th{border-bottom-left-radius:var(--radius)}
table.cmp td{width:42%}
/* tooltips */
.tipq{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:5px;padding:0;border-radius:50%;border:0;background:var(--acc);color:#fff;font:800 11px/1 system-ui,sans-serif;cursor:help;vertical-align:1px;box-shadow:0 1px 4px rgba(91,61,245,.35);transition:transform .12s}
.tipq:hover,.tipq.on{transform:scale(1.15);background:var(--acc-2)}thead .tipq{width:15px;height:15px;font-size:10px}
.sz{font:inherit;font-weight:700;color:var(--acc);background:none;border:0;padding:0;border-bottom:2px dotted var(--acc);cursor:help}.sz:hover,.sz.on{color:var(--acc-2);border-color:var(--acc-2)}
.demo{cursor:default;pointer-events:none}
.pop{position:fixed;z-index:100;width:min(300px,calc(100vw - 16px));background:#1d1640;color:#f4f1ff;border-radius:14px;padding:14px 16px 12px;font-size:14px;line-height:1.5;box-shadow:0 18px 40px rgba(20,10,60,.35);animation:pop .12s ease-out}
[data-theme=dark] .pop{background:#f4f1ff;color:#1d1640}
.pop::before{content:"";position:absolute;top:-6px;left:calc(var(--ax,50%) - 6px);width:12px;height:12px;background:inherit;transform:rotate(45deg);border-radius:2px}
.pop.above::before{top:auto;bottom:-6px}.pop b{display:block;font-size:15px;margin-bottom:2px}.pop p{margin:0 0 8px}.pop a{color:#ffb86b;font-weight:700}[data-theme=dark] .pop a{color:#6b3df5}
@keyframes pop{from{opacity:0;transform:translateY(4px)}}
/* cards / lists */
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cards li>a{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;font-weight:700;color:var(--fg);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.cards li>a:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 12px 30px rgba(91,61,245,.18)}.cards li>a span:last-child{color:var(--mut);font-weight:600;font-size:14px}
.cards.three{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cards.three .card{height:100%;margin:0}
.vs{display:flex;align-items:center;gap:8px}.vs b{font-size:12px;color:var(--mut);text-transform:uppercase}
.phead{padding:6px 0 10px}.phead .chip{margin-top:12px}
.log{list-style:none;padding:0}.log li{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 18px 12px;margin:12px 0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.log li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--grad)}.log li.t-deadline::before{background:linear-gradient(#ffb020,#ff6a3d)}
.lhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.log time{font-weight:800;font-size:13px}.type{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}
.log h3{margin:.35em 0 .2em;font-size:17px}.log p{margin:.2em 0}.more{font-weight:700}
.aff{display:inline-flex;align-items:center;gap:6px;margin:8px 8px 0 0;padding:10px 18px;border:2px solid var(--acc);border-radius:99px;font-weight:800;color:var(--acc);background:var(--bg2);text-decoration:none;transition:background .15s,color .15s,transform .15s}.aff:hover{background:var(--acc);color:#fff;text-decoration:none;transform:translateY(-1px)}.aff:focus-visible{outline:3px solid var(--acc);outline-offset:2px}.afflab{display:inline-block;font-size:11.5px;font-weight:700;color:var(--mut);border:1px solid var(--line);border-radius:6px;padding:1px 6px;margin-left:2px;vertical-align:middle}
.note{background:var(--soft);padding:12px 16px;border-radius:12px}.explain{padding:14px 18px;margin:18px 0;border-left:5px solid var(--acc-2)}
.src{font-size:13px;word-break:break-all}
footer{margin-top:56px;background:var(--bg2);border-top:1px solid var(--line)}.foot{max-width:1200px;margin:0 auto;padding:28px 24px;color:var(--mut);font-size:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.nl{background:var(--grad);padding:18px 20px;border-radius:16px;color:#fff;box-shadow:0 10px 30px rgba(110,50,230,.25)}.nl label{display:block;font-weight:800;margin-bottom:10px;font-size:16px}.nl small{color:rgba(255,255,255,.85)}
.nlrow{display:flex;gap:8px;margin-bottom:6px}.nlrow input{flex:1;min-width:0;border:0;background:#fff;color:#1a1530}.nl button{font:inherit;font-weight:800;background:#1a1530;color:#fff;border:0;border-radius:10px;padding:9px 18px;cursor:pointer}
/* tokens page */
.lesson{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.lesson h2,.pad>h2{margin-top:.2em}
.step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--grad);color:#fff;font-weight:900}
.lart{text-align:center}.cap{color:var(--mut);font-size:14px}
.demo-sent{display:inline-flex;flex-wrap:wrap;gap:3px;font-size:28px;font-weight:700;padding:18px;border-radius:16px;background:var(--soft)}
.tk{border-radius:6px;padding:1px 2px;white-space:pre}.t0{background:#ffd7e8;color:#5a1238}.t1{background:#d9e7ff;color:#0d2c66}.t2{background:#d6f5e3;color:#0b4a2a}.t3{background:#ffe8c7;color:#5c3500}.t4{background:#eadcff;color:#3b1a73}.t5{background:#cdf3f6;color:#0b4b52}
.tokenizer textarea{width:100%;font-size:16px;margin:6px 0 14px;resize:vertical}
.tokstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.tokstats div{background:var(--soft);border-radius:14px;padding:12px;text-align:center}
.tokstats b{display:block;font-size:26px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tokstats span{font-size:13px;color:var(--mut)}
.tokout{font:15px/2.1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:14px;border-radius:14px;border:1px dashed var(--line);min-height:70px;word-break:break-word}.tokout .tk{margin-right:1px;white-space:normal}
svg .paper rect{fill:var(--bg2);stroke:var(--acc);stroke-width:2}svg .lines path{stroke:var(--line);stroke-width:3;stroke-linecap:round}
svg .falling rect{fill:var(--bg2);stroke:var(--acc-2);stroke-width:2;stroke-dasharray:4 3}.svgt{font:800 15px system-ui,sans-serif;fill:var(--fg)}.svgs{font:600 12px system-ui,sans-serif;fill:var(--mut)}
svg .arrow{stroke:var(--acc);stroke-width:2.5;marker-end:none}
.sizes{padding-left:18px}.sizes li{margin:4px 0}
.slider{display:block;margin-top:12px;font-weight:600}.slider input{width:100%;accent-color:var(--acc-2);padding:0;border:0;background:none}
.bars{display:flex;align-items:flex-end;gap:4px;height:180px;padding:10px;background:var(--soft);border-radius:14px}.bars i{flex:1;height:var(--h);background:var(--line);border-radius:4px 4px 2px 2px;transition:background .2s}.bars i.on{background:var(--grad)}
.timeline{width:100%;height:auto;margin:10px 0}.timeline .win rect{fill:var(--soft);stroke:var(--line)}.timeline .use rect{fill:#7c5cff}.timeline .use rect.full{fill:#e64bd1}
.timeline .reset path{stroke:#10b981;stroke-width:2;stroke-dasharray:4 4}.timeline .wk{fill:var(--soft);stroke:var(--line)}.timeline .wkfill{fill:url(#none);fill:#ff8a3d}.timeline .cap2{stroke:#ef4444;stroke-width:3}.warn{fill:#e64bd1;font-weight:800}
.fuel{list-style:none;padding:0;text-align:left;margin:0}.fuel li{margin:10px 0}.fuel span{font-weight:700;font-size:14px}.fuel i{display:block;height:14px;border-radius:99px;background:var(--soft);position:relative;overflow:hidden;margin-top:4px}
.fuel i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--grad);border-radius:99px}
.cta-card{text-align:center;background:var(--soft)}
@media(max-width:860px){.lesson{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.hint{margin-left:0}}
@media(max-width:640px){main{padding:14px}.top{flex-wrap:wrap;gap:8px;padding:10px 14px}.themebtn{margin-left:auto;order:2}nav{order:3;width:100%;overflow-x:auto;margin:0;padding-bottom:2px}nav a{white-space:nowrap;font-size:14px;padding:5px 10px}
.hero{padding:34px 22px;border-radius:22px}.hero .sub{font-size:17px}.blob{width:300px;right:-120px}.pad{padding:18px}.tokstats{grid-template-columns:repeat(2,1fr)}table.kv th{width:118px}.lead{font-size:17px}}
@media(max-width:640px){
#plans thead{display:none}#plans,#plans tbody{display:block}.tablewrap:has(#plans){overflow:visible;background:none;border:0;box-shadow:none}
#plans tr{display:block;background:var(--bg2);border:1px solid var(--line);border-radius:16px;margin:0 0 12px;box-shadow:var(--shadow);padding:6px 0;overflow:hidden}
#plans tr[hidden]{display:none}#plans td{display:block;position:relative;border-bottom:1px dashed var(--line);padding:9px 14px 9px 124px;min-height:38px}
#plans td:last-child{border-bottom:0}#plans td::before{content:attr(data-label);position:absolute;left:14px;top:11px;width:100px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);line-height:1.3}
#plans td.plan{display:block;border-bottom:1px solid var(--line);padding-left:14px}#plans td.plan::before{content:none}#plans td.plan a{font-size:17px}}
/* ===== v3 ===== */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mark-img{width:32px;height:32px;border-radius:9px;box-shadow:0 4px 14px rgba(139,60,240,.35)}.fbrand{display:flex;align-items:center;gap:8px;color:var(--fg)}
nav a[aria-current=page]{background:var(--soft);color:var(--acc)}
/* hero with Sloane art */
.hero.art{background:#2a1670;min-height:440px;display:flex;align-items:center;padding:56px 48px}
.heroart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero.art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,12,90,.92) 0%,rgba(40,18,120,.78) 34%,rgba(60,24,150,.25) 58%,transparent 72%);pointer-events:none}
.hero.art .heroin{max-width:560px;z-index:2}.hero.art h1{text-shadow:0 2px 24px rgba(10,0,40,.35)}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cta.ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:none}
.hero.about{min-height:320px}
@media(max-width:700px){.hero.art{display:block;padding:0;min-height:0;background:var(--grad)}.heroart{display:block;position:relative}.heroart img{position:static;width:100%;height:auto;aspect-ratio:4/3;object-position:center}
.hero.art::after{background:linear-gradient(180deg,transparent 40%,rgba(28,12,90,.0) 0%)}.hero.art .heroin{padding:22px 22px 28px;background:linear-gradient(180deg,#3a1c9a,#7a2fd0 60%,#c2449a)}}
/* Sloane bubble */
.sloane{display:flex;gap:14px;align-items:flex-start;margin:18px 0;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 10%,var(--bg2)),color-mix(in srgb,var(--acc-2) 8%,var(--bg2)));border:1px solid color-mix(in srgb,var(--acc) 22%,transparent);max-width:820px}
.sloane img{width:40px;height:40px;border-radius:12px;flex:none;box-shadow:0 4px 12px rgba(139,60,240,.3)}.sloane b{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}.sloane p{margin:2px 0 0;font-size:15.5px}
.lesson .sloane,.pad .sloane{margin:14px 0 0}
.mini-take{display:flex;gap:8px;align-items:flex-start;font-size:14px;background:var(--soft);padding:8px 12px;border-radius:12px;margin-top:8px!important}.mini-take img{border-radius:6px;flex:none;margin-top:2px}
/* week strip */
.week{display:grid;grid-template-columns:1.3fr 1fr;gap:0;margin:0 0 18px;overflow:hidden}.wkcol{padding:18px 22px}.wkcol+.wkcol{background:var(--soft)}.week h2{margin:0 0 10px;font-size:18px}
.wklist,.dls{list-style:none;padding:0;margin:0 0 8px}.wklist li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line);font-size:14.5px}.wklist li:last-child{border:0}.wklist time{font-weight:800;font-size:12.5px;color:var(--mut);min-width:40px}
.dls li{display:flex;gap:12px;align-items:center;padding:8px 0}.dls b{display:block;font-size:14.5px;line-height:1.3;margin-top:3px}.dls small{font-size:12px}
.cd.big{flex:none;min-width:84px;text-align:center;font-weight:900;font-size:13px;padding:8px 6px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.dl.soon .cd.big{background:linear-gradient(135deg,#ffb020,#ff6a3d);color:#fff;border:0}.dl.past{opacity:.55}
.log .cd{margin-left:auto;font-size:12px;font-weight:800;color:#c2410c}.log li.past .cd{color:var(--mut)}
/* cheapest */
.cheap{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.cheapcard{margin:0}.cheapcard h3{margin:0 0 8px;font-size:16px}
.cheapcard ol{margin:0;padding-left:20px}.cheapcard li{margin:8px 0}.cheapcard li a{color:var(--fg)}.cheapcard li small{display:block;font-size:12.5px;margin-top:2px}.cheapcard .chip{vertical-align:1px}
/* value ladder */
.ladder h3{display:flex;align-items:center;gap:10px;margin:0}.ladder table{margin-top:8px}.vbar{display:flex;align-items:center;gap:10px}.vbar i{flex:1;height:12px;border-radius:99px;background:var(--soft);position:relative;overflow:hidden;max-width:260px}
.vbar i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--grad);border-radius:99px}.vbar span{font-weight:800;min-width:48px}
/* plan page */
.plangrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px;align-items:start}.watch{margin:0;position:sticky;top:80px}.watch h2{margin:0 0 4px;font-size:20px}.watch .nl{margin:10px 0 0}
@media(max-width:900px){.plangrid{grid-template-columns:1fr}.watch{position:static}}
/* faq */
.faq details{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px 18px;margin:10px 0;box-shadow:var(--shadow)}.faq summary{cursor:pointer;font-weight:700;list-style-position:outside}.faq details[open] summary{margin-bottom:6px}.faq p{margin:0}
/* quiz */
.quiz fieldset{border:0;padding:0;margin:0 0 22px}.quiz legend{font-weight:800;font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}.opts label{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer;font-weight:600;transition:border-color .12s,background .12s}
.opts label:hover{border-color:var(--acc)}.opts input{accent-color:var(--acc);width:18px;height:18px;margin:0}.opts label:has(input:checked){border-color:var(--acc);background:var(--soft);color:var(--acc)}
.opts label:has(input:focus-visible){outline:3px solid var(--acc-2);outline-offset:2px}
.quiz .btn{border:0;font:inherit;font-weight:800;font-size:17px;padding:12px 24px;cursor:pointer}.qerr{color:#dc2626;font-weight:700;margin-left:10px}
.result h2{margin-top:1em}.recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.rec{padding:20px 22px}.rec.best{border:2px solid var(--acc);box-shadow:0 14px 40px rgba(91,61,245,.22)}
.rhead{display:flex;gap:8px;align-items:center}.badge{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--grad);color:#fff;padding:3px 10px;border-radius:99px}.rec:not(.best) .badge{background:var(--soft);color:var(--acc)}
.rec h3{font-size:22px;margin:10px 0 6px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rec h3 a{color:var(--fg)}.rec ul{padding-left:20px;margin:8px 0}.rec li{margin:4px 0}
.ractions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn.sm{font-size:14px;padding:8px 14px}.aff.sm{padding:6px 14px;margin:0;font-size:14px}
.btn.alt{background:var(--bg2);color:var(--acc);border:2px solid var(--acc)}.qnote{background:var(--npbg);color:var(--np);padding:10px 14px;border-radius:12px;font-weight:600}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--acc);cursor:pointer;text-decoration:underline}
.prose{max-width:820px}.prose li{margin:6px 0}.feed{font-weight:700}
@media(max-width:760px){.week{grid-template-columns:1fr}}
.wklist li{flex-wrap:wrap}.wklist li>span:last-child{flex:1 1 220px}
[data-theme=dark] .ver{color:#34d399}
/* ---- Real Limits watchdog ---- */
.c-cursor{--c:#14b8a6}.c-github-copilot{--c:#6e40c9}.c-windsurf{--c:#0ea5e9}
.reps{list-style:none;padding:0;margin:10px 0}
.rep{background:var(--bg2);border:1px solid var(--line);border-left:4px solid var(--c,var(--acc));border-radius:14px;padding:12px 16px;margin:10px 0;box-shadow:var(--shadow)}
.rep[hidden]{display:none}
.latest .rep{box-shadow:none}
.rmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--mut)}
.rmeta time{font-weight:700;color:var(--fg)}
.evt{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:99px;background:var(--soft);color:var(--acc)}
.ev-hit .evt{background:color-mix(in srgb,#ef4444 14%,transparent);color:#dc2626}
.ev-change .evt{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}
[data-theme=dark] .ev-hit .evt{color:#fca5a5}[data-theme=dark] .ev-change .evt{color:#fcd34d}
.kind{font-size:12.5px}
.rep .sum{margin:6px 0 4px;font-weight:700}
.rep blockquote{margin:4px 0;padding:2px 0 2px 12px;border-left:2px solid var(--line);color:var(--fg);opacity:.9;font-style:italic}
.rep .by{margin:4px 0 0;font-size:13px;color:var(--mut)}
.updnote{font-size:13px;color:var(--mut);margin:8px 0 0}
.hero .updnote{color:inherit;opacity:.9}
.lhd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.lhd h2{margin:0}
.pstrip{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}.pstrip a{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:12px;color:var(--fg)}.pstrip a:hover{text-decoration:none;border-color:var(--acc)}
.pline{margin:8px 0 0}
.press{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.press .pbars{display:inline-flex;gap:2px;align-items:flex-end}.press .pbars i{width:5px;border-radius:2px;background:var(--line)}
.press .pbars i:nth-child(1){height:6px}.press .pbars i:nth-child(2){height:9px}.press .pbars i:nth-child(3){height:12px}.press .pbars i:nth-child(4){height:15px}
.press.l1 .bars i.on{background:#10b981}.press.l2 .bars i.on{background:#f59e0b}.press.l3 .bars i.on{background:#f97316}.press.l4 .bars i.on{background:#ef4444}
.press.l3 b{color:#ea580c}.press.l4 b{color:#dc2626}[data-theme=dark] .press.l3 b{color:#fdba74}[data-theme=dark] .press.l4 b{color:#fca5a5}
.pcards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.pcard{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--bg2);border:1px solid var(--line);border-top:4px solid var(--c,var(--acc));border-radius:14px;color:var(--fg);box-shadow:var(--shadow)}
.pcard:hover{text-decoration:none;transform:translateY(-2px)}.pcard .nums{font-size:14px;color:var(--mut)}.pcard .nums b{color:var(--fg);font-size:18px}
.limhero{background:radial-gradient(120% 140% at 85% 10%,#e64bd1 0%,transparent 45%),linear-gradient(135deg,#1a0f3d,#3b1d8f 55%,#5b3df5);color:#fff;border-radius:var(--radius);padding:34px 32px;margin:10px 0 18px}
.limhero h1{margin:10px 0 8px}
.rf,.rf2{margin:8px 0}.rf .chip.on,.rf2 .chip.on{outline:2px solid var(--c,var(--acc));background:color-mix(in srgb,var(--c,var(--acc)) 25%,transparent)}
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stat{padding:14px 18px;display:flex;flex-direction:column;gap:4px}.stat span{font-size:13px;color:var(--mut)}.stat>b{font-size:30px}.stat small{color:var(--mut)}
.hbars{list-style:none;padding:0;margin:8px 0}.hbars li{display:grid;grid-template-columns:130px 1fr 40px;gap:10px;align-items:center;margin:6px 0;font-size:14px}
.hb{height:10px;background:var(--soft);border-radius:99px;overflow:hidden}.hb i{display:block;height:100%;background:var(--grad)}
.small{font-size:13px}
@media(max-width:700px){.statgrid{grid-template-columns:1fr}.hbars li{grid-template-columns:100px 1fr 32px}.limhero{padding:24px 18px}}

.follow .flabel{font-weight:800;margin:0 0 4px;font-size:16px}.follow .fsub{margin:0 0 10px;color:rgba(255,255,255,.92)}.follow .fsub a{color:#fff;text-decoration:underline}.follow code{background:rgba(0,0,0,.2);padding:1px 5px;border-radius:5px;font-size:12.5px}.fbtn{display:inline-block;font-weight:800;background:#fff;color:#4b2be8;border-radius:10px;padding:9px 16px;text-decoration:none}.fbtn:hover{text-decoration:none;transform:translateY(-1px)}.fbtn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8);padding:7px 14px}.follow .nlrow{flex-wrap:wrap}