:root{--bg:#f3f4f6;--fg:#16181d;--muted:#646a76;--line:#d9dce3;--card:#ffffff;--hover:#eceef3;--accent:#3458c4;--accent-fg:#ffffff;--accent-soft:#e3e9fb;--tag:#16181d;--tag-fg:#ffffff;--A:#2f9e44;--B:#63c15a;--C:#c6e35a;--D:#f4df53;--E:#f3b63e;--F:#ec7f3a;--G:#d8463a;--font-display:"Outfit","Geist",system-ui,sans-serif;--font-body:"Geist",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--r:12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121419;--fg:#eceef2;--muted:#9aa1ad;--line:#2b2f38;--card:#1a1d24;--hover:#22262f;--accent:#7f9cf0;--accent-fg:#0f1420;--accent-soft:#232c45;--tag:#eceef2;--tag-fg:#121419;color-scheme:dark}}:root[data-theme=dark]{--bg:#121419;--fg:#eceef2;--muted:#9aa1ad;--line:#2b2f38;--card:#1a1d24;--hover:#22262f;--accent:#7f9cf0;--accent-fg:#0f1420;--accent-soft:#232c45;--tag:#eceef2;--tag-fg:#121419;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:32px 64px}main{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:36px}h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.05;letter-spacing:-.02em;margin:0;max-width:16ch;text-wrap:balance}.sub{color:var(--muted);margin:10px 0 0;max-width:48ch}form{display:flex;gap:8px;margin-top:22px;max-width:560px}input{flex:1;min-width:0;font:inherit;padding:13px 18px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg)}input::placeholder{color:var(--muted)}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button{font:inherit;font-weight:600;padding:13px 22px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-fg);cursor:pointer;transition:transform .12s}button:active{transform:scale(.97)}button:disabled{opacity:.6;cursor:default}button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.msg{color:var(--muted);font-size:.95rem;margin:12px 0 0;min-height:1.4em}.msg.err{color:var(--G)}.hits{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-width:560px}.hits li{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:border-color .15s,transform .12s}.hits li:hover,.hits li:focus-visible{border-color:var(--accent);outline:none}.hits li:active{transform:scale(.99)}.hits .lab{font-size:.95rem}.split{display:grid;grid-template-columns:5fr 6fr;gap:48px;align-items:start}.left{position:sticky;top:max(16px,env(safe-area-inset-top,0px))}@media(max-width:820px){.split{grid-template-columns:1fr;gap:28px}.left{position:static}}.who{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin:0 0 18px}.pill{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.scale{display:flex;flex-direction:column;gap:5px}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:38px}.bar{height:34px;display:flex;align-items:center;padding-left:12px;font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#16181d;opacity:.32;border-radius:4px 0 0 4px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);transition:opacity .25s}.row.cur .bar,.row.new .bar{opacity:1}.tag{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;padding:5px 10px;border-radius:8px;background:var(--tag);color:var(--tag-fg);font-family:var(--font-mono);font-size:.78rem;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.tag small{font-size:.66rem;opacity:.75}.tag.after{background:var(--accent);color:var(--accent-fg)}.legend{display:flex;gap:16px;margin:14px 0 0;font-size:.8rem;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--tag)}.legend span.after:before{background:var(--accent)}.hint{font-size:.95rem;margin:18px 0 0;padding:14px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}.hint b{font-weight:600}.levers{display:flex;flex-direction:column;gap:22px}.group h2{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0 0 6px}.group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.group li{display:flex;align-items:center;gap:14px;padding:13px 10px;border-radius:var(--r);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,transform .12s}.group li:hover{background:var(--hover)}.group li:active{transform:scale(.995)}.group li:has(:checked){background:var(--accent-soft)}.group li:has(:focus-visible){outline:2px solid var(--fg);outline-offset:-2px}.sw{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:42px;height:26px;border-radius:999px;background:var(--line);position:relative;margin:0;cursor:pointer;transition:background .15s}.sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px #16181d33;transition:transform .15s}.sw:checked{background:var(--accent)}.sw:checked:after{transform:translate(16px)}.lab{flex:1;min-width:0}.lab small{display:block;color:var(--muted);font-size:.84rem}.delta{flex:none;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.chip{font-family:var(--font-display);font-weight:800;font-size:1rem;width:2em;height:2em;display:grid;place-items:center;border-radius:8px;color:#16181d}.delta.same{opacity:.45}.skel .bar{background:var(--line);color:transparent}@media(prefers-reduced-motion:no-preference){.skel .bar{animation:shimmer 1.2s infinite}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.7}}}.foot{color:var(--muted);font-size:.84rem;margin:0;max-width:72ch}.foot a{color:inherit}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}[hidden]{display:none!important}html{color-scheme:light}.slot{justify-self:end;min-width:0}.group li.on{background:var(--accent-soft)}.audits .note{color:var(--muted);font-size:.9rem;margin:0 0 10px}.audit{padding:14px 0 4px;border-top:1px solid var(--line)}.audit h3{font-family:var(--font-display);font-weight:600;font-size:.98rem;margin:0 0 10px;display:flex;align-items:center;gap:6px}.chip.mini{width:1.6em;height:1.6em;font-size:.85rem}.scn{display:grid;grid-template-columns:7.5em 1fr;gap:4px 12px;align-items:start;padding:8px 0}.scn-name{font-weight:500;font-size:.95rem;padding-top:6px}.steps{display:flex;flex-wrap:wrap;gap:6px}.step{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);font:inherit;font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s}.step:hover{border-color:var(--accent)}.step.active{border-color:var(--accent);background:var(--accent-soft)}.step .chip{width:1.7em;height:1.7em;font-size:.9rem}.step-l{font-weight:500}.step-c{font-family:var(--font-mono);color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}.works{grid-column:2;color:var(--muted);font-size:.82rem;line-height:1.4}.audit-match{display:block;margin-top:6px;color:var(--accent)}@media(max-width:520px){.scn{grid-template-columns:1fr}.works{grid-column:1}}.poste{padding:12px 10px;border-radius:var(--r);transition:background .15s}.poste.on{background:var(--accent-soft)}.poste-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}.poste-l{font-weight:500}.poste-h small{color:var(--muted);font-size:.84rem}.opts{display:flex;flex-wrap:wrap;gap:6px}.opt{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 12px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);font:inherit;font-size:.88rem;cursor:pointer;transition:border-color .15s,background .15s}.opt:hover{border-color:var(--accent)}.opt.active{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.opt .chip{width:1.7em;height:1.7em;font-size:.9rem}.opt .chip.same{opacity:.45}.opt:focus-visible,.step:focus-visible{outline:2px solid var(--fg);outline-offset:2px}button.link{display:block;margin-top:8px;padding:0;background:none;border:0;color:var(--accent);font:inherit;font-size:.9rem;text-decoration:underline;cursor:pointer}.ext{color:var(--accent);text-decoration:underline;font-size:.86rem}.audit-id{color:var(--muted);font-size:.84rem;margin:-4px 0 8px}.gain{font-family:var(--font-mono);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:500}.opt.active .gain{color:inherit}.gain.nil{color:var(--muted)}.gain.worse{color:var(--G)}.opt.active .gain.worse{color:inherit}.assumed{font-size:.74rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--muted);border-radius:999px;padding:1px 8px}.opt.active.assumed{border-style:dashed;background:var(--accent-soft);color:var(--fg)}.opt.active.assumed .gain{color:var(--accent)}.thick{display:flex;align-items:center;gap:12px;margin:2px 0 10px;font-size:.88rem;color:var(--muted)}.thick input[type=range]{flex:1;max-width:260px;accent-color:var(--accent)}.thick span{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg)}.opt.locked{opacity:.5;cursor:not-allowed;border-style:dashed}.opt.locked:hover{border-color:var(--line)}.export{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.export-btn{font-size:.85rem;padding:9px 14px;box-shadow:0 4px 16px #16181d2e}.export-panel{width:min(420px,calc(100vw - 32px));background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 32px #16181d38;padding:10px;display:flex;flex-direction:column;gap:8px}.export-h{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.export-h span{flex:1}button.mini{font-size:.8rem;padding:5px 10px;background:var(--hover);color:var(--fg)}.export-panel textarea{width:100%;font-family:var(--font-mono);font-size:.74rem;line-height:1.35;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);padding:8px;resize:vertical}.method{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;font-size:.86rem;color:var(--fg)}.siblings{display:flex;flex-direction:column;gap:8px;margin-top:-12px}.siblings h2{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0}.siblings .note{color:var(--muted);font-size:.86rem;margin:0}.siblings .opt .chip{width:1.7em;height:1.7em;font-size:.9rem}.plain{color:var(--muted);font-size:.9rem;margin:0}details.foot summary{cursor:pointer;color:var(--accent);font-size:.88rem}details.foot p{margin:8px 0 0}.group .note{color:var(--muted);font-size:.86rem;margin:0 0 8px}.cta{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:14px 16px;border-radius:var(--r);background:var(--accent-soft);font-size:.9rem;color:var(--fg)}.cta-btn{display:inline-block;text-align:center;text-decoration:none;font:inherit;font-weight:600;padding:12px 20px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-fg);cursor:pointer}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#16181d80;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(440px,100%);background:var(--card);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #16181d59}.modal h2{font-family:var(--font-display);font-weight:700;font-size:1.3rem;margin:0}.bullets{margin:0;padding-left:18px;font-size:.92rem;display:flex;flex-direction:column;gap:4px}.price{font-family:var(--font-display);font-weight:800;font-size:1.6rem;margin:0}.price small{font-family:var(--font-body);font-weight:400;font-size:.85rem;color:var(--muted);margin-left:8px}.modal .code{display:flex;gap:8px;margin:0}.modal .code input{border-radius:10px;padding:10px 12px}.modal .code button{border-radius:10px;padding:10px 14px}.myaudit{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);display:flex;flex-direction:column;gap:10px}.myaudit h2{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0}.myaudit .save{display:flex;gap:8px;margin:0}.myaudit .save input{border-radius:10px;padding:9px 12px;font-size:.92rem}.myaudit .save button{border-radius:10px;padding:9px 12px;font-size:.88rem}.myaudit .note{color:var(--muted);font-size:.88rem;margin:0}.scenarios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.scenarios li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.scenarios .lab{font-size:.92rem}.scenarios .chip{flex:none;width:1.8em;height:1.8em;font-size:.95rem}@media(max-width:520px){.myaudit .save,.modal .code{flex-direction:column}}.modal .fine{margin:-4px 0 0;font-size:.8rem;color:var(--muted);text-align:center}.modal .msg{margin:0;min-height:0}.modal button.link{margin-top:0}.myaudit .actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cta-btn.small{padding:9px 14px;font-size:.88rem}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.audits .import{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.audits .import .note{margin:0;font-size:.84rem}.audits .import .msg{margin:0;font-size:.88rem}.import-btn{display:inline-block}.import-btn input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.import-btn button.mini{font-size:.86rem;padding:8px 14px;background:var(--accent-soft);color:var(--accent)}.import-btn button.mini:disabled{opacity:.7}.audit.imported{border-top:2px solid var(--accent)}.audit.imported h3 .pill{margin-left:4px}.audit-id button.mini{margin-left:4px;padding:2px 8px;font-size:.76rem;vertical-align:baseline}.modal .notice{margin:0;padding:10px 12px;border-left:3px solid var(--F);background:var(--accent-soft);border-radius:0 8px 8px 0;font-size:.88rem}.home{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:560px;color:var(--muted)}.home p{margin:0}.recent{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.recent h2{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0}.recent .opt .chip{width:1.7em;height:1.7em;font-size:.9rem}.recent-actions{display:flex;gap:16px}.recent-actions button.link{margin:0}.grade-why{margin:8px 0 0;font-size:.82rem;color:var(--muted)}.grade-why b{color:var(--fg)}.site-foot{max-width:1040px;margin:56px auto 0;border-top:1px solid var(--line);padding-top:32px;color:var(--muted);font-size:.93rem;line-height:1.55}.site-foot .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 32px}.site-foot h2{font-family:var(--font-display);font-weight:600;font-size:1.02rem;color:var(--fg);margin:0 0 8px;letter-spacing:0}.site-foot h2+h2,.site-foot ul+h2{margin-top:22px}.site-foot h2 a{color:inherit;text-decoration:none}.site-foot h2 a:hover{color:var(--accent)}.site-foot ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.site-foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.site-foot ul.tags{flex-direction:row;flex-wrap:wrap;gap:4px 12px}.site-foot a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line)}.site-foot a:hover{color:var(--accent);border-color:var(--accent)}.site-foot p{margin:10px 0 0}.site-foot .faq{margin-top:36px;max-width:720px}.site-foot .faq h2{margin-bottom:4px}.site-foot details{border-top:1px solid var(--line);padding:9px 0}.site-foot summary{cursor:pointer;color:var(--fg);font-weight:500}.site-foot details p{margin:6px 0 0}.site-foot .legal{margin-top:36px;font-size:.84rem}.site-foot .legal a{border:0;color:inherit;text-decoration:underline}
