.letter-page{box-sizing:border-box;color:#e8ecf8;background:#0b1020;min-height:100vh;padding:32px 24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px}.letter-page h1{margin:0 0 8px;font-size:2rem}.letter-hint{color:#aab3d4;margin:0 0 24px}.letter-widget button{font:inherit;color:#fff;cursor:pointer;background:#4f7cff;border:0;border-radius:6px;padding:8px 16px}.letter-readout{margin:0 0 16px;font-size:1.5rem}.letter-big{font-size:2.5rem}.letter-toast-slot{min-height:56px;margin-top:16px}.letter-toast{color:#fff;background:#1f8f4e;border-radius:8px;padding:12px 20px;display:inline-block}.letter-menu{margin-bottom:120px;display:inline-block;position:relative}.letter-menu-trigger{cursor:default;border:1px solid #4f7cff;border-radius:6px;padding:8px 16px;display:inline-block}.letter-menu-list{background:#18203c;border:1px solid #2a3354;border-radius:6px;min-width:160px;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0}.letter-widget .letter-menu-list button{text-align:left;background:0 0;border-radius:0;width:100%;display:block}.letter-widget .letter-menu-list button:hover{background:#2a3354}.letter-list{border:1px solid #2a3354;border-radius:6px;max-width:360px;overflow-y:auto}.letter-widget .letter-row{text-align:left;background:0 0;border-bottom:1px solid #18203c;border-radius:0;padding:0 12px;position:absolute;left:0;right:0}.letter-widget .letter-row:hover{background:#2a3354}.letter-canvas{touch-action:none;margin-bottom:16px;display:block}.letter-knob{cursor:ns-resize}.letter-sr,.letter-skip{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.letter-skip:focus-within{z-index:2;clip:auto;white-space:normal;background:#18203c;border-radius:6px;width:auto;height:auto;margin:0;padding:8px 12px;position:fixed;top:8px;left:8px;overflow:visible}.letter-widget .letter-menu-trigger{font:inherit;color:inherit;cursor:default;background:0 0;border:1px solid #4f7cff;border-radius:6px;padding:8px 16px}.letter-field{font:inherit;color:#111;background:#fff;border:1px solid #8892b0;border-radius:6px;margin-right:8px;padding:8px 10px}.letter-row-gap{align-items:center;gap:8px;margin-bottom:16px;display:flex}.letter-error{color:#ff8a8a}.letter-ok{color:#7be0a4}.letter-select{min-width:200px;margin-bottom:16px;display:inline-block;position:relative}.letter-select-box,.letter-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 16px}.letter-select-box{border:1px solid #4f7cff;border-radius:6px}.letter-select-list{z-index:1;background:#18203c;border:1px solid #2a3354;border-radius:6px;position:absolute;top:100%;left:0;right:0}.letter-select-option:hover,.letter-suggestion:hover{background:#2a3354}.letter-suggestions{border:1px solid #2a3354;border-radius:6px;max-width:320px;margin:0 0 16px;padding:0;list-style:none}.letter-widget .letter-suggestion{text-align:left;background:0 0;border-radius:0;width:100%;display:block}.letter-scrim{background:#0000008c;align-items:flex-end;transition:opacity .4s;display:flex;position:fixed;inset:0}.letter-scrim-faded{opacity:0}.letter-consent{box-sizing:border-box;background:#18203c;align-items:center;gap:16px;width:100%;padding:20px 24px;display:flex}.letter-draft{width:100%;max-width:480px;min-height:80px;font:inherit;border-radius:6px;margin-bottom:16px;padding:8px 10px;display:block}.letter-list-plain{margin:0 0 16px}.letter-frame{background:#f4f6fb;border:1px solid #2a3354;border-radius:6px}.letter-chip:after{border-radius:999px;padding:4px 12px;font-size:.9rem;display:inline-block}.letter-chip-done:after{content:"Done";color:#fff;background:#1f8f4e}.letter-notice{border:1px solid #4f7cff;border-radius:6px;width:120px;padding:10px 12px;font-size:1.25rem}.letter-notice-clipped{white-space:nowrap;overflow:hidden}.letter-progress{background:#2a3354;border-radius:7px;width:360px;height:14px;margin-top:16px;overflow:hidden}.letter-progress-bar{background:#4f7cff;height:100%;transition:width .12s linear}.letter-ghost{color:#0e1424;margin:0}:root{--room:#0e1822;--room-2:#15232f;--room-3:#1d2f3e;--sky:#6bb4ee;--panel:#f6fbff;--panel-2:#e4eef7;--ink:#0e1822;--muted:#3d5670;--on-room:#fff;--on-room-2:#b9d9f4;--accent:#ff5a1f;--accent-2:#ff7440;--lamp:#ffc95c;--lamp-ink:#8a5a00;--blocked:#8fa3b5;--blocked-ink:#5b7084;--void:#04070b;--on:#ff6a2b;--off:#2fc8ff;--robot-text:#cfe6f7;--graphite:#1b2733;--text:"Albert Sans", "Helvetica Neue", Arial, sans-serif;--display:"DM Serif Display", Georgia, "Times New Roman", serif;--code:ui-monospace, "Cascadia Mono", Consolas, monospace;--margin:28px;--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--text);background:var(--room);color:var(--on-room);font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--room);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font-family:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--ink)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{letter-spacing:-.03em;font-weight:800;line-height:.95}.button{background:var(--accent);min-height:36px;color:var(--ink);font:600 13px / 1 var(--text);white-space:nowrap;cursor:pointer;transition:transform .14s var(--ease), background-color .14s var(--ease);border:0;border-radius:0;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-2)}.button:active{transform:scale(.97)}.button--quiet{background:var(--room-3);color:var(--on-room)}.button--quiet:hover{background:#27405a}.button[aria-pressed=true]{background:var(--sky);color:var(--ink)}.agent-toggle{color:var(--on-room);font:700 11px / 1.1 var(--text);letter-spacing:.01em;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;display:inline-flex}.agent-toggle-ring{background:var(--room-3);width:52px;height:52px;transition:background .16s var(--ease);border-radius:50%;place-items:center;display:grid}.agent-toggle-text{flex-direction:column;align-items:center;gap:1px;display:flex}.agent-toggle-word:before{content:attr(data-word)}.agent-toggle .sprite-mark{background:var(--on-room);width:30px;height:30px;transition:background .16s var(--ease);flex:none;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.agent-toggle:hover .agent-toggle-ring{background:#27405a}.agent-toggle[aria-pressed=true] .agent-toggle-ring{background:var(--panel)}.agent-toggle[aria-pressed=true] .sprite-mark{background:var(--ink)}.github-link{width:36px;height:36px;color:var(--on-room-2);transition:color .14s var(--ease), transform .14s var(--ease);place-items:center;display:grid}.github-link:hover{color:var(--on-room);transform:scale(1.08)}.topbar{padding:14px var(--margin);justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.topbar-start{align-items:center;gap:18px;min-width:0;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.wordmark{color:var(--on-room);font:400 24px / 1 var(--display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark:hover{color:var(--sky)}.glasses-mark{color:var(--lamp);flex:none}.back-link{font:500 14px / 1 var(--text);color:var(--on-room-2);white-space:nowrap;text-decoration:none}.back-link:hover{color:var(--on-room)}.glyph{background:var(--panel);width:44px;height:44px;color:var(--ink);font:700 28px / 1 var(--text);flex:none;place-items:center;display:inline-grid;position:relative}.glyph--read{box-shadow:inset 0 -4px 0 var(--lamp)}.glyph--misread{text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:.16em}.glyph--blocked{color:#0e182259;background:repeating-linear-gradient(-45deg, transparent 0 5px, var(--blocked-ink) 5px 6px), var(--panel)}.glyph--unread{color:var(--ink);background:#d9e2ea}.robot-mark{flex:none;width:40px;height:40px}.robot-eyes{animation:5s ease-in-out infinite robot-look}.robot-bulb{animation:2.5s step-end infinite robot-blink}.robot-head{transform-origin:60px 96px;animation:5s ease-in-out infinite robot-tilt}@keyframes robot-look{0%,15%{transform:translate(0)}25%,45%{transform:translate(-6px)}55%,75%{transform:translate(6px)}85%,to{transform:translate(0)}}@keyframes robot-tilt{0%,15%,85%,to{transform:rotate(0)}25%,45%{transform:rotate(-4deg)}55%,75%{transform:rotate(4deg)}}.robot-mark{overflow:visible}.robot-arm{opacity:0;animation:12s ease-in-out infinite robot-arm}.robot-glasses{animation:12s ease-in-out infinite robot-glasses}@keyframes robot-arm{0%,52%{opacity:0;transform:translate(70px)}58%{opacity:1;transform:translate(34px)}64%,68%{opacity:1;transform:translate(0)}76%,84%{opacity:1;transform:translate(44px,-4px)}90%,92%{opacity:1;transform:translate(0)}97%{opacity:1;transform:translate(34px)}to{opacity:0;transform:translate(70px)}}@keyframes robot-glasses{0%,68%,90%,to{transform:translate(0)}76%,84%{transform:translate(44px,-4px)}}@keyframes robot-blink{0%{opacity:1}50%{opacity:.35}}:root{--col:clamp(520px, 44vw, 640px)}.chart{grid-template-columns:minmax(0, 1fr) var(--col);background:var(--room);height:100dvh;color:var(--on-room);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"left topbar""left intro""left card";display:grid;position:relative;overflow:hidden}.chart .topbar{padding:18px var(--margin) 0;grid-area:topbar;min-height:0}.brand{font:400 40px / 1 var(--display);letter-spacing:-.01em}.brand .wordmark{width:fit-content;font:inherit;flex-direction:column;align-items:center;gap:6px}.chart .topbar{align-items:flex-start}.brand .robot-mark{width:96px;height:96px}.chart .topbar-actions{align-items:flex-start;gap:10px}.chart-intro{padding:10px var(--margin) 0;grid-area:intro}.what,.tagline{color:var(--on-room-2);font-size:15px;line-height:1.4}.about-button{background:var(--room-3);width:32px;height:32px;color:var(--on-room);cursor:pointer;transition:background-color .14s var(--ease), transform .14s var(--ease);border:0;place-items:center;padding:0;display:grid}.about-button:hover{background:#27405a}.about-button[aria-expanded=true]{background:var(--sky);color:var(--ink)}.stage{background:var(--room-2);grid-area:left;min-height:0;position:relative}.chart-canvas,.chart-flat{inset:0;position:absolute!important}.chart-key{z-index:2;opacity:0;pointer-events:none;align-content:start;gap:8px;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.stage:has(.chart-flat) .chart-key{opacity:1;pointer-events:auto}.chart-key-row{grid-template-columns:56px 1fr;align-items:start;gap:8px;display:grid}.chart-key-fraction{color:var(--sky);font-variant-numeric:tabular-nums;padding-top:10px;font-size:13px}.chart-key ul{flex-wrap:wrap;gap:6px;display:flex}.chart-key-link{background:var(--room-3);grid-template-columns:36px 1fr;align-items:center;gap:8px;padding:4px 10px 4px 4px;text-decoration:none;display:grid}.chart-key-link .glyph{width:36px;height:36px;font-size:22px}.chart-key-tip{flex-direction:column;gap:2px;font-size:13px;line-height:1.2;display:flex}.chart-key-state{color:var(--on-room-2)}.chart-key-link[data-state=misread] .chart-key-state{color:var(--accent)}.chart-key-empty{color:var(--on-room-2);position:absolute;inset:auto 16px 16px}.chart-key--placed{opacity:1;padding:0;display:block;overflow:visible}.chart-key--placed .chart-key-row,.chart-key--placed ul,.chart-key--placed li{display:contents}.chart-key--placed .chart-key-fraction{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chart-key--placed .chart-key-link{pointer-events:auto;cursor:pointer;outline-offset:4px;background:0 0;padding:0;display:block;position:absolute}.chart-key--placed .chart-key-link:before{content:"";transition:background-color .14s var(--ease);background:#6bb4ee00;position:absolute;inset:-8%}.chart-key--placed .chart-key-link:hover:before,.chart-key--placed .chart-key-link.is-active:before{background:#6bb4ee3d}.chart-key--placed .chart-key-tip{z-index:3;background:var(--ink);color:var(--on-room);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s var(--ease), transform .14s var(--ease);flex-direction:row;gap:8px;padding:6px 10px;font-size:13px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.chart-key--placed .chart-key-link:hover .chart-key-tip,.chart-key--placed .chart-key-link:focus-visible .chart-key-tip,.chart-key--placed .chart-key-link.is-active .chart-key-tip{opacity:1;transform:translate(-50%)}.card-dock{min-height:0;padding:14px var(--margin) 20px;grid-area:card;display:flex}.card{background:var(--panel);width:100%;min-height:0;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;outline:none;flex-direction:column;flex:0 auto;gap:10px;padding:16px 18px 14px;display:flex;overflow:auto}.card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.card-head .glyph{background:var(--ink);width:48px;height:48px;color:var(--panel);font-size:30px}.card-head .glyph--read{box-shadow:inset 0 -5px 0 var(--lamp)}.card-head .glyph--blocked{color:#f6fbff66;background:repeating-linear-gradient(-45deg, transparent 0 5px, var(--blocked-ink) 5px 6px), var(--ink)}.card-head .glyph--unread{color:var(--ink);background:#b9c6d2}.card-titles{min-width:0}.card-name{font:700 20px / 1.1 var(--text);letter-spacing:-.02em}.card-trap{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.35}.card-state{font:700 13px / 1 var(--text);white-space:nowrap;transition:background-color .24s var(--ease);background:#d9e2ea;padding:7px 10px}.card-state[data-kind=misread]{background:var(--accent)}.card-state[data-kind=read]{background:var(--lamp)}.card-state[data-kind=blocked]{background:var(--blocked)}.card-state[data-kind=fixed]{background:var(--sky)}.card-tabs{gap:4px;display:flex}.card-tab{background:var(--panel-2);min-height:34px;color:var(--muted);font:600 13px / 1.2 var(--text);cursor:pointer;transition:background-color .16s var(--ease), color .16s var(--ease);border:0;flex:1 1 0;padding:0 8px}.card-tab:hover{background:#d3e2ef}.card-tab[aria-current=step]{background:var(--ink);color:var(--panel)}.card-screen{color:#e8ecf8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:150px;max-height:320px;animation:screen-in .24s var(--ease) both;background:#0b1020;flex:0 auto;padding:12px 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4;overflow:hidden}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card-screen .letter-widget>p{margin:0 0 8px}.card-screen .letter-readout{margin:0 0 8px;font-size:1.15rem}.card-screen .letter-toast-slot{min-height:40px;margin-top:8px}.card-screen .letter-toast{padding:6px 12px}.card-screen .letter-list{max-height:180px}.card-diff{background:var(--ink);min-height:150px;max-height:320px;color:var(--on-room);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;animation:screen-in .24s var(--ease) both;flex:0 auto;overflow:auto}.card-diff .diff{background:0 0;padding:10px 4px;font-size:12px;line-height:1.5}.card-diff .diff code{min-width:0}.card-diff .diff-line{white-space:pre-wrap;word-break:break-word;padding:0 8px}.card-line{font-size:15px;line-height:1.45}.card-key{background:var(--panel-2);min-height:150px;animation:screen-in .24s var(--ease) both;flex-direction:column;flex:0 auto;gap:6px;padding:14px 16px;display:flex}.card-key-row{background:var(--panel);font:500 13px / 1.35 var(--text);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name mark""said mark";column-gap:12px;padding:8px 10px;display:grid}.card-key-name{grid-area:name;font-weight:700}.card-key-truth{color:var(--muted);grid-area:name;justify-self:end;margin-right:0;font-weight:500}.card-key-row .card-key-name{justify-self:start}.card-key-said{color:var(--muted);grid-area:said}.card-key-mark{white-space:nowrap;background:var(--lamp);grid-area:mark;align-self:center;padding:3px 9px;font-weight:800}.card-key-row[data-mark=wrong] .card-key-mark{background:var(--accent);color:#fff}.card-key-row[data-mark=blocked] .card-key-mark,.card-key-row[data-mark=unread] .card-key-mark{display:none}.card-bold{font:800 19px / 1.2 var(--text);letter-spacing:-.02em;margin:6px 0 0}.card-verdict{animation:fade-up .32s var(--ease) .18s both}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card-bar{align-items:center;gap:8px;margin-top:auto;display:flex}.card-arrow{background:var(--ink);width:32px;height:32px;color:var(--on-room);cursor:pointer;transition:transform .14s var(--ease), opacity .14s var(--ease), background-color .14s var(--ease);border:0;place-items:center;padding:0;display:grid}.card-arrow:hover{background:var(--muted)}.card-arrow:active{transform:scale(.94)}.card-arrow:disabled{opacity:.25;cursor:default}.card-where{color:var(--muted);font-size:13px}.card-details{font:600 13px / 1 var(--text);color:#1c6aa8;text-underline-offset:3px;margin-left:auto}.tally{gap:8px;display:grid}.tally>div{grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.tally dt{font:600 14px / 1.2 var(--text);grid-area:1/2;align-items:center;gap:6px;display:flex}.tally dt .glyph{width:20px;height:20px;font-size:13px}.tally dt .glyph--read{box-shadow:inset 0 -2px 0 var(--lamp)}.tally dd{font:700 36px / 1 var(--text);letter-spacing:-.03em;text-align:right;font-variant-numeric:tabular-nums;grid-area:1/1/3}.tally [data-state=misread] dd{color:#c43a08}.tally-meaning{color:var(--muted);grid-area:2/2;font-size:13px}.summary,.plaque{color:var(--muted);font-size:14px}.quiet-toggle{background:var(--ink);min-height:32px;color:var(--on-room);font:600 13px / 1 var(--text);cursor:pointer;border:0;padding:0 12px}.quiet-toggle[aria-pressed=true]{background:var(--sky);color:var(--ink)}.dials{gap:10px;display:grid;position:relative}.dials-head{align-items:center;gap:12px;display:flex}.dials-head h2{font:600 14px / 1 var(--text)}.dials-reset{color:#1c6aa8;font:500 13px / 1.2 var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dials-none{color:var(--muted);font-size:14px}.dials-list{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.dial{background:var(--panel-2);width:100%;color:var(--ink);cursor:pointer;transition:transform .14s var(--ease), opacity .14s var(--ease), background-color .14s var(--ease);border:0;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;display:flex}.dial:hover,.dial.is-active{background:#d3e2ef}.dial:active{transform:scale(.96)}.dial[data-measured=false]{opacity:.5}.dial-face{width:44px;height:44px;position:relative}.dial-knob{background:var(--ink);transition:transform .38s var(--spring), background-color .16s var(--ease);border-radius:50%;position:absolute;inset:0}.dial-knob:after{content:"";background:var(--panel);width:4px;height:9px;position:absolute;top:3px;left:calc(50% - 2px)}.dial.is-on .dial-knob{background:var(--accent);transform:rotate(135deg)}.dial.is-on .dial-knob:after{background:var(--ink)}.dial-glyph{font:700 20px / 1 var(--text);color:var(--panel);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.dial.is-on .dial-glyph{color:var(--ink)}.dial-text{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.dial-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.dial-reading{min-height:14px;color:var(--muted);font-size:11px;line-height:1.2}.dial.is-on .dial-reading{color:#c43a08}.dial-detail{background:var(--panel-2);padding:10px 12px;font-size:13px;line-height:1.45}.dial-detail a{color:#1c6aa8}@media (height<=780px) and (width>=861px){.chart .topbar{padding-top:12px}.brand{font-size:24px}.what,.tagline{font-size:13px;line-height:1.3}.chart-intro{padding-top:6px}.card-dock{padding:10px var(--margin) 14px}.card{gap:8px;padding:12px 14px 10px}.card-head .glyph{width:40px;height:40px;font-size:26px}.card-name{font-size:18px}.card-screen{min-height:100px;padding:10px 12px;font-size:14px}.card-line{font-size:14px}}@media (width<=860px){:root{--margin:14px}.chart{grid-template:"topbar""intro""left"minmax(180px,36dvh)"card"minmax(0,1fr)/minmax(0,1fr)}.chart .topbar{padding:10px var(--margin) 0}.brand{font-size:26px}.brand .wordmark{gap:4px}.brand .robot-mark{width:56px;height:56px}.agent-toggle{gap:0}.agent-toggle-ring{width:36px;height:36px}.agent-toggle .sprite-mark{width:22px;height:22px}.agent-toggle-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chart-intro{padding-top:4px}.what,.tagline{font-size:12px;line-height:1.3}.card-dock{padding:8px var(--margin) 10px}.card{gap:8px;padding:10px 12px}.card-head{gap:8px}.card-head .glyph{width:36px;height:36px;font-size:22px}.card-name{font-size:16px}.card-trap{display:none}.card-state{padding:5px 8px;font-size:11px}.card-tab{min-height:30px;font-size:12px}.card-screen,.card-diff{min-height:84px;max-height:220px;padding:8px 10px;font-size:13px}.card-screen .letter-list{max-height:110px}.card-line{font-size:13px}.card-where{display:none}.tally>div{grid-template-columns:48px minmax(0,1fr)}.tally dd{font-size:30px}}.station{background:var(--room);min-height:100svh;color:var(--on-room)}.station main{max-width:1320px;padding:0 var(--margin) 80px;margin:0 auto}.station-head{grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:24px 0 32px;display:grid}.station-head .display{font-size:clamp(40px,5vw,64px)}.station-meta{font:600 15px / 1.3 var(--text);color:var(--on-room-2);margin-top:10px}.station-trap{max-width:62ch;margin-top:6px;font-size:17px;line-height:1.45}.lens-glyph{aspect-ratio:1;background:var(--panel);width:clamp(120px,14vw,180px);color:var(--ink);font:700 clamp(80px, 9.5vw, 126px) / 1 var(--text);outline:0 solid var(--sky);outline-offset:-8px;transition:outline-width .24s var(--ease);place-items:center;display:inline-grid;position:relative}.lens-glyph>span{grid-area:1/1}.lens-glyph-ghost{opacity:0;transition:transform .7s var(--spring), opacity .4s var(--ease);transform:translate(0)}.lens-glyph[data-ghost=apart] .lens-glyph-ghost{opacity:.42;transform:translate(.06em)}.lens-glyph[data-outline=lens]{outline-width:6px}.lens-glyph--unread .lens-glyph-base{color:var(--blocked-ink)}.lens-glyph--blocked{background:repeating-linear-gradient(-45deg, transparent 0 9px, var(--blocked-ink) 9px 11px), var(--panel)}.lens-glyph--blocked .lens-glyph-base{color:#0e182259}.lens-glyph--read{box-shadow:inset 0 -8px 0 var(--lamp)}.lens-glyph[data-mark=tick]{background:var(--panel)}.lens-glyph[data-mark=tick] .lens-glyph-base{color:var(--ink)}.lens-glyph-mark{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lens-glyph-mark path{stroke-width:9px;vector-effect:non-scaling-stroke}.lens-glyph-mark .lens-glyph-key{stroke:var(--ink);stroke-width:13px}.lens-glyph-mark g{opacity:0;transition:opacity .26s var(--ease)}.lens-glyph-slash{stroke:var(--accent)}.lens-glyph-tick{stroke:var(--sky)}.lens-glyph[data-mark=slash] .lens-glyph-slash,.lens-glyph[data-mark=tick] .lens-glyph-tick{opacity:1}.pane-switch{gap:4px;margin-bottom:16px;display:inline-flex}.pane-switch button{background:var(--room-3);min-width:96px;min-height:40px;color:var(--on-room);font:600 14px / 1 var(--text);cursor:pointer;border:0;padding:0 20px}.pane-switch button:hover{background:#27405a}.pane-switch button[aria-pressed=true]{background:var(--panel);color:var(--ink)}.twins{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.twin-column{background:var(--room-2);flex-direction:column;gap:14px;padding:20px;display:flex}.twin-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.twin-head h2{font:700 20px / 1.2 var(--text)}.twin-head h3{font:600 15px / 1.2 var(--text)}.twin-head a,.station-steps a{color:var(--sky);text-underline-offset:4px;font-weight:500}.twin-column--broken .twin-head h2{color:#ff8a5c}.twin-column--lens .twin-head h2{color:var(--sky)}.twin-note{max-width:56ch;color:var(--on-room-2);font-size:15px;line-height:1.5}.twin-frame{background:#0b1020;border:0;width:100%;height:300px;display:block}.reading{gap:14px;display:grid}.reading-facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:6px 32px;display:grid}.reading-facts dt{color:var(--on-room-2);font-size:12px}.reading-facts dd{font:600 17px / 1.3 var(--text)}.reading-facts .judgement{color:var(--on-room);background:#2a4258;padding:1px 8px;display:inline-block}.reading-facts dd.judgement--misread{background:var(--accent);color:var(--ink)}.reading-facts dd.judgement--read{background:var(--lamp);color:var(--ink)}.reading-facts dd.judgement--blocked{background:var(--blocked);color:var(--ink)}.reason blockquote{background:var(--room-3);white-space:pre-wrap;padding:14px 18px;font-size:14px;line-height:1.5}.reason figcaption{color:var(--on-room-2);margin-top:6px;font-size:12px}.shot{color:var(--on-room-2);cursor:zoom-in;background:0 0;border:0;justify-items:start;gap:6px;padding:0;display:grid}.shot img{max-width:min(100%,420px);height:auto;display:block}.shot-hint{font-size:12px}.shot-zoom{z-index:1200;cursor:zoom-out;background:#04070beb;align-content:center;place-items:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.shot-zoom img{cursor:default;max-width:min(100%,1280px);max-height:calc(100svh - 120px)}.shot-zoom-bar{align-items:center;gap:16px;display:flex}.shot-zoom-bar a{color:var(--sky)}.lens{background:var(--room-2);margin-top:24px;padding:32px 32px 48px}.lens-title{font:700 22px / 1.2 var(--text)}.lens-summary{max-width:62ch;color:var(--on-room-2);margin-top:10px;font-size:16px;line-height:1.5}.lens-none{color:var(--on-room-2);font-size:17px}.diff{font:400 13px / 1.6 var(--code);background:#0a121a;margin:0;padding:16px 0;overflow-x:auto}.diff code{min-width:max-content;display:block}.diff-line{padding:0 16px;display:block}.diff-line--add{color:#cfe7fb;background:#6bb4ee2e}.diff-line--del{color:#ffc7b0;background:#ff5a1f29}.diff-line--hunk,.diff-line--file{color:var(--on-room-2)}.explode{margin-top:28px}.explode-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.explode-equation{font:600 15px / 1.4 var(--text);color:var(--on-room-2)}.explode-equation span{color:var(--sky);padding:0 6px}.explode-toggle{background:var(--room-3);min-height:36px;color:var(--on-room);font:600 13px / 1 var(--text);cursor:pointer;border:0;padding:0 16px}.explode-toggle:hover{background:#27405a}.explode-plates{perspective:1400px;align-items:flex-start;margin-top:20px;display:flex}.plate{background:var(--room);transform-origin:50%;min-width:0;transition:transform .7s var(--spring), opacity .4s var(--ease);flex:1 1 0;padding:18px}.plate--lens{background:#0a121a;flex-grow:1.7}.plate-label{font:600 13px / 1.3 var(--text);color:var(--on-room-2);margin-bottom:10px}.plate--after .twin-head{align-items:baseline}.plate-verdict{font:600 17px / 1.3 var(--text)}.plate .judgement--misread{color:#ff8a5c}.plate .diff{padding:10px 0;font-size:12px}.plate .diff code{min-width:0}.plate .diff-line{white-space:pre-wrap;word-break:break-word}.plate .reading-facts{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px 14px}.plate .reading-facts dd{font-size:16px}.plate img,.plate .reason{max-width:100%}.plate-joint{text-align:center;width:40px;font:400 30px / 1 var(--text);color:var(--sky);transition:opacity .4s var(--ease);flex:none;align-self:center}.explode[data-open=false] .plate{opacity:.85;transform:rotateY(-38deg)}.explode[data-open=false] .plate+.plate-joint{opacity:0}.explode[data-open=false] .plate--lens{transform:translate(calc(-40px - 30%))rotateY(-38deg)}.explode[data-open=false] .plate--after{transform:translate(calc(-80px - 90%))rotateY(-38deg)}.station-steps{justify-content:space-between;margin-top:32px;font-size:17px;display:flex}@media (width<=860px){.station .wordmark-text{display:none}.station-head{grid-template-columns:1fr;gap:16px;padding:16px 0 24px}.station-head .display{font-size:40px}.lens-glyph{width:112px;font-size:76px}.pane-switch{display:flex}.pane-switch button{flex:1;min-width:0}.twins{grid-template-columns:1fr}.twin-column:not([data-active]){display:none}.twin-column{padding:14px}.twin-frame{height:300px}.reading-facts{grid-template-columns:repeat(2,auto);gap:6px 20px}.lens{margin-left:calc(-1 * var(--margin));margin-right:calc(-1 * var(--margin));padding:20px 14px 32px}.explode-plates{flex-direction:column;align-items:stretch}.plate-joint{width:auto;padding:8px 0}.explode[data-open=false] .plate{transform:none}.explode-toggle{display:none}.topbar{padding-left:var(--margin);padding-right:var(--margin);gap:8px}.topbar-start{gap:12px}.topbar-actions{gap:4px}}.about-scrim{z-index:1100;background:#04070b99;justify-content:flex-end;display:flex;position:fixed;inset:0}.about{background:var(--panel);width:min(560px,100%);height:100%;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-align:left;flex-direction:column;gap:14px;padding:36px 40px 48px;font-size:15px;line-height:1.5;display:flex;overflow-y:auto}.about .display{outline:none;margin-bottom:8px;font-size:clamp(32px,4vw,48px)}.about h3{font:700 17px / 1.2 var(--text);margin-top:8px}.about p{max-width:52ch}.about a{color:#1c6aa8}.about .button{align-self:flex-start;margin-top:16px}.about-key{gap:10px;display:grid}.about-key li{grid-template-columns:44px 1fr;align-items:center;gap:14px;max-width:52ch;display:grid}@media (prefers-reduced-motion:no-preference){.about{animation:slide .32s var(--ease) both}}@keyframes slide{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@media (width<=860px){.about{padding:24px var(--margin) 40px}}.plain{min-height:100svh;padding:var(--margin);align-content:center;justify-items:start;gap:32px;display:grid}.plain .display{font-size:clamp(56px,10vw,140px)}:root[data-view=robot] body{background:var(--void)}:root[data-view=robot] .app,:root[data-view=robot] .app *{color:#0000;box-shadow:none!important;-webkit-text-stroke-color:transparent!important;background:0 0!important;border-color:#0000!important;text-decoration-color:#0000!important}:root[data-view=robot] .app iframe,:root[data-view=robot] .app img{opacity:0}:root[data-view=robot] .app .stage{filter:grayscale();opacity:.14!important}:root[data-view=robot] .app [data-sensed]{color:var(--robot-text);animation:.26s ease-out both sensed;animation-delay:var(--appear,0s)}:root[data-view=robot] .app [data-sensed] *{color:inherit}:root[data-view=robot] .app [data-sensed] [aria-hidden=true]{color:#0000}@keyframes sensed{0%{color:#0000}to{color:var(--robot-text)}}.retina{z-index:1000;pointer-events:none;color:var(--robot-text);position:fixed;inset:0}.event-field{width:100vw;height:100vh;image-rendering:pixelated;position:fixed;inset:0}.scanline{opacity:0;background:#fff;height:2px;animation:.88s ease-in-out .42s both scan;position:fixed;top:0;left:0;right:0}@keyframes scan{0%{opacity:1;transform:translateY(0)}95%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.retina-panel{width:100vw;padding:10px var(--margin);text-align:left;pointer-events:none;background:#05080c;flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex;position:fixed;bottom:0;left:0}:root[data-page=chart] .retina-panel{width:calc(100vw - var(--col))}.retina-count{max-width:100%;font:600 14px / 1.3 var(--text);color:var(--robot-text);font-variant-numeric:tabular-nums;animation:type .7s steps(var(--chars,40)) 1.3s both;flex:280px}@keyframes type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.retina-caption{font:400 11px / 1.4 var(--text);color:var(--robot-text);opacity:.7;flex-basis:100%;order:3}.retina-actions{pointer-events:auto;flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.retina .button--quiet{min-height:28px;padding:0 10px;font-size:12px}.retina .button--quiet[aria-pressed=true]{background:var(--sky);color:var(--ink)}.shutter{z-index:1100;pointer-events:none;position:fixed;inset:0}.shutter span{background:var(--void);height:50.5vh;position:absolute;left:0;right:0}.shutter span:first-child{transform-origin:top;top:0}.shutter span:last-child{transform-origin:bottom;bottom:0}.shutter--closing span{animation:.18s cubic-bezier(.7,0,.2,1) both shut}.shutter--opening span{animation:.24s cubic-bezier(.7,0,.2,1) reverse both shut}@keyframes shut{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width<=860px){:root[data-page=chart] .retina-panel{width:100vw}.retina-panel{padding:8px var(--margin)}.retina-caption{display:none}}:root[data-motion=paused] .retina-count,:root[data-motion=paused] .app [data-sensed],:root[data-motion=paused] .robot-mark *{animation:none}:root[data-motion=paused] .plate,:root[data-motion=paused] .plate-joint,:root[data-motion=paused] .lens-glyph-ghost,:root[data-motion=paused] .dial-knob{transition:none}:root[data-motion=paused] .card,:root[data-motion=paused] .card-screen,:root[data-motion=paused] .card-diff{animation:none}@media (prefers-reduced-motion:reduce){.robot-mark *,.about,.card,.card-screen,.card-diff{animation:none}.plate,.plate-joint,.lens-glyph-ghost,.dial-knob,.chart-key--placed .chart-key-tip{transition:none}}