:root{color-scheme:light dark;--color-paper: oklch(92.6% .007 68);--color-paper-2: oklch(94.6% .006 68);--color-paper-3: oklch(89.5% .009 66);--color-rule: oklch(79% .011 60);--color-rule-strong: oklch(70% .013 58);--color-rule-2: oklch(86.5% .009 65);--color-muted: oklch(48% .012 50);--color-neutral: oklch(38% .013 45);--color-ink-2: oklch(30% .015 45);--color-ink: oklch(23% .014 45);--color-accent: oklch(53% .18 29);--color-accent-deep: oklch(46% .165 30);--color-accent-ink: oklch(97.6% .005 70);--color-accent-soft: color-mix(in oklab, var(--color-accent) 12%, transparent);--color-focus: oklch(23% .014 45);--color-plate: oklch(99.2% .002 85);--color-plate-ink: oklch(23% .013 50);--color-plate-ink-2: oklch(40% .012 48);--color-plate-mute: oklch(52% .011 50);--color-plate-rule: oklch(84% .006 70);--color-plate-hair: oklch(90% .004 70);--plate-filter: none;--font-display: "Archivo", ui-sans-serif, system-ui, sans-serif;--font-body: "Newsreader", ui-serif, Charter, Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--weight-display: 800;--weight-label: 600;--weight-medium: 500;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: clamp(1.25rem, .9rem + 1.2vw, 1.625rem);--text-2xl: clamp(1.5rem, 1.05rem + 1.6vw, 2.25rem);--lh-display: .86;--lh-tight: 1.08;--lh-body: 1.55;--lh-read: 1.6;--tracking-display: -.045em;--tracking-tight: -.018em;--tracking-label: .09em;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--canvas-pad: clamp(1rem, 2.2vw, 2.25rem);--cell-gap: clamp(1.25rem, 2.6vw, 2.75rem);--plate-h: min(72cqh, 37.5cqw );--plate-w: calc(var(--plate-h) * 4 / 3);--caption-h: 3.6rem;--notes-w: calc(clamp(11.5rem, 16.5cqw, 15rem) + var(--cell-gap));--gutter: clamp(1.25rem, 2.2cqw, 2rem);--control-h: 2.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .2s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-leader: 20;--z-rail: 200}@media(prefers-color-scheme:dark){:root{--color-paper: oklch(19.5% .012 55);--color-paper-2: oklch(23% .012 55);--color-paper-3: oklch(27% .012 55);--color-rule: oklch(37% .012 55);--color-rule-strong: oklch(47% .014 55);--color-rule-2: oklch(30% .012 55);--color-muted: oklch(66% .011 58);--color-neutral: oklch(78% .01 60);--color-ink-2: oklch(85% .009 65);--color-ink: oklch(93% .008 70);--color-accent: oklch(66% .165 32);--color-accent-deep: oklch(62% .17 32);--color-accent-ink: oklch(17% .02 40);--color-focus: oklch(93% .008 70);--color-plate: oklch(91% .005 78);--color-plate-ink: oklch(26% .013 50);--color-plate-ink-2: oklch(40% .012 48);--color-plate-mute: oklch(50% .011 50);--color-plate-rule: oklch(78% .007 72);--color-plate-hair: oklch(84% .005 72);--plate-filter: brightness(.945) contrast(1.02)}}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-var-latin.woff2) format("woff2")}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-var-latin.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexmono-400-latin.woff2) format("woff2")}*{box-sizing:border-box}html{background:var(--color-paper)}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-optical-sizing:auto;font-size:var(--text-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}button,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--color-rule);transition:text-decoration-color var(--dur-micro) var(--ease-out)}a:hover{text-decoration-color:var(--color-accent)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);line-height:1.2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;height:100dvh;overflow:clip}.canvas{position:relative;flex:1 1 auto;min-height:0;overflow:clip}.canvas.is-pannable{cursor:grab;touch-action:none}.canvas.is-dragging{cursor:grabbing}.canvas-world{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;transform-origin:0 0}.canvas-controls{position:absolute;inset-inline-end:var(--canvas-pad);inset-block-end:var(--canvas-pad);display:flex;gap:var(--space-xs);z-index:var(--z-raised)}.btn-chip{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:0;padding:.3rem .6rem;cursor:pointer}.btn-chip:hover{border-color:var(--color-ink)}.cell{position:absolute;display:flex;flex-direction:column}.cell.is-solo{inset-inline-end:var(--canvas-pad);inset-block-start:50%;translate:0 -50%;width:var(--plate-w)}.plate{position:relative;width:100%;aspect-ratio:4 / 3;container-type:size;background:var(--color-plate);color:var(--color-plate-ink);border:1px solid var(--color-plate-rule);overflow:clip}.plate img{width:100%;height:100%;object-fit:contain;filter:var(--plate-filter);animation:fade-in .55s var(--ease-out) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.plate-tick{position:absolute;inset-inline-start:1.6cqh;width:1.1cqh;height:1.1cqh;background:var(--color-accent);top:4.5cqh;z-index:var(--z-raised);transition:top var(--dur-long) var(--ease-out)}.plate[data-step="2"] .plate-tick{top:calc(50% - .55cqh)}.plate[data-step="3"] .plate-tick{top:calc(100% - 5.6cqh)}.plate-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:4cqh;padding:6cqh 7cqh;animation:fade-in var(--dur-long) var(--ease-out) both}.plate-word{font-family:var(--font-display);font-size:11cqh;font-weight:var(--weight-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-transform:lowercase;color:var(--color-plate-ink)}.plate-lede{max-width:26ch;font-size:4.4cqh;line-height:1.26;letter-spacing:var(--tracking-tight);color:var(--color-plate-ink-2)}.period{display:inline-block;width:.2em;height:.2em;margin-inline-start:.1em;background:var(--color-accent);vertical-align:baseline}.plate-manifest{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:3cqh;padding:6cqh 7cqh}.plate-manifest .label{font-size:2.4cqh;color:var(--color-plate-mute)}.plate-manifest ol{margin:0;padding:0;list-style:none;counter-reset:manifest;display:grid;gap:1.4cqh;font-family:var(--font-mono);font-size:3.4cqh;line-height:1.3;color:var(--color-plate-ink)}.plate-manifest li{counter-increment:manifest;display:grid;grid-template-columns:5.5cqh minmax(0,1fr);animation:rise-in .35s var(--ease-out) both}.plate-manifest li:before{content:counter(manifest,decimal-leading-zero);font-family:var(--font-display);font-size:2.2cqh;font-weight:var(--weight-label);letter-spacing:var(--tracking-label);padding-block-start:.35em;color:var(--color-accent-deep)}.plate-progress{position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left center;animation:plate-progress 9s linear forwards}@keyframes plate-progress{to{transform:scaleX(1)}}.plate-trouble{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;padding:6cqh 7cqh;font-size:3.4cqh;line-height:1.5;color:var(--color-plate-ink-2);box-shadow:inset 2px 0 0 var(--color-accent)}.cell-caption{margin:0;min-height:var(--caption-h);padding-block-start:var(--space-sm);max-width:34ch;font-family:var(--font-body);font-size:var(--text-2xl);font-weight:600;line-height:1.04;letter-spacing:-.022em;text-transform:lowercase;text-wrap:balance;animation:fade-in var(--dur-long) var(--ease-out) both}.matter{position:absolute;inset-block:var(--canvas-pad);inset-inline-start:var(--canvas-pad);inset-inline-end:calc(var(--canvas-pad) + var(--plate-w));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent}.matter-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--notes-w);gap:0;min-height:100%}.matter-source{display:flex;flex-direction:column;min-width:0;padding-inline-end:var(--gutter);border-inline-end:1px solid var(--color-rule)}.matter-notes{position:relative;min-width:0;padding-inline-start:var(--gutter);padding-inline-end:var(--cell-gap)}.notes-head{margin:0 0 var(--space-md)}.compose-field{display:block;width:100%;flex:1 1 auto;min-height:10rem;resize:none;padding:var(--space-md) var(--space-md);background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule-strong);outline:2px solid transparent;outline-offset:2px;border-radius:0;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--lh-read);transition:border-color var(--dur-micro) var(--ease-out)}.compose-field::placeholder{color:var(--color-muted);opacity:1}@media(hover:hover){.compose-field:hover:not(:disabled){border-color:var(--color-ink-2)}}.compose-field:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.compose-field:disabled{opacity:.55;cursor:not-allowed}.helper{margin:var(--space-sm) 0 0;min-height:2lh;font-size:var(--text-base);line-height:1.5;color:var(--color-muted)}.helper.is-warn{color:var(--color-accent-deep)}.trouble{margin:var(--space-sm) 0 0;padding-inline-start:var(--space-md);border-inline-start:2px solid var(--color-accent);font-size:var(--text-base);line-height:1.6;color:var(--color-neutral)}.aside-note{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--color-neutral)}.egs{margin-block-start:var(--space-lg);padding-block-start:var(--space-md);border-block-start:1px solid var(--color-rule)}.eg-list{display:grid;gap:1px}.eg{display:grid;grid-template-columns:.625rem minmax(0,1fr);gap:0 var(--space-xs);align-items:start;width:100%;text-align:start;margin-inline-start:-.4rem;padding:.2rem .4rem;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.35;color:var(--color-neutral);transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.eg-mark{width:.625rem;height:.625rem;margin-block-start:.38em;border:1px solid var(--color-rule);background:transparent;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}@media(hover:hover){.eg:hover:not(:disabled){color:var(--color-ink)}.eg:hover:not(:disabled) .eg-mark{border-color:var(--color-ink-2)}}.eg:active:not(:disabled){transform:translateY(1px)}.eg[aria-pressed=true]{color:var(--color-ink);background:var(--color-paper-3)}.eg[aria-pressed=true] .eg-mark{background:var(--color-accent);border-color:var(--color-accent)}.eg:disabled{opacity:.55;cursor:not-allowed}.source-text{position:relative;margin:0;font-size:var(--text-md);line-height:var(--lh-read);white-space:pre-wrap;transition:color var(--dur-long) var(--ease-out)}.source-text.is-reading{color:var(--color-muted)}.anchor{background:none;color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;animation:anchor-in .5s var(--ease-out) forwards;transition:background-color var(--dur-micro) var(--ease-out),text-decoration-color var(--dur-micro) var(--ease-out)}@keyframes anchor-in{to{text-decoration-color:var(--color-muted)}}.anchor.is-hot{background-color:var(--color-accent-soft);text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.sweep{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;overflow:clip;pointer-events:none}.sweep-line{position:absolute;top:0;left:-.5rem;right:-.5rem;height:1px;background:var(--color-accent);animation:sweep-down 1.7s var(--ease-in-out) infinite}.sweep-line:after{content:"";position:absolute;inset-inline:0;bottom:0;height:2.25rem;background:linear-gradient(to top,var(--color-accent-soft),transparent)}@keyframes sweep-down{0%{transform:translateY(0);opacity:0}14%{opacity:1}86%{opacity:1}to{transform:translateY(100cqh);opacity:0}}.note{position:relative;display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:0 var(--space-xs);padding-block:var(--space-sm) var(--space-md);border-block-end:1px solid var(--color-rule-2);animation:rise-in .45s var(--ease-out) both}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.note:before{content:"";position:absolute;inset-block:0;inset-inline-start:-.55rem;width:2px;background:transparent;transition:background-color var(--dur-micro) var(--ease-out)}.note.is-hot:before{background:var(--color-accent)}.note-num{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-label);letter-spacing:var(--tracking-label);font-variant-numeric:tabular-nums;color:var(--color-muted);padding-block-start:.42em;transition:color var(--dur-micro) var(--ease-out)}.note.is-hot .note-num{color:var(--color-accent-deep)}.note-body{min-width:0}.note-gloss{margin:0;font-size:var(--text-base);line-height:1.24;letter-spacing:var(--tracking-tight)}.note-quote{margin:0 0 .35em;font-size:var(--text-base);line-height:1.45;color:var(--color-muted)}.note-cands{margin-block-start:var(--space-xs);display:grid;gap:1px}.cand{display:grid;grid-template-columns:.625rem minmax(0,1fr);gap:0 var(--space-xs);align-items:start;width:100%;text-align:start;margin-inline-start:-.4rem;padding:.12rem .4rem;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.35;color:var(--color-neutral);transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.cand-mark{width:.625rem;height:.625rem;margin-block-start:.32em;border:1px solid var(--color-rule);background:transparent;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}@media(hover:hover){.cand:hover:not(:disabled){color:var(--color-ink)}.cand:hover:not(:disabled) .cand-mark{border-color:var(--color-ink-2)}}.cand:active:not(:disabled){transform:translateY(1px)}.cand[aria-pressed=true]{color:var(--color-ink);background:var(--color-paper-3)}.cand[aria-pressed=true] .cand-mark{background:var(--color-accent);border-color:var(--color-accent)}.cand:disabled{cursor:default}.cand.is-locked{opacity:.55;cursor:not-allowed}.leader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:var(--z-leader)}.leader path{fill:none;stroke:var(--color-accent);stroke-width:1}.leader rect{fill:var(--color-accent)}.colophon{margin:auto 0 0;padding-block-start:var(--space-lg);font-size:var(--text-base);line-height:1.5;color:var(--color-muted)}.rail{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);z-index:var(--z-rail);padding:var(--space-sm) var(--canvas-pad);padding-block-end:max(var(--space-sm),env(safe-area-inset-bottom));background:var(--color-paper);border-block-start:2px solid var(--color-ink)}.wordmark{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-display);line-height:1;letter-spacing:-.03em;text-transform:lowercase;white-space:nowrap}.rail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg)}.readout{margin:0;margin-inline-start:auto;font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-muted);white-space:nowrap}.readout.is-live,.readout.is-over{color:var(--color-accent-deep)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding-inline:clamp(.9rem,1.8vw,1.35rem);background:var(--color-ink);color:var(--color-paper);border:1px solid var(--color-ink);border-radius:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-label);letter-spacing:.005em;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}@media(hover:hover){.btn:hover:not(:disabled){background:var(--color-accent-deep);border-color:var(--color-accent-deep);color:var(--color-accent-ink)}}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-paper-3);border-color:var(--color-rule);color:var(--color-muted);cursor:not-allowed;opacity:.75}.btn-quiet{display:inline-flex;align-items:center;min-height:var(--control-h);padding:0;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;color:var(--color-neutral);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--color-rule);transition:color var(--dur-micro) var(--ease-out),text-decoration-color var(--dur-micro) var(--ease-out)}@media(hover:hover){.btn-quiet:hover:not(:disabled){color:var(--color-ink);text-decoration-color:var(--color-accent)}}.btn-quiet:active:not(:disabled){transform:translateY(1px)}.btn-quiet:disabled{color:var(--color-muted);cursor:not-allowed;opacity:.6;text-decoration-color:transparent}@media(min-width:62rem){.note:after{content:"";position:absolute;inset-block-start:1.15rem;inset-inline-end:calc(var(--cell-gap) * -1);width:var(--cell-gap);height:1px;background:var(--color-rule);transition:background-color var(--dur-micro) var(--ease-out)}.note.is-hot:after{background:var(--color-accent)}.note{position:absolute;inset-inline:var(--gutter) var(--cell-gap);border-block-end:0;padding-block:0}.note-quote{display:none}}@media(max-width:61.9375rem){.app{height:auto;min-height:100dvh;overflow:visible}.canvas{display:flex;flex-direction:column;overflow:visible}.canvas-world{position:static;container-type:normal;display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--canvas-pad)}.cell,.cell.is-solo{position:static;width:100%;translate:none;order:-1}.plate-word{font-size:clamp(2rem,9vw,3.25rem)}.plate-lede{font-size:clamp(1rem,3.4vw,1.25rem)}.plate-manifest .label{font-size:var(--text-xs)}.plate-manifest ol{font-size:var(--text-base);gap:.5em}.plate-manifest li{grid-template-columns:2.2rem minmax(0,1fr)}.plate-manifest li:before{font-size:var(--text-2xs)}.plate-trouble{font-size:var(--text-base);padding:var(--space-lg)}.plate-mark,.plate-manifest{padding:var(--space-lg);gap:var(--space-md)}.plate-tick{inset-inline-start:.6rem;width:.45rem;height:.45rem;top:1.1rem}.plate[data-step="2"] .plate-tick{top:calc(50% - .225rem)}.plate[data-step="3"] .plate-tick{top:calc(100% - 1.55rem)}.cell-caption{min-height:0;font-size:var(--text-lg)}.matter{position:static;overflow:visible}.matter-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.matter-source{padding-inline-end:0;border-inline-end:0}.matter-notes{height:auto!important;padding-inline:0;border-block-start:1px solid var(--color-rule);padding-block-start:var(--space-md)}.note{position:static!important;top:auto!important;visibility:visible!important}.compose-field{min-height:40vh;resize:vertical}.leader{display:none}.rail{position:sticky;bottom:0}.readout{margin-inline-start:0}}@media(max-width:38rem){.note{grid-template-columns:1.6rem minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.plate-progress{animation:plate-progress 9s linear forwards!important}.sweep{display:none}}