:root{color-scheme:dark;font:14px/1.6 Inter,Segoe UI,sans-serif;color:#e7e9e4;background:#0a1015;--gold:#e3c78a;--muted:#a8b6bd;--cyan:#80d6d1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#725c2521,transparent 42%),radial-gradient(ellipse at 0 20%,#25586122,transparent 40%)}main{max-width:1680px;margin:auto;padding:34px clamp(18px,3vw,52px)}a{color:var(--gold);text-underline-offset:4px}header>a{float:right}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.17em;color:var(--cyan);font-size:.72rem;margin-bottom:12px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(2.8rem,5vw,4.8rem);margin:8px 0 16px}h2{font-size:2rem;margin:0 0 12px}h3{font-size:1.3rem;margin:0}.intro{font-size:1.13rem;max-width:820px;color:#bdc9cf;margin-bottom:22px}.route{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;color:#95a8b0;font-size:.8rem;border-bottom:1px solid #af97513f;padding-bottom:20px}.route>span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:10px;box-shadow:0 0 12px var(--cyan)}p{color:var(--muted)}.controls{margin:25px 0 12px;padding:20px;border:1px solid #bb995d75;border-radius:15px;background:linear-gradient(130deg,#182329,#121a20);box-shadow:0 0 30px #d4ac5020}.sliders{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}label{color:#d4dedf;font-size:.86rem}label output{float:right;color:var(--gold);font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;margin:12px 0 0;accent-color:var(--gold);cursor:pointer}input[type=checkbox]{accent-color:var(--gold)}button,select{font:inherit;font-size:.84rem;color:#eadfc7;background:#273031;border:1px solid #a9956173;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover{border-color:#e4c782;background:#36413f}button:disabled{opacity:.5;cursor:default}.primary{background:#c1a467;color:#11181b;border-color:#e3c889;font-weight:600}.primary:hover{background:#dcc28c}.toolbar{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:17px;border-top:1px solid #82939928}.check{display:flex;align-items:center;gap:6px}.experiments{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#a3b2b9;font-size:.78rem;margin:18px 0}.experiments button{background:transparent;border-color:#62777865;font-size:.75rem;padding:6px 9px}#capture-status{margin-left:auto;color:#c5b58e;font-size:.74rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards article{min-width:0;border:1px solid #b198605c;border-radius:14px;overflow:hidden;background:linear-gradient(130deg,#172129,#10171d);box-shadow:0 6px 24px #0002}.card-head{display:flex;gap:11px;align-items:center;padding:17px 16px;min-height:90px}.card-head h2{font-size:1.38rem;margin:0}.card-head p{font-size:.72rem;margin:5px 0 0}.index{font:italic 1.8rem Georgia;color:var(--gold)}.pill{margin-left:auto;align-self:flex-start;white-space:nowrap;border:1px solid #b7b5a444;color:#b9c5c7;border-radius:20px;padding:3px 7px;font-size:.64rem}.pill.live{color:var(--cyan);border-color:#73d6bf60}canvas{display:block;width:100%;aspect-ratio:640/416;height:auto;background:#0a121a}.card-copy{padding:17px 18px 19px}.card-copy strong{color:#d7d5bd;font-size:.81rem;font-weight:500}.card-copy p{font-size:.82rem;line-height:1.7;margin:9px 0 16px;min-height:5em}.capabilities{display:flex;gap:7px;flex-wrap:wrap;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}.capabilities span{color:#85929a;border-top:1px solid #87929844;padding-top:7px}.capabilities .yes{color:#91d9c8;border-color:#91d9c866}.insight{border-left:2px solid var(--gold);padding:12px 18px;margin:24px 0 50px;max-width:1020px;background:#b3933a0b;font-size:.91rem}.differential{border-top:1px solid #a58d5152;padding-top:30px}.section-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-bottom:23px}.section-intro h2{font-size:2.4rem;max-width:650px}.section-intro p{max-width:550px;font-size:.94rem}.fit-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:17px 20px;margin:0 0 18px;background:#192228;border:1px solid #6f929252;border-radius:12px}.fit-controls label{flex:1 1 150px}.fit-controls select{display:block;margin-top:8px;padding:6px}.differential-cards .card-head{min-height:80px}.differential-cards h3{font-size:1.25rem}.legend{display:flex;justify-content:space-between;gap:5px;padding:10px 14px;font-size:.68rem;color:#a9b9bf}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px}.negative{background:#24d9e6}.positive{background:#ff732d}.fit-report{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;border:1px solid #c0a46866;border-radius:12px;background:#172027;margin:18px 0 38px;padding:22px}.fit-report strong{display:block;font:1.45rem Georgia;color:#e3d7b5}.fit-report p{font-size:.81rem;max-width:650px;margin:9px 0 0}.loss-panel>div{display:flex;justify-content:space-between;font-size:.73rem;color:#a9b7bc}.loss-panel output{color:var(--gold);font:1rem ui-monospace,monospace}.loss-panel svg{display:block;width:100%;height:70px;overflow:visible;border-bottom:1px solid #96a7a42c}#loss-path{fill:none;stroke:#93d7bc;stroke-width:2;vector-effect:non-scaling-stroke}.loss-panel>span{font-size:.67rem;color:#7f939e}.notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:24px 0;border-top:1px solid #87999230}.notes h2{font-size:1.75rem}.notes p{font-size:.84rem}.notes code{color:#cfbea0}footer{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #ad975b40;margin-top:30px;padding:20px 0;font-size:.77rem}footer p{max-width:870px}footer>a{white-space:nowrap}#error{position:fixed;bottom:10px;left:10px;right:10px;background:#5a2228;border:1px solid #ff9a88;color:#fff;padding:16px;border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b3e7d9;outline-offset:4px}@media(max-width:1050px){.card-head{flex-wrap:wrap;min-height:111px;padding:12px}.card-head h2{font-size:1.17rem}.pill{display:none}.card-copy{padding:12px}.card-copy p{min-height:7em}.section-intro{gap:20px}.section-intro h2{font-size:2rem}.fit-controls{gap:14px}.cards{gap:10px}.sliders{gap:15px}}@media(max-width:720px){main{padding:25px 14px}.sliders{grid-template-columns:repeat(2,1fr);gap:18px}.toolbar{gap:12px}.cards{grid-template-columns:1fr}.card-head{min-height:0}.card-head h2{font-size:1.45rem}.card-head p{font-size:.8rem}.pill{display:block}.card-copy{padding:16px}.card-copy p{min-height:0;font-size:.88rem}.card-copy strong{font-size:.88rem}.capabilities{font-size:.68rem}.section-intro,.fit-report,.notes{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:2rem}.section-intro p{margin:0}.fit-controls label{flex-basis:40%}.fit-controls button{flex-grow:1}.experiments>span:first-child{width:100%}#capture-status{width:100%;margin:4px 0}.insight{margin-bottom:35px}.notes{gap:30px}footer{display:block}footer>a{display:inline-block;margin-top:5px}.intro{font-size:1rem}h1{font-size:3rem}.differential-cards .card-head{min-height:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.differential-focus .toolbar,.differential-focus .experiments,.differential-focus .representations,.differential-focus .insight,.differential-focus .notes>div:first-child{display:none}.differential-focus .notes{grid-template-columns:1fr;max-width:1100px}.differential-focus .differential{margin-top:30px}.differential-focus .section-intro{display:block}.differential-focus .section-intro>div{display:none}.differential-focus .section-intro p{max-width:850px}

.bake-focus .differential,.bake-focus .notes>div:last-child{display:none}.bake-focus .notes{grid-template-columns:1fr;max-width:1100px}

.appearance-controls{display:none;padding:24px;border:1px solid #b79d6777;border-radius:16px;background:radial-gradient(ellipse at 95% 0,#476c5c38,transparent 55%),linear-gradient(120deg,#1e292e,#141b21);box-shadow:0 10px 50px #0003;margin:20px 0 28px}.differential-focus .appearance-controls{display:block}.appearance-intro{display:flex;align-items:center;gap:30px;justify-content:space-between}.appearance-intro h2{font-size:1.8rem}.appearance-intro p{max-width:460px;font-size:.88rem}.appearance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:16px 0}.appearance-grid select{display:block;width:100%;margin-top:8px}.material-studies{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid #bbad7833;padding-top:17px;margin-top:22px}.material-studies>span{font-size:.71rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-right:12px}.material-studies button{background:#293833;border-radius:30px}.material-studies button:hover{box-shadow:0 0 18px #badead38;transform:translateY(-1px)}#appearance-status{color:#cbd4ad;font-size:.8rem;margin:16px 0 4px}.scope-note{font-size:.74rem;max-width:1000px;margin:4px 0}.differential-focus .differential-origin{display:block}.differential-origin{display:none}body[data-fit-phase=transition] .differential-cards article:first-child{border-color:#e4c782;box-shadow:0 0 28px #d5b75e28}body[data-fit-phase=survey] #fit-status{color:var(--cyan)}button{transition:box-shadow .18s,border-color .18s,background .18s}.differential-focus .differential-cards canvas{image-rendering:auto}.differential-focus .fit-report{background:linear-gradient(110deg,#233430,#172027)}@media(max-width:850px){.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-intro{display:block}.appearance-intro p{max-width:none}.appearance-controls{padding:18px}}@media(prefers-reduced-motion:reduce){button{transition:none}.material-studies button:hover{transform:none}}

.unknowns{display:none;border:1px solid #85966c77;border-radius:12px;margin:0 0 20px;padding:18px 22px;background:#1c282b}.differential-focus .unknowns{display:block}.unknowns legend{color:var(--gold);padding:0 8px}.unknowns legend span{color:var(--cyan);font:11px ui-monospace,monospace;padding-left:12px}.unknowns p{font-size:.8rem;margin:5px 0 12px}.unknown-choice{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.target-appearance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:18px 0}.animation-option{flex:0 1 auto!important}.fit-controls #compute-time{color:var(--cyan);font:12px ui-monospace,monospace}.vector-bridge{display:none;padding:24px;border:1px solid #bba57188;border-radius:16px;background:#172328;margin:30px 0}.differential-focus .vector-bridge{display:block}.vector-bridge .section-intro>div{display:block}.vector-bridge .section-intro{display:grid}.vector-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.vector-toolbar span{font-size:.8rem;color:var(--cyan)}.vector-bridge canvas{max-height:580px;object-fit:contain;background:#101a22;border:1px solid #788d8766;border-radius:12px}.vector-bridge .scope-note{margin-top:16px}.appearance-grid{grid-template-columns:repeat(5,minmax(0,1fr))}[hidden]{display:none!important}@media(max-width:850px){.appearance-grid,.target-appearance{grid-template-columns:repeat(2,minmax(0,1fr))}.vector-bridge .section-intro{display:block}.vector-bridge{padding:16px}}@media(max-width:480px){.target-appearance{grid-template-columns:1fr}.vector-toolbar>*{max-width:100%}}

.vector-live-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:18px 0}.vector-live-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.8rem}.vector-live-controls input{grid-column:1/-1;width:100%;accent-color:#d6bf81}.vector-live-controls output{color:#afddcb}#rive-scene{touch-action:pan-y;cursor:grab}#rive-scene:active{cursor:grabbing}.vector-bridge[data-rive-phase="rebuilding"]{border-color:#d6bf81}@media(max-width:600px){.vector-live-controls{grid-template-columns:1fr;gap:14px}}

.study-notes{margin:26px 0;border:1px solid #b198605c;border-radius:12px;background:#17212970}.study-notes>summary{padding:14px 20px;color:var(--gold);cursor:pointer;list-style-position:inside}.study-notes .notes{padding:22px;border-color:#87999230}.study-notes>summary:focus-visible{outline:2px solid #b3e7d9;outline-offset:4px}
.study-notes:not([open])>.notes{display:none}
