.ot{--ot-void:#06070c;--ot-void-2:#0b0d15;--ot-raised:#12141f;--ot-bone:#ece6dc;--ot-bone-2:#a49dad;--ot-bone-3:#6d6779;--ot-line:#ece6dc17;--ot-line-2:#ece6dc33;--ot-warm:#ffd9a0;--ot-cool:#b0d0e8;--ot-dead:#e8785f;background:radial-gradient(ellipse 120% 60% at 50% -20%,#785abe29,transparent 65%),radial-gradient(ellipse 80% 50% at 50% 120%,#be785a14,transparent 70%),var(--ot-void);min-height:100svh;color:var(--ot-bone);font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif}.ot-shell{max-width:940px;margin-inline:auto;padding:20px 16px 88px}.ot-wordmark{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.34em;text-transform:uppercase;color:var(--ot-bone-3);margin:0 0 12px;font-size:11px}.ot-stage{border:1px solid var(--ot-line);background:radial-gradient(ellipse 70% 70% at 50% 50%,#1c1a2ee6,transparent 70%),var(--ot-void-2);touch-action:manipulation;border-radius:3px;height:clamp(400px,64svh,640px);position:relative;overflow:hidden}.ot-bloom,.ot-canvas,.ot-hits{position:absolute;inset:0}.ot-canvas{width:100%;height:100%}.ot-hits{pointer-events:none}.ot-hits.is-asleep{display:none}.ot-hit{color:inherit;cursor:pointer;pointer-events:auto;will-change:transform;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;top:0;left:0}.ot-hit:focus-visible{outline:1px solid var(--ot-bone);outline-offset:3px}.ot-hit-label{letter-spacing:.03em;text-align:center;text-wrap:balance;width:max-content;max-width:17ch;color:hsl(var(--ot-hue,40)60% 88%);text-shadow:0 1px 10px #06070cf2;pointer-events:none;font-size:11px;line-height:1.25;transition:opacity .25s;position:absolute;top:calc(100% + 2px);left:50%;translate:-50%}.ot-hit-label--quiet{opacity:0}.ot-hit:hover .ot-hit-label--quiet,.ot-hit:focus-visible .ot-hit-label--quiet{opacity:.75}.ot-hit.is-shut .ot-hit-label{color:hsl(var(--ot-hue,40)40% 76%)}.ot-hit.is-focus .ot-hit-label{color:var(--ot-bone);font-weight:500}.ot-glance{text-align:center;background:linear-gradient(#06070c00 30%,#06070cd1 62%,#06070cf0);align-content:end;justify-items:center;gap:14px;padding:20px 20px clamp(28px,9svh,64px);display:grid;position:absolute;inset:0}.ot-glance-who{font-family:var(--font-accent),Georgia,serif;color:var(--ot-bone-2);margin:0;font-size:clamp(1.1rem,3.4vw,1.5rem)}.ot-glance-ask{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:500}.ot-marks{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.ot-mark{border:1px solid var(--ot-line-2);width:clamp(34px,8vw,44px);height:clamp(34px,8vw,44px);color:var(--ot-bone);font-family:var(--font-mono),ui-monospace,monospace;cursor:pointer;background:#ece6dc08;border-radius:50%;font-size:15px;transition:background .15s,border-color .15s,transform .15s}.ot-mark:hover,.ot-mark:focus-visible{border-color:var(--ot-warm);background:#ffd9a029;outline:none;transform:translateY(-2px)}.ot-readout{text-align:right;pointer-events:none;justify-items:end;gap:2px;display:grid;position:absolute;top:12px;right:14px}.ot-readout-value{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:-.03em;color:var(--ot-bone);font-size:clamp(1.5rem,5vw,2.4rem);line-height:1;transition:color .4s}.ot-readout-note{letter-spacing:.04em;text-transform:uppercase;max-width:22ch;color:var(--ot-bone-3);font-size:10.5px;line-height:1.35}.ot-readout.is-wobbling .ot-readout-value{color:#f2dcbb}.ot-readout.is-wide .ot-readout-value{color:var(--ot-warm)}.ot-readout.is-collapsed .ot-readout-value{color:var(--ot-dead)}.ot-readout.is-collapsed .ot-readout-note{color:var(--ot-dead);opacity:.85}.ot-ladder{pointer-events:none;gap:3px;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:12px;left:14px}.ot-ladder li{letter-spacing:.08em;text-transform:uppercase;color:#6d677999;font-size:10px;transition:color .3s}.ot-ladder li.is-past{color:var(--ot-bone-3)}.ot-ladder li.is-here{color:var(--ot-warm)}.ot-ladder li.is-here span:before{content:"— "}.ot-detail{max-width:64ch;padding:26px 2px 8px}.ot-detail-where{letter-spacing:.05em;color:var(--ot-bone-3);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 8px;font-size:11px;display:flex}.ot-detail-where span{font-family:var(--font-mono),ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--ot-warm)}.ot-detail-label{letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(1.05rem,3vw,1.3rem);font-weight:500}.ot-detail-line{font-family:var(--font-accent),Georgia,serif;color:var(--ot-bone);text-wrap:pretty;margin:0;font-size:clamp(1.2rem,3.6vw,1.65rem);line-height:1.4}.ot-detail-cross{border-left:2px solid var(--ot-warm);color:var(--ot-warm);margin:12px 0 0;padding-left:12px;font-size:13px}.ot-detail-floor{color:var(--ot-bone-3);margin:0;font-size:13px}.ot-detail-go{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.ot-btn{border:1px solid var(--ot-line-2);color:var(--ot-bone);font:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:9px 14px;font-size:14px;transition:background .15s,border-color .15s,color .15s}.ot-btn:hover,.ot-btn:focus-visible{border-color:var(--ot-bone-2);background:#ece6dc0f;outline:none}.ot-btn--main{border-color:hsl(var(--ot-hue,40)50% 60%/.55);background:hsl(var(--ot-hue,40)60% 60%/.1);color:hsl(var(--ot-hue,40)70% 90%)}.ot-btn--main:hover,.ot-btn--main:focus-visible{background:hsl(var(--ot-hue,40)70% 60%/.2);border-color:hsl(var(--ot-hue,40)60% 70%/.9)}.ot-btn--been{color:var(--ot-bone-3);border-color:var(--ot-line)}.ot-btn--out{color:var(--ot-bone-3);border-color:#0000;margin-left:auto;font-size:13px}.ot-enough{border:0;border-bottom:1px solid var(--ot-line-2);color:var(--ot-bone-2);font:inherit;cursor:pointer;background:0 0;margin-top:22px;padding:0;font-size:13px}.ot-enough:hover{color:var(--ot-bone)}.ot-end{border:1px solid var(--ot-line);background:linear-gradient(#12141fe6,#0b0d15e6);border-radius:3px;margin-top:34px;padding:26px 22px}.ot-end-bar{background:#ece6dc14;border-radius:2px;height:3px;overflow:hidden}.ot-end-bar span{background:linear-gradient(90deg,var(--ot-warm),#f0a988);height:100%;display:block}.ot-end-count{color:var(--ot-bone-2);flex-wrap:wrap;align-items:baseline;gap:10px;margin:12px 0 0;font-size:13px;display:flex}.ot-end-count strong{font-family:var(--font-mono),ui-monospace,monospace;color:var(--ot-bone);font-size:20px;font-weight:400}.ot-end-grid{border-top:1px solid var(--ot-line);border-bottom:1px solid var(--ot-line);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin:24px 0 0;padding:18px 0;display:grid}.ot-end-grid dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ot-bone-3);font-size:10.5px}.ot-end-grid dd{font-family:var(--font-mono),ui-monospace,monospace;margin:6px 0 0;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1}.ot-end-was{color:var(--ot-bone-3);text-decoration:line-through}.ot-end-now{color:var(--ot-warm)}.ot-end-now.is-dead{color:var(--ot-dead)}.ot-end-cross{border-left:2px solid var(--ot-cool);color:var(--ot-bone-2);margin:20px 0 0;padding-left:14px;font-size:14px;line-height:1.55}.ot-end-cross strong{color:var(--ot-warm);font-weight:500}.ot-end-say{max-width:58ch;margin-top:22px}.ot-end-say p{font-family:var(--font-accent),Georgia,serif;text-wrap:pretty;margin:0 0 12px;font-size:clamp(1.05rem,3vw,1.3rem);line-height:1.5}.ot-end-say p:last-child{color:var(--ot-warm);margin-bottom:0}.ot-end-do{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.ot-end-do .ot-btn--main{--ot-hue:38}.ot-probe{border-top:1px solid var(--ot-line);margin-top:22px;padding-top:18px}.ot-probe p{color:var(--ot-bone-2);margin:0;font-size:13px;line-height:1.55}.ot-probe-btn{border:1px dashed var(--ot-line-2);width:100%;color:var(--ot-bone);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:2px;padding:12px 14px;font-size:14px;display:block}.ot-probe-btn:hover,.ot-probe-btn:focus-visible{border-color:var(--ot-bone-2);outline:none}.ot-probe-btn em{color:var(--ot-bone-3);margin-top:4px;font-size:12px;font-style:normal;line-height:1.5;display:block}.ot-probe-btn:disabled{cursor:progress;opacity:.6}.ot-probe-btn.is-bought{border-style:solid;border-color:var(--ot-warm);color:var(--ot-warm);background:#ffd9a014}.ot-probe-btn.is-bought em{color:var(--ot-bone-2)}.ot-probe-note{color:var(--ot-bone-3);margin:10px 0 0;font-size:12px;line-height:1.55}.ot-probe-note.is-trouble{color:var(--ot-dead)}.ot-more{border-top:1px solid var(--ot-line);margin-top:46px}.ot-more details{border-bottom:1px solid var(--ot-line)}.ot-more summary{color:var(--ot-bone-2);cursor:pointer;padding:14px 2px;font-size:14px;list-style:none}.ot-more summary::-webkit-details-marker{display:none}.ot-more summary:before{content:"+ ";color:var(--ot-bone-3)}.ot-more details[open] summary{color:var(--ot-bone)}.ot-more details[open] summary:before{content:"− "}.ot-body{max-width:68ch;padding:0 2px 18px}.ot-body p{color:var(--ot-bone-2);margin:0 0 12px;font-size:14.5px;line-height:1.65}.ot-body p:last-child{margin-bottom:0}.ot-body strong{color:var(--ot-bone);font-weight:500}.ot-foot{text-align:center;margin-top:40px}.ot-badge{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.12em;color:var(--ot-bone-3);font-size:11px;text-decoration:none;display:inline-block}.ot-badge:before{content:"● ";color:var(--ot-warm)}.ot-badge:hover{color:var(--ot-bone)}@media (max-width:640px){.ot-stage{height:clamp(340px,56svh,480px)}.ot-ladder{display:none}.ot-readout-note{max-width:15ch}.ot-detail{padding-top:20px}.ot-end{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.ot-hit,.ot-hit-label,.ot-mark,.ot-btn{transition:none}}