:root{--bg-cream:#fbf8f3;--bg-mint:#dbf3ef;--ink:#1a2433;--ink-soft:#4f6077;--panel:rgba(255, 255, 255, 0.78);--panel-strong:rgba(255, 255, 255, 0.92);--border:rgba(24, 45, 71, 0.14);--accent:#2f7a6f;--accent-bright:#2d9f8a;--accent-alt:#f0a43a;--focus:#2c8be6;--shadow-soft:0 18px 36px rgba(17, 33, 54, 0.1);--shadow-hard:0 24px 50px rgba(17, 33, 54, 0.16);--font-body:"Manrope","Avenir Next","Segoe UI",sans-serif;--font-display:"Fraunces",Georgia,serif;--max-width:1240px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 8% 10%,rgba(45,159,138,.2),transparent 42%),radial-gradient(circle at 92% 24%,rgba(240,164,58,.17),transparent 34%),linear-gradient(160deg,var(--bg-mint),var(--bg-cream) 46%,#f6fafc 88%);line-height:1.5}.wrap{width:min(var(--max-width),calc(100% - 2.25rem));margin:2rem auto 3rem;position:relative;z-index:1}.theme-toggle{appearance:none;position:absolute;top:.05rem;right:.15rem;width:2.35rem;height:2.35rem;border:1px solid rgba(20,53,85,.22);border-radius:999px;background:rgba(255,255,255,.86);color:#204b6f;box-shadow:0 8px 18px rgba(18,43,70,.14);display:inline-grid;place-items:center;cursor:pointer;z-index:12;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.theme-toggle svg{width:1.1rem;height:1.1rem;fill:currentColor}.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(47,122,111,.45);box-shadow:0 10px 20px rgba(18,43,70,.18)}.theme-toggle[aria-pressed=true]{color:#ffd57a;border-color:rgba(255,214,128,.5);background:rgba(24,41,66,.74)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}.hero{padding:1rem .5rem .6rem;animation:rise-in .6s ease both}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:700;color:var(--accent)}.hero h1{margin:.4rem 0 0;font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3.2rem);line-height:1.05;color:#152336;text-wrap:balance}.hero-copy{margin:.95rem 0 0;max-width:70ch;font-size:1rem;color:var(--ink-soft)}.hero-byline{margin:.1rem 0 .85rem .5rem;display:inline-flex;align-items:center;gap:.45rem;position:relative;color:#32506f;font-size:.86rem;cursor:default;outline:0}.hero-byline-label{font-weight:700;color:#21425f}.hero-byline-cue{position:relative;width:16px;height:16px;border-radius:999px;border:1px solid rgba(42,85,122,.35);background:rgba(255,255,255,.85);display:inline-grid;place-items:center;color:#2a5c86;font-size:11px;font-weight:800;line-height:1;pointer-events:none}.hero-byline-cue::before{content:"i"}.hero-byline-cue::after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid rgba(42,85,122,.34);animation:hero-cue-pulse 1.7s ease-out infinite}.hero-byline-pop{position:absolute;left:0;top:calc(100% + .45rem);width:min(560px,calc(100vw - 2rem));border-radius:12px;border:1px solid rgba(24,54,83,.2);background:rgba(255,255,255,.94);box-shadow:0 14px 28px rgba(17,33,54,.14);padding:.72rem .82rem;color:#2b4661;font-size:.84rem;line-height:1.4;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:8}.hero-byline:focus .hero-byline-pop,.hero-byline:focus-within .hero-byline-pop,.hero-byline:hover .hero-byline-pop{opacity:1;transform:translateY(0);pointer-events:auto}.results-mode{margin:.1rem 0 1rem .5rem;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.45rem}.results-mode-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#4f6279;font-weight:700}.results-mode-btn{appearance:none;border:1px solid rgba(20,53,85,.22);border-radius:999px;padding:.34rem .72rem;font:inherit;font-size:.78rem;font-weight:700;color:#16314b;background:rgba(255,255,255,.88);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.results-mode-btn:hover{transform:translateY(-1px);border-color:rgba(47,122,111,.44);box-shadow:0 8px 16px rgba(26,57,91,.12)}.results-mode-btn[aria-pressed=true]{border-color:rgba(45,159,138,.62);background:linear-gradient(160deg,rgba(222,244,239,.95),rgba(255,255,255,.96))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes hero-cue-pulse{0%{transform:scale(.8);opacity:.85}70%{transform:scale(1.24);opacity:0}100%{transform:scale(1.24);opacity:0}}.about-section,.chart-panel,.sample-question{padding:1.1rem 1.2rem;animation:rise-in .7s ease both}.about-section{margin-top:.7rem}.about-description{margin:0;color:#1e2d41;font-size:1rem;font-weight:600}.about-details{margin:.8rem 0 0;color:var(--ink-soft);font-size:.95rem}.samples-grid{margin-top:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.sample-summary{list-style:none;cursor:pointer;user-select:none;font-weight:700;color:#16324a;display:flex;align-items:center;gap:.5rem;padding:.1rem 0}.sample-summary::-webkit-details-marker,.sample-summary::marker{display:none}.sample-summary::before{content:"\25B8";color:var(--accent);font-size:.92rem;transform:translateY(-1px);transition:transform .2s ease}.sample-question[open] .sample-summary::before{transform:rotate(90deg) translateY(0)}.sample-content{margin-top:.85rem;display:grid;gap:.8rem}.question-text{margin:0;padding:.85rem;border-radius:12px;border:1px solid rgba(47,122,111,.24);background:linear-gradient(140deg,rgba(219,243,239,.62),rgba(255,255,255,.55));color:#1d334b;font-size:.93rem}.answer-section,.hints-section{display:grid;gap:.5rem}.spoiler{border:1px solid rgba(26,58,90,.12);border-radius:12px;background:rgba(255,255,255,.62)}.spoiler-summary{list-style:none;cursor:pointer;padding:.66rem .75rem;color:#2b425f;font-weight:600;font-size:.86rem;user-select:none}.spoiler-summary::-webkit-details-marker,.spoiler-summary::marker{display:none}.spoiler-summary::before{content:"Hint";margin-right:.45rem;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.answer-text,.hint-content{padding:0 .75rem .75rem;color:var(--ink-soft);font-size:.9rem}.answer-text{color:#1f3350}.filter-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.chart-panel h2,.graph-filter-modal h2{margin:0;font-family:var(--font-display);font-size:1.35rem;color:#142640}.filter-panel-head p{margin:0;color:var(--ink-soft);font-size:.9rem}.chart-panel{margin-top:1rem}.notes-panel{margin-top:1rem;padding:.85rem 1rem}.notes-summary{list-style:none;cursor:pointer;user-select:none;font-weight:700;color:#17324d;display:inline-flex;align-items:center;gap:.5rem}.notes-summary::-webkit-details-marker,.notes-summary::marker{display:none}.notes-summary::before{content:"\25B8";color:var(--accent);font-size:.92rem;transform:translateY(-1px);transition:transform .2s ease}.notes-details[open] .notes-summary::before{transform:rotate(90deg) translateY(0)}.notes-content{margin-top:.85rem;display:grid;gap:1rem}.notes-content .about-section{margin-top:0;padding:0;border:0;background:0 0;box-shadow:none;animation:none}.notes-content .samples-grid{margin-top:0}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.chart-actions{display:inline-flex;align-items:center;gap:.45rem}.graph-filter-toggle{appearance:none;border:1px solid rgba(20,53,85,.24);border-radius:999px;padding:.5rem .85rem;font:inherit;font-size:.82rem;font-weight:700;color:#15314f;background:rgba(255,255,255,.9);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.graph-filter-toggle:hover{transform:translateY(-1px);border-color:rgba(47,122,111,.48);box-shadow:0 10px 20px rgba(26,57,91,.14)}.graph-filter-toggle[aria-expanded=true]{border-color:rgba(45,159,138,.6);background:linear-gradient(160deg,rgba(222,244,239,.95),rgba(255,255,255,.96))}.graph-corner-toggle{appearance:none;width:2rem;height:2rem;padding:0;border:1px solid rgba(20,53,85,.26);border-radius:999px;color:#1f4566;background:rgba(255,255,255,.92);box-shadow:0 6px 12px rgba(18,43,70,.12);cursor:pointer;display:inline-grid;place-items:center;flex:0 0 auto;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.graph-corner-toggle:hover{transform:translateY(-1px);border-color:rgba(47,122,111,.48);box-shadow:0 8px 16px rgba(26,57,91,.16)}.graph-corner-toggle svg{width:1.02rem;height:1.02rem;fill:currentColor}.graph-corner-toggle .icon-collapse{display:none}.graph-corner-toggle[aria-expanded=true] .icon-expand{display:none}.graph-corner-toggle[aria-expanded=true] .icon-collapse{display:block}.graph-corner-toggle[aria-expanded=true]{border-color:rgba(45,159,138,.6);background:linear-gradient(160deg,rgba(222,244,239,.95),rgba(255,255,255,.96))}.filter-toolbar{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-end}.search-wrap{display:grid;gap:.35rem;min-width:min(320px,100%)}.search-wrap span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#4f6279;font-weight:700}.search-wrap input{appearance:none;width:100%;border:1px solid rgba(26,58,90,.2);border-radius:10px;padding:.62rem .72rem;font:inherit;color:#102236;background:rgba(255,255,255,.96);outline:0}.filter-btn:focus-visible,.graph-corner-toggle:focus-visible,.graph-filter-close:focus-visible,.graph-filter-toggle:focus-visible,.model-chip input:focus-visible+.chip-body,.results-mode-btn:focus-visible,.search-wrap input:focus-visible,.theme-toggle:focus-visible{box-shadow:0 0 0 3px rgba(44,139,230,.24);border-color:var(--focus)}.filter-btn{appearance:none;border:1px solid rgba(20,53,85,.2);border-radius:10px;padding:.62rem .9rem;font:inherit;font-size:.89rem;font-weight:700;color:#15314f;background:rgba(255,255,255,.88);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.filter-btn:hover{transform:translateY(-1px);border-color:rgba(47,122,111,.38);box-shadow:0 10px 20px rgba(26,57,91,.12)}.filter-btn:active{transform:translateY(0)}.selection-count{margin:0 0 0 auto;font-weight:700;color:#1d3652;font-size:.92rem}.model-selector{margin-top:.85rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem}.model-chip{position:relative}.model-chip input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.chip-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.48rem;min-height:45px;border-radius:11px;padding:.56rem .62rem;border:1px solid rgba(25,52,82,.2);background:rgba(255,255,255,.82);transition:border-color .2s ease,transform .18s ease,box-shadow .2s ease,background-color .2s ease}.model-chip input:checked+.chip-body{border-color:rgba(45,159,138,.62);background:linear-gradient(160deg,rgba(222,244,239,.95),rgba(255,255,255,.95));box-shadow:0 8px 16px rgba(24,58,89,.12)}.model-chip:hover .chip-body{transform:translateY(-1px)}.chip-swatch{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 2px rgba(255,255,255,.85)}.chip-name{font-size:.87rem;font-weight:700;color:#183450;line-height:1.2}.chip-score{font-size:.78rem;color:#47617e;font-weight:700}.model-selector-empty{grid-column:1/-1;border:1px dashed rgba(25,52,82,.22);border-radius:11px;padding:.7rem .8rem;color:#58708b;background:rgba(255,255,255,.5)}.chart-title{margin:.45rem 0 .85rem;color:#405873;font-size:.92rem}.chart-footnote{margin:.65rem 0 0;color:#4f6781;font-size:.8rem;line-height:1.4}.graph-frame{position:relative}.chart-wrap,.svg-wrap{min-height:220px}.svg-wrap{max-width:760px;margin:0 auto}svg{width:100%;height:auto;display:block}.empty-state{border:1px dashed rgba(23,56,88,.24);border-radius:12px;padding:1rem;background:rgba(255,255,255,.64);color:#4d6886;text-align:center;font-weight:600}.tooltip{position:fixed;pointer-events:none;z-index:60;max-width:360px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(10,20,36,.95);color:#f4f9ff;box-shadow:0 16px 26px rgba(7,12,22,.35);padding:.62rem .72rem;font-size:.83rem;line-height:1.45;display:none}.filter-backdrop{position:fixed;inset:0;background:rgba(9,18,31,.1);z-index:90}.graph-filter-modal{position:fixed;z-index:91;width:min(460px,calc(100vw - 1.5rem));max-height:min(72vh,780px);overflow:hidden;padding:.95rem;border-radius:16px;box-shadow:var(--shadow-hard)}.graph-filter-modal .filter-toolbar{margin-top:.55rem}.graph-filter-modal .search-wrap{min-width:min(260px,100%)}.graph-filter-modal .selection-count{margin-left:auto}.graph-filter-close{appearance:none;border:1px solid rgba(20,53,85,.24);border-radius:8px;background:rgba(255,255,255,.88);color:#15314f;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;padding:.34rem .62rem}.graph-filter-modal .model-selector{margin-top:.7rem;max-height:min(52vh,460px);overflow:auto;padding-right:.15rem}.site-footer{margin:1.2rem 0 .2rem;color:#425c78;font-size:.84rem;text-align:center;display:flex;flex-wrap:wrap;gap:.5rem .9rem;justify-content:center;align-items:center}.site-footer a{color:#1f5b90;font-weight:700;text-decoration-thickness:2px;text-underline-offset:2px}.site-footer a:hover{color:#1a6b5f}body.no-scroll{overflow:hidden}.chart-panel.panel-expanded{position:fixed;inset:0.6rem;z-index:80;margin:0;border-radius:18px;background:var(--panel-strong);box-shadow:var(--shadow-hard);overflow:auto}.chart-panel.panel-expanded .graph-frame{width:fit-content;max-width:100%;margin:0 auto}.chart-panel.panel-expanded .svg-wrap{min-height:min(84vh,calc(100vh - 180px));width:fit-content;max-width:100%;display:grid;place-items:center}.chart-panel.panel-expanded .svg-wrap svg{width:auto;height:auto;max-width:100%;max-height:min(84vh,calc(100vh - 180px))}.chart-panel.panel-expanded .chart-title{max-width:70ch}@keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.panel:first-of-type{animation-delay:40ms}.panel:nth-of-type(2){animation-delay:80ms}.panel:nth-of-type(3){animation-delay:.12s}.panel:nth-of-type(4){animation-delay:.16s}:root[data-theme=dark]{--bg-cream:#0d1726;--bg-mint:#09121d;--ink:#e8f0ff;--ink-soft:#a8bbd4;--panel:rgba(14, 23, 37, 0.82);--panel-strong:rgba(13, 24, 38, 0.96);--border:rgba(140, 170, 208, 0.22);--accent:#79d2bf;--accent-bright:#46cbb1;--accent-alt:#f0bf67;--focus:#90c4ff;--shadow-soft:0 20px 38px rgba(0, 0, 0, 0.45);--shadow-hard:0 26px 56px rgba(0, 0, 0, 0.6)}:root[data-theme=dark] body{background:radial-gradient(circle at 8% 10%,rgba(31,122,107,.34),transparent 45%),radial-gradient(circle at 92% 24%,rgba(176,121,41,.24),transparent 36%),linear-gradient(160deg,#0a1321,#111c2f 46%,#0d1828 88%)}:root[data-theme=dark] .about-description,:root[data-theme=dark] .answer-text,:root[data-theme=dark] .chart-footnote,:root[data-theme=dark] .chart-panel h2,:root[data-theme=dark] .chart-title,:root[data-theme=dark] .chip-name,:root[data-theme=dark] .graph-filter-modal h2,:root[data-theme=dark] .hero h1,:root[data-theme=dark] .notes-summary,:root[data-theme=dark] .question-text,:root[data-theme=dark] .sample-summary,:root[data-theme=dark] .selection-count{color:#e6f0ff}:root[data-theme=dark] .about-details,:root[data-theme=dark] .chip-score,:root[data-theme=dark] .filter-panel-head p,:root[data-theme=dark] .hero-byline,:root[data-theme=dark] .hero-byline-label,:root[data-theme=dark] .hint-content,:root[data-theme=dark] .model-selector-empty,:root[data-theme=dark] .results-mode-label,:root[data-theme=dark] .search-wrap span,:root[data-theme=dark] .site-footer,:root[data-theme=dark] .spoiler-summary{color:#b8cae1}:root[data-theme=dark] .hero-byline-cue{border-color:rgba(141,181,224,.44);background:rgba(20,34,52,.95);color:#b8d9ff}:root[data-theme=dark] .hero-byline-cue::after{border-color:rgba(131,174,220,.38)}:root[data-theme=dark] .hero-byline-pop{border-color:rgba(140,170,208,.3);background:rgba(11,21,35,.94);box-shadow:0 18px 36px rgba(0,0,0,.46);color:#cedcf0}:root[data-theme=dark] .theme-toggle{border-color:rgba(131,163,204,.45);background:rgba(12,24,40,.84);color:#cde2ff}:root[data-theme=dark] .theme-toggle:hover{border-color:rgba(152,188,233,.62);box-shadow:0 12px 22px rgba(0,0,0,.45)}:root[data-theme=dark] .filter-btn,:root[data-theme=dark] .graph-corner-toggle,:root[data-theme=dark] .graph-filter-close,:root[data-theme=dark] .graph-filter-toggle,:root[data-theme=dark] .results-mode-btn,:root[data-theme=dark] .search-wrap input{border-color:rgba(134,165,204,.36);background:rgba(13,24,40,.86);color:#d8e8ff}:root[data-theme=dark] .filter-btn:hover,:root[data-theme=dark] .graph-corner-toggle:hover,:root[data-theme=dark] .graph-filter-toggle:hover,:root[data-theme=dark] .results-mode-btn:hover{border-color:rgba(123,214,194,.55);box-shadow:0 10px 20px rgba(0,0,0,.35)}:root[data-theme=dark] .graph-corner-toggle[aria-expanded=true],:root[data-theme=dark] .graph-filter-toggle[aria-expanded=true],:root[data-theme=dark] .model-chip input:checked+.chip-body,:root[data-theme=dark] .results-mode-btn[aria-pressed=true]{border-color:rgba(112,204,187,.66);background:linear-gradient(160deg,rgba(21,42,62,.95),rgba(15,31,49,.96))}:root[data-theme=dark] .chip-body,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .model-selector-empty,:root[data-theme=dark] .question-text,:root[data-theme=dark] .spoiler{border-color:rgba(140,170,208,.24);background:rgba(17,30,47,.74)}:root[data-theme=dark] .site-footer a{color:#8bc5ff}:root[data-theme=dark] .site-footer a:hover{color:#87efd5}:root[data-theme=dark] .filter-backdrop{background:rgba(3,8,16,.56)}:root[data-theme=dark] .tooltip{border-color:rgba(147,185,228,.24);background:rgba(7,13,23,.96);color:#e8f2ff}:root[data-theme=dark] .chart-panel svg text{fill:rgba(223,236,252,0.92)!important}:root[data-theme=dark] .chart-panel svg text[stroke]{stroke:rgba(8,15,25,0.9)!important}:root[data-theme=dark] .chart-panel svg line{stroke:rgba(161,188,220,0.44)!important}:root[data-theme=dark] .chart-panel svg rect[stroke]{stroke:rgba(161,188,220,0.36)!important}@media (max-width:1040px){.wrap{width:min(var(--max-width),calc(100% - 1.5rem))}.selection-count{width:100%;margin-left:0}.model-selector{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:760px){.wrap{margin-top:1.2rem}.theme-toggle{top:-.1rem;right:0}.hero{padding-left:.25rem;padding-right:.25rem}.hero-byline{margin-left:.25rem;margin-right:.25rem;display:flex;flex-wrap:wrap}.results-mode{margin-left:.25rem;margin-right:.25rem}.hero-byline-pop{left:0;right:0;width:min(560px,calc(100vw - 1.5rem))}.hero-copy{font-size:.96rem}.panel,.sample-question{border-radius:16px;padding:.9rem}.model-selector,.samples-grid{grid-template-columns:1fr}.search-wrap{min-width:100%}.filter-btn{flex:1 1 calc(33% - 0.4rem);min-width:110px}.chart-head{align-items:flex-start}.graph-filter-toggle{font-size:.78rem;padding:.45rem .75rem}.graph-corner-toggle{width:1.9rem;height:1.9rem}.graph-filter-modal{width:calc(100vw - 1rem);max-height:78vh}.chart-panel.panel-expanded{inset:0.35rem;border-radius:14px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important}}