@font-face{font-family:Archivo;src:url(/fonts/Archivo-SemiBold.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--bg:#04040a;--ink:#e9edff;--muted:#e9edff70;--faint:#e9edff24;--accent:#7ea6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Archivo,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;overflow:hidden}body.grabbable{cursor:grab}body.grabbing,body.grabbing *{cursor:grabbing!important}canvas{touch-action:none;display:block}.overlay{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(18px,3vw,40px);transition:--accent .6s linear;display:flex;position:fixed;inset:0}.overlay button,.overlay input,.overlay a{pointer-events:auto}.bar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mark{align-items:center;gap:12px;display:flex}.mark .glyph{color:#f2f2ee;background:radial-gradient(circle at 32% 28%,#3a3a48,#08080d 62%);border-radius:50%;place-items:center;width:34px;height:34px;padding-bottom:2px;font-family:Barlow Condensed,sans-serif;font-size:21px;line-height:1;display:grid;box-shadow:inset 0 1px 1px #ffffff59,0 6px 18px #000000b3}.wordmark{flex-direction:column;gap:2px;display:flex}.wordmark strong{letter-spacing:.34em;font-size:12px;font-weight:700}.wordmark em{letter-spacing:.16em;color:var(--muted);font-size:10px;font-style:normal}.icon-btn{border:1px solid var(--faint);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--muted);font:inherit;letter-spacing:.22em;cursor:pointer;background:#ffffff06;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:9.5px;font-weight:600;transition:color .22s,border-color .22s,background .22s;display:inline-flex}.icon-btn:hover{color:var(--ink);border-color:#e9edff4d}.led{background:#e9edff33;border-radius:50%;width:6px;height:6px;transition:background .24s,box-shadow .24s}.led.on{background:var(--accent);box-shadow:0 0 10px var(--accent)}.ledger{opacity:0;width:min(228px,26vw);transition:opacity .7s;position:absolute;top:50%;right:clamp(18px,3vw,40px);transform:translateY(-50%)}.ledger[data-visible=true]{opacity:1}.ledger h2{letter-spacing:.36em;color:#e9edff4d;margin:0 0 14px;font-size:9px;font-weight:700}.ledger ol{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.ledger li{opacity:0;border-left:1px solid #e9edff12;gap:10px;padding-left:11px;animation:.62s cubic-bezier(.2,.9,.2,1) forwards rowIn;display:flex}.ledger li:nth-child(n+4){opacity:.45}.ledger .dot{background:var(--row);width:5px;height:5px;box-shadow:0 0 8px var(--row);border-radius:50%;flex:none;margin-top:6px}.ledger .q{letter-spacing:.02em;color:#e9edff61;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10.5px;overflow:hidden}.ledger .a{letter-spacing:.06em;color:#e9edffd1;margin:2px 0 0;font-family:Barlow Condensed,sans-serif;font-size:14px}@keyframes rowIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.stage{flex-direction:column;align-items:center;gap:16px;display:flex}.verdict{opacity:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-height:clamp(96px,15vh,150px);transition:opacity .7s,transform .7s cubic-bezier(.2,.9,.2,1);display:flex;transform:translateY(18px)}.verdict[data-visible=true]{opacity:1;transform:none}.asked{letter-spacing:.14em;color:var(--muted);text-align:center;max-width:46ch;margin:0;font-size:12px}.answer{letter-spacing:.015em;text-align:center;color:#fff;max-width:19ch;text-shadow:0 0 24px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 70px color-mix(in srgb, var(--accent) 45%, transparent);flex-wrap:wrap;justify-content:center;gap:0 .28em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,4.6vw,58px);font-weight:700;line-height:.94;display:flex}.answer span{opacity:0;animation:.76s cubic-bezier(.16,1,.3,1) forwards wordIn;display:inline-block}@keyframes wordIn{0%{opacity:0;filter:blur(9px);transform:translateY(.42em)scale(.94)}to{opacity:1;filter:blur();transform:none}}.caption{letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 78%, white);opacity:.72;margin:2px 0 0;font-size:10px;font-weight:600}.status{letter-spacing:.34em;height:14px;color:var(--muted);opacity:0;align-items:center;gap:7px;font-size:9.5px;font-weight:700;transition:opacity .32s;display:flex}.status[data-visible=true]{opacity:1}.status i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite blip}.status i:nth-of-type(2){animation-delay:.16s}.status i:nth-of-type(3){animation-delay:.32s}@keyframes blip{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.ask{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#0a0c1a80;border:1px solid #e9edff1f;border-radius:999px;align-items:center;gap:8px;width:min(560px,88vw);padding:7px 7px 7px 20px;transition:border-color .3s,box-shadow .3s,opacity .3s;display:flex;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #0009}.ask:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent), 0 24px 60px #0009}.ask[data-dim=true]{opacity:.4}.ask input{min-width:0;color:var(--ink);font:inherit;letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;font-size:14px}.ask input::placeholder{color:#e9edff4d}.ask button{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), color-mix(in srgb, var(--accent) 72%, black));color:#05060f;font:inherit;letter-spacing:.24em;cursor:pointer;box-shadow:0 0 26px color-mix(in srgb, var(--accent) 42%, transparent);border:0;border-radius:999px;flex:none;padding:12px 24px;font-size:10px;font-weight:700;transition:transform .2s cubic-bezier(.2,.9,.2,1),filter .22s,box-shadow .3s}.ask button:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 40px color-mix(in srgb, var(--accent) 62%, transparent);transform:translateY(-1px)}.ask button:active:not(:disabled){transform:translateY(1px)scale(.985)}.ask button:disabled{cursor:default;filter:saturate(.25)brightness(.7);box-shadow:none}.hint{letter-spacing:.2em;text-transform:uppercase;color:#e9edff3d;text-align:center;text-wrap:balance;margin:0;padding:0 4px;font-size:9.5px;line-height:1.9}.hint kbd{font:inherit;color:#e9edff6b;border:1px solid #e9edff2e;border-radius:4px;padding:1px 5px;font-size:9px}@media (width<=860px){.ledger,.wordmark em{display:none}}@media (width<=760px),(pointer:coarse){.hint .keys{display:none}.overlay{padding-bottom:calc(clamp(18px, 3vw, 40px) + env(safe-area-inset-bottom,0px))}.stage{gap:12px}.ask{padding-left:16px}.ask input{font-size:16px}.verdict{min-height:clamp(84px,13vh,120px)}}@media (prefers-reduced-motion:reduce){.answer span,.ledger li{animation-duration:1ms}.status i{animation:none}}