@font-face{font-family:Bitter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bitter-600.woff2) format("woff2")}@font-face{font-family:Bitter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bitter-700.woff2) format("woff2")}:root{--bg:#ffffff;--surface:#f5f7f9;--line:#dde3e9;--ink:#292b2c;--ink-2:#434343;--muted:#6d6d6d;--brand:#3099fa;--brand-ink:#1668b8;--brand-soft:#e8f3fe;--warn:#9a5b00;--warn-soft:#fdf1dc;--question-ink:#0d4f8f;--tabbar-bg:rgba(255,255,255,.96);--card-bg:#ffffff;--media-bg:#000000;--player-bg:#05080b;--player-bar:#0f151c;--player-line:#1f2a35;--player-ink:#e3eaf1;--player-muted:#8fa1b3;--tabbar-h:64px;--radius:12px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--slab:"Bitter",Georgia,"Times New Roman",serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--slab);font-weight:700;text-wrap:balance;margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.page{max-width:960px;margin:0 auto;padding:0 20px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 32px)}.masthead{display:flex;align-items:center;gap:16px;padding:16px 0 14px;border-bottom:1px solid var(--line)}.masthead img{height:30px;width:auto;display:block;mix-blend-mode:multiply}.masthead .spacer{flex:1 1}.masthead .product{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;color:var(--brand-ink)}.section-head{padding:28px 0 8px}.section-head h1{font-size:30px;color:var(--brand);letter-spacing:-.01em}.section-head p{margin:8px 0 0;color:var(--ink-2);max-width:62ch}.group-label{display:flex;align-items:center;gap:10px;margin:34px 0 12px;font-family:var(--slab);font-size:22px;font-weight:700;color:var(--ink)}.organ-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.organ-icon svg{width:24px;height:24px}.list{display:flex;flex-direction:column;gap:10px}.row-card{display:flex;align-items:center;gap:16px;padding:16px 18px;min-height:72px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card-bg);transition:border-color .15s ease,background .15s ease}.row-card:hover{border-color:var(--brand)}.row-card:active{background:var(--surface)}.row-card .text{flex:1 1;min-width:0}.row-card h2{font-size:18px;line-height:1.3}.row-card .sub{margin:4px 0 0;font-size:14.5px;color:var(--ink-2);line-height:1.45}.row-card .count{margin:6px 0 0;font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-card .chev{flex:none;color:var(--brand);font-size:20px}.empty{margin-top:24px;padding:32px 20px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted)}.coll-head{padding:8px 0 4px}.coll-head h1{font-size:28px;line-height:1.25}.question{margin:16px 0 0;padding:14px 18px;background:var(--brand-soft);border-radius:var(--radius);font-family:var(--slab);font-size:19px;font-weight:600;line-height:1.4;color:var(--question-ink)}.question .kicker{display:block;margin-bottom:2px;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-ink)}.case-desc{margin:16px 0 0;padding:16px 18px;background:var(--surface);border-radius:var(--radius)}.case-desc .kicker,.notes summary,.solution .kicker{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.case-desc p{margin:6px 0 0;font-size:16.5px}.prose p{margin:10px 0 0;max-width:68ch}.prose p:first-child{margin-top:6px}.notes{margin:14px 0 0;border:1px solid var(--line);border-radius:var(--radius);padding:0 18px}.notes summary{cursor:pointer;min-height:48px;display:flex;align-items:center;list-style:none}.notes summary::-webkit-details-marker{display:none}.notes summary:after{content:"+";margin-left:auto;font-size:20px;color:var(--brand)}.notes[open] summary:after{content:"–"}.notes[open]{padding-bottom:14px}.solution{margin:12px 0 0;padding:14px 18px;border:1px solid var(--brand);border-radius:var(--radius)}.toolbar{display:flex;align-items:center;gap:12px;margin:26px 0 12px}.toolbar .count{font-size:14px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar .spacer{flex:1 1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--brand);border-radius:999px;background:var(--brand);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.btn.ghost{background:var(--bg);color:var(--brand-ink)}.btn:disabled{opacity:.55;cursor:default}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}@media (max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:8px}}.tile{position:relative;aspect-ratio:4/3;padding:0;border:0;border-radius:10px;overflow:hidden;background:#000;cursor:pointer}.tile img,.tile video{width:100%;height:100%;object-fit:contain;display:block}.tile .badge,.tile .num{position:absolute;top:8px;padding:2px 8px;border-radius:999px;background:rgba(5,8,11,.78);color:#fff;font-size:12.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile .num{left:8px}.tile .badge{right:8px}.tile:active{transform:scale(.98)}.player{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--player-bg);color:var(--player-ink)}.player-bottom,.player-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--player-bar)}.player-top{padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--player-line)}.player-bottom{padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--player-line)}.player-top .where{flex:1 1;min-width:0}.player-top .where .t{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-top .where .n{font-size:12.5px;color:var(--player-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stage{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.stage img,.stage video{max-width:100%;max-height:100%;object-fit:contain}.findings{max-height:38vh;overflow-y:auto;padding:14px 18px;background:var(--player-bar);border-top:1px solid var(--player-line);font-size:15.5px;line-height:1.55}.findings .kind{display:inline-block;margin-bottom:6px;padding:1px 9px;border:1px solid var(--player-line);border-radius:999px;font-size:12px;color:var(--player-muted)}.findings p{margin:0 0 8px;max-width:72ch}.pbtn{min-width:48px;min-height:48px;padding:0 14px;border:1px solid var(--player-line);border-radius:999px;background:#16202a;color:var(--player-ink);font:inherit;font-size:15px;cursor:pointer}.pbtn:disabled{opacity:.35;cursor:default}.pbtn.primary{flex:1 1;font-weight:600}.pbtn.primary[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;background:var(--tabbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar nav{display:flex;width:100%;max-width:560px}.tabbar a{flex:1 1;height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12.5px;font-weight:500;color:var(--muted)}.tabbar a svg{width:24px;height:24px}.tabbar a[aria-current=page]{color:var(--brand-ink)}.tabbar a[aria-current=page] svg{color:var(--brand)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13.5px;color:var(--ink-2)}.field input,.field select,.field textarea{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.field textarea{min-height:70px;resize:vertical}.notice{padding:10px 14px;border-radius:10px;font-size:14px;margin-bottom:14px}.notice.err{background:#fdecea;color:#8a1f14}.notice.ok{background:#e6f5ec;color:#11613a}.notice.warn{background:var(--warn-soft);color:var(--warn)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.row-card .cover{flex:none;width:76px;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--media-bg)}.row-card .cover img,.row-card .cover video{width:100%;height:100%;object-fit:cover;display:block}.about-hero{padding:32px 0 8px;max-width:70ch}.about-block h2,.about-hero .kicker{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-ink)}.about-hero h1{margin-top:8px;font-size:30px;line-height:1.2;letter-spacing:-.01em}.about-hero .lede{margin:14px 0 0;font-size:17.5px;line-height:1.65;color:var(--ink-2)}.about-block{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);max-width:70ch}.about-block h2{margin-bottom:12px}.about-block p{margin:0 0 12px}.about-block a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}.steps{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:14px}.steps li{counter-increment:step;position:relative;padding-left:44px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-ink);font-weight:700;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.steps strong{color:var(--ink)}.tip{margin-top:18px!important;padding:12px 16px;background:var(--surface);border-radius:10px;font-size:15px}.links{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.links a{display:inline-flex;min-height:40px;align-items:center;gap:6px}.disclaimer p,.muted-note{font-size:14.5px;color:var(--muted)}.looks{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (max-width:520px){.looks{grid-template-columns:1fr}}.look{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card-bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.look[aria-checked=true]{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.look .swatch{width:100%;height:44px;border-radius:8px;margin-bottom:6px;border:1px solid var(--line)}.look-label{font-weight:600;font-size:15px}.look-note{font-size:13px;color:var(--muted);line-height:1.4}[data-look=atlas] .section-head{margin-top:18px;padding:30px 26px 28px;border-radius:18px;background:linear-gradient(135deg,#3099fa,#1668b8);color:#fff}[data-look=atlas] .section-head h1{color:#fff;font-size:36px}[data-look=atlas] .section-head p{color:rgba(255,255,255,.9)}[data-look=atlas] .group-label{display:inline-flex;margin:30px 0 12px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:17px}[data-look=atlas] .organ-icon{width:30px;height:30px;background:#fff}[data-look=atlas] .organ-icon svg{width:19px;height:19px}[data-look=atlas] .list,[data-look=console] .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}[data-look=atlas] .row-card,[data-look=console] .row-card{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}[data-look=atlas] .row-card .cover,[data-look=console] .row-card .cover{width:100%;aspect-ratio:16/10;border-radius:0}[data-look=atlas] .row-card .cover img,[data-look=atlas] .row-card .cover video,[data-look=console] .row-card .cover img,[data-look=console] .row-card .cover video{object-fit:contain}[data-look=atlas] .row-card .text,[data-look=console] .row-card .text{padding:14px 16px 16px}[data-look=atlas] .row-card .chev,[data-look=console] .row-card .chev{display:none}[data-look=atlas] .row-card h2{font-size:19px}[data-look=atlas] .row-card:hover{border-color:var(--brand);box-shadow:0 6px 20px rgba(22,104,184,.12)}[data-look=atlas] .coll-head h1{font-size:32px}[data-look=atlas] .question{background:linear-gradient(135deg,#3099fa,#1668b8);color:#fff;font-size:21px}[data-look=atlas] .question .kicker{color:rgba(255,255,255,.85)}[data-look=atlas] .about-hero{margin-top:18px;padding:30px 26px;border-radius:18px;background:linear-gradient(135deg,#3099fa,#1668b8);color:#fff;max-width:none}[data-look=atlas] .about-hero .kicker{color:rgba(255,255,255,.85)}[data-look=atlas] .about-hero .lede{color:rgba(255,255,255,.92);max-width:68ch}[data-look=console]{--bg:#0b1117;--surface:#141d26;--line:#243140;--ink:#e3eaf1;--ink-2:#b7c4d1;--muted:#8a9bad;--brand:#4aa8ff;--brand-ink:#7cc0ff;--brand-soft:#12314d;--question-ink:#d6ebff;--tabbar-bg:rgba(11,17,23,.94);--card-bg:#111a23;--media-bg:#000000;color-scheme:dark}[data-look=console] .masthead img{mix-blend-mode:normal;box-sizing:content-box;padding:5px 9px;border-radius:8px;background:#fff}[data-look=console] .section-head h1{color:#fff}[data-look=console] .row-card:hover{border-color:var(--brand)}[data-look=console] .question{border:1px solid #1d4a73}[data-look=console] .btn{color:#04121f}[data-look=console] .btn.ghost{background:transparent;color:var(--brand-ink)}[data-look=console] .field input,[data-look=console] .field select,[data-look=console] .field textarea{background:var(--surface)}[data-look=clean][data-cards=grey] .row-card{background:#f1f4f7;border-color:#e3e8ed}[data-look=clean][data-cards=grey] .row-card:hover{background:#eaeff4;border-color:var(--brand)}[data-look=clean][data-cards=raised]{--bg:#eef2f6;--tabbar-bg:rgba(238,242,246,.96)}[data-look=clean][data-cards=raised] .row-card{background:#ffffff;border-color:transparent;box-shadow:0 1px 2px rgba(20,40,60,.06),0 4px 14px rgba(20,40,60,.06)}[data-look=clean][data-cards=raised] .row-card:hover{box-shadow:0 2px 4px rgba(20,40,60,.08),0 8px 22px rgba(20,40,60,.1)}[data-look=clean][data-cards=raised] .masthead{border-bottom-color:#dfe5eb}[data-look=clean][data-cards=raised] .look,[data-look=clean][data-cards=raised] .notes,[data-look=clean][data-cards=raised] .organ-icon{background:#ffffff}.experiments{display:flex;flex-direction:column;gap:18px}.experiment-label{margin:0 0 8px!important;font-size:14px;font-weight:600;color:var(--ink-2)}.look[data-preview=cards-grey] .swatch{background:#fff;box-shadow:inset 0 0 0 10px #fff,inset 0 0 0 44px #f1f4f7}.look[data-preview=cards-raised] .swatch{background:#eef2f6;box-shadow:inset 0 0 0 10px #eef2f6,inset 0 0 0 44px #fff}.look[data-preview=cards-flat] .swatch{background:#fff;box-shadow:inset 0 0 0 10px #fff,inset 0 0 0 11px #dde3e9,inset 0 0 0 44px #fff}.look[data-preview=look-clean] .swatch{background:linear-gradient(90deg,#fff 0 70%,#3099fa 70% 76%,#fff 76%)}.look[data-preview=look-atlas] .swatch{background:linear-gradient(180deg,#1f7fd4 0 40%,#fff 40% 44%,#111 44%)}.look[data-preview=look-console] .swatch{background:linear-gradient(90deg,#0b1117 0 70%,#4aa8ff 70% 76%,#0b1117 76%)}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(8,14,20,.55);display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width:620px){.sheet-backdrop{align-items:center;padding:24px}}.sheet{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:var(--bg);color:var(--ink);border-radius:18px 18px 0 0}@media (min-width:620px){.sheet{border-radius:16px}}.sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sheet-head h2{font-size:20px;flex:1 1}.sheet-context{margin:0 0 14px;padding:10px 14px;background:var(--surface);border-radius:10px;font-size:14px;color:var(--ink-2)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:13.5px;padding:7px 13px;min-height:38px;border:1px solid var(--line);border-radius:999px;background:var(--card-bg);color:var(--ink-2);cursor:pointer}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.chip[data-static=true]{cursor:default;min-height:0;padding:3px 10px;font-size:12.5px}.feedback-list{display:flex;flex-direction:column;gap:12px}.feedback-item{padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:12px;background:var(--card-bg)}.feedback-item.is-done{border-left-color:var(--line);opacity:.65}.feedback-item.is-read{border-left-color:#b9c9d8}.feedback-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.feedback-meta .spacer{flex:1 1}.feedback-message{margin:10px 0 0;white-space:pre-wrap}.feedback-actions{display:flex;gap:8px;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:22px;gap:22px}.stat-block h3{font-size:15px;margin-bottom:10px}.bars{display:flex;flex-direction:column;gap:7px}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 44px;align-items:center;grid-gap:10px;gap:10px;font-size:13.5px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;border-radius:999px;background:var(--surface);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--brand);border-radius:999px}.bar-value{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.disclaimer-note{font-size:14.5px;color:var(--muted)}