:root{--paper:#f1e9d9;--paper-deep:#ebe2cf;--paper-shade:#e3d8bf;--ink:#1a1714;--ink-soft:#423a32;--ink-mute:#756a5b;--rule:#cdbfa3;--rule-soft:#ddd1b6;--rust:#b8431f;--rust-deep:#8c2f12;--rust-soft:#b8431f24;--sage:#5e6f4e;--ochre:#c98a2a;--serif-display:"Instrument Serif", "Times New Roman", serif;--serif-body:"Newsreader", "Iowan Old Style", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font:17px/1.55 var(--serif-body);color:var(--ink-soft);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:oldstyle-nums}@media (prefers-color-scheme:dark){:root{--paper:#1a1612;--paper-deep:#15110d;--paper-shade:#211c16;--ink:#f1e7d4;--ink-soft:#c8bca5;--ink-mute:#897e6a;--rule:#3a3127;--rule-soft:#2a221a;--rust:#e07a52;--rust-deep:#c2592e;--rust-soft:#e07a5229;--sage:#94a37e;--ochre:#d9a153}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);background-image:radial-gradient(1200px 600px at 12% -10%,#b8431f12,#0000 60%),radial-gradient(900px 600px at 110% 110%,#5e6f4e14,#0000 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.18'/></svg>");background-attachment:fixed;position:relative}#root{min-height:100svh}h1,h2,h3,p{margin:0}::selection{background:var(--rust);color:var(--paper)}.paper{grid-template-rows:auto auto 1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.grain{pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.07'/></svg>");position:fixed;inset:0}.paper>*{z-index:2;position:relative}.masthead{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:26px 48px 18px;display:grid}.masthead-left,.masthead-right{align-items:center;gap:14px;display:flex}.masthead-right{justify-content:flex-end}.rule-tiny{background:var(--ink);opacity:.55;width:28px;height:1px;display:inline-block}.kicker{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px;font-weight:500}.kicker.dim{color:var(--ink-mute)}.kicker.mono{letter-spacing:.12em}.wordmark{font-family:var(--serif-display);letter-spacing:.02em;color:var(--ink);font-size:30px;font-weight:400;line-height:1}.wordmark em{color:var(--rust);margin:0 1px;font-style:italic}.hairline{background:linear-gradient(90deg, transparent, var(--ink) 12%, var(--ink) 88%, transparent);opacity:.45;height:1px;margin:0 36px}.stage{justify-content:center;align-items:center;padding:56px 32px 64px;display:flex}.intro{width:100%;max-width:980px;animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.intro-grid{grid-template-columns:180px 1fr;align-items:start;gap:56px;display:grid}.margin-note{border-top:1px solid var(--rule);flex-direction:column;gap:10px;padding-top:14px;display:flex;position:relative}.intro-body{border-left:1px solid var(--rule);padding-left:36px;position:relative}.display{font-family:var(--serif-display);letter-spacing:-.012em;color:var(--ink);text-wrap:balance;margin:0 0 28px;font-size:clamp(48px,7vw,92px);font-weight:400;line-height:.98}.display em{color:var(--rust);font-style:italic}.display.small{margin:6px 0 0;font-size:clamp(36px,4.5vw,56px)}.full-stop{color:var(--rust)}.lede{font-family:var(--serif-body);color:var(--ink-soft);font-variation-settings:"opsz" 14;max-width:56ch;margin:0 0 36px;font-size:20px;font-weight:400;line-height:1.55}.btn-primary,.btn-secondary,.btn-rec{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 0 var(--rust), inset 0 0 0 1px var(--ink);border-radius:0;align-items:center;gap:14px;padding:18px 24px;transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s;display:inline-flex;position:relative}.btn-primary:hover:not(:disabled){box-shadow:6px 6px 0 0 var(--rust), inset 0 0 0 1px var(--ink);transform:translate(-2px,-2px)}.btn-primary:active:not(:disabled){box-shadow:0 0 0 0 var(--rust), inset 0 0 0 1px var(--ink);transform:translate(2px,2px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-rec:focus-visible{outline:2px solid var(--rust);outline-offset:4px}.arrow{font-family:var(--serif-display);letter-spacing:0;font-size:22px;line-height:1;transition:transform .22s;display:inline-block}.btn-primary:hover .arrow{transform:translate(4px)}.btn-secondary{border:1px solid var(--ink);color:var(--ink);background:0 0;align-self:flex-start;align-items:center;gap:12px;padding:14px 22px;transition:background .18s,color .18s;display:inline-flex}.btn-secondary:hover{background:var(--ink);color:var(--paper)}.arrow.flip{font-family:var(--mono);font-size:14px}.footnote{font-family:var(--serif-body);color:var(--ink-mute);margin:24px 0 0;font-size:14px;font-style:italic}.footnote.center{text-align:center}.dagger{color:var(--rust);font-style:normal}.qcard,.result{background:var(--paper-deep);border:1px solid var(--rule);width:100%;max-width:920px;box-shadow:0 1px 0 var(--paper-shade), 0 30px 60px -40px #1a171459;padding:56px 56px 52px;animation:.6s cubic-bezier(.2,.7,.2,1) both rise;position:relative}.qcard:before,.qcard:after,.result:before,.result:after{content:"";border:1px solid var(--ink);opacity:.7;width:18px;height:18px;position:absolute}.qcard:before,.result:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.qcard:after,.result:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.qcard-grid{grid-template-columns:140px 1fr;align-items:start;gap:48px;display:grid}.folio{flex-direction:column;align-items:flex-start;gap:10px;padding-top:6px;display:flex;position:relative}.folio-num{font-family:var(--serif-display);color:var(--ink);font-feature-settings:"lnum" 0;font-size:92px;line-height:.85}.folio-of{font-family:var(--serif-display);color:var(--ink-mute);font-size:24px;font-style:italic}.folio-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rust);border:1px solid var(--rust);margin-top:4px;padding:3px 8px;font-size:10px}.folio-rail{border-top:1px solid var(--rule);flex-direction:column;gap:6px;width:100%;margin-top:18px;padding-top:16px;display:flex}.tick{background:var(--rule);width:22px;height:1px;transition:width .36s cubic-bezier(.2,.7,.2,1),background .24s;display:block}.tick.active{background:var(--rust);width:56px;height:2px}.tick.done{background:var(--ink);width:32px}.qcard-body{flex-direction:column;gap:28px;min-height:240px;display:flex}.prompt{font-family:var(--serif-display);letter-spacing:-.005em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(34px,4.6vw,52px);font-weight:400;line-height:1.08;position:relative}.prompt.center{text-align:center}.open-quote,.close-quote{color:var(--rust);margin:0 2px;font-style:italic}.open-quote{margin-left:-8px}.record-area{align-items:center;min-height:96px;padding:4px 0;display:flex}.btn-rec{background:var(--paper);border:1px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 0 var(--ink);align-items:center;gap:18px;padding:14px 22px 14px 14px;transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s,box-shadow .2s;display:inline-flex}.btn-rec:hover:not(:disabled){box-shadow:4px 4px 0 0 var(--ink);background:var(--paper-shade);transform:translate(-1px,-1px)}.btn-rec:disabled{opacity:.45;cursor:not-allowed}.btn-rec-label{align-items:center;gap:6px;display:inline-flex}.btn-rec.recording{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 0 var(--rust)}.btn-rec.recording:hover{box-shadow:4px 4px 0 0 var(--rust)}.orb{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.orb-dot{background:var(--rust);width:12px;height:12px;box-shadow:0 0 0 4px var(--rust-soft);border-radius:50%}.orb.pulsing .orb-square{background:var(--rust);border-radius:1px;width:11px;height:11px}.orb.pulsing .orb-ring{border:1.5px solid var(--rust);opacity:0;border-radius:50%;animation:1.6s cubic-bezier(.2,.7,.2,1) infinite pulse;position:absolute;inset:4px}.orb.pulsing .orb-ring.delay{animation-delay:.8s}@keyframes pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.thinking{align-items:center;gap:10px;display:inline-flex}.thinking-dot{background:var(--ink);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bob}.thinking-dot:nth-child(2){animation-delay:.15s}.thinking-dot:nth-child(3){animation-delay:.3s}.thinking-text{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-left:4px;font-size:12px}@keyframes bob{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.status{font-family:var(--serif-body);color:var(--ink-mute);margin:0;font-size:15px;font-style:italic}.status.center{text-align:center}.error{font-family:var(--serif-body);color:var(--rust-deep);border-left:2px solid var(--rust);margin:0;padding-left:14px;font-size:15px;font-style:italic}.analyzing{flex-direction:column;align-items:center;gap:22px;padding:36px 0 18px;display:flex}.analyzing-orb{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.analyzing-orb span{border:1px solid var(--rust);opacity:0;border-radius:50%;animation:2.4s cubic-bezier(.2,.7,.2,1) infinite ripple;position:absolute;inset:0}.analyzing-orb span:nth-child(2){animation-delay:.8s}.analyzing-orb span:nth-child(3){animation-delay:1.6s}@keyframes ripple{0%{opacity:.9;border-color:var(--rust);transform:scale(.4)}60%{opacity:.4}to{opacity:0;transform:scale(1.4)}}.result{flex-direction:column;gap:36px;display:flex}.result-head{flex-direction:column;gap:6px;display:flex}.result-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:1fr 1px 1fr;gap:0;display:grid}.result-grid:after{content:""}.result-cell{grid-template-rows:auto auto auto;align-content:start;gap:8px;padding:32px 28px 32px 0;display:grid;position:relative}.result-cell+.result-cell{border-left:1px solid var(--rule);padding-left:32px}.result-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.result-num{font-family:var(--serif-display);color:var(--ink);letter-spacing:-.02em;font-size:124px;line-height:.85}.result-meta{font-family:var(--serif-body);color:var(--rust);font-size:18px;font-style:italic}.colophon{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;margin-top:auto;padding:24px 48px 28px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=820px){.masthead{text-align:center;grid-template-columns:1fr;gap:10px;padding:22px 20px 14px}.masthead-left,.masthead-right{justify-content:center}.hairline{margin:0 20px}.stage{padding:40px 18px 48px}.intro-grid{grid-template-columns:1fr;gap:24px}.intro-body{padding-left:18px}.margin-note{border-top:none;border-left:2px solid var(--rust);flex-flow:wrap;gap:14px;padding-top:0;padding-left:12px}.qcard,.result{padding:36px 26px 32px}.qcard-grid{grid-template-columns:1fr;gap:22px}.folio{flex-direction:row;align-items:baseline;gap:14px}.folio-num{font-size:64px}.folio-of{font-size:18px}.folio-rail{border-top:0;flex-direction:row;width:auto;margin-top:0;margin-left:8px;padding-top:0}.tick{width:1px;height:22px}.tick.active{width:2px;height:22px}.tick.done{width:1px;height:22px}.result-grid{grid-template-columns:1fr}.result-cell+.result-cell{border-left:0;border-top:1px solid var(--rule);padding-top:24px;padding-left:0}.result-num{font-size:96px}.colophon{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 24px}}