.ok{max-width:46rem;margin:0 auto;padding:0 1rem 3rem}.ok-bar{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;position:sticky;top:0;background:var(--bg);z-index:5}.ok-mark{margin:0;font-family:var(--serif);font-size:1.15rem;color:var(--accent);white-space:nowrap}.ok-mark span{color:var(--ink-soft);font-size:.8rem}@media(max-width:430px){.ok-mark span{display:none}}.ok-bar-right{margin-left:auto;display:flex;gap:.4rem}.ok-bar-right .reader-iconbtn[aria-pressed=true],.ok-scbtn[aria-pressed=true]{color:var(--accent);background:var(--alternative-bg);box-shadow:inset 0 0 0 1.5px var(--accent)}.ok-stage{position:relative;aspect-ratio:540 / 1040;max-height:78vh;margin:0 auto;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:#8e6540;box-shadow:0 10px 30px #0000001f;touch-action:none}@media(max-width:640px){.ok-stage{max-height:74vh}}.ok-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.ok-stage canvas:active{cursor:grabbing}.ok-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-1px}.ok-stage:fullscreen,.ok-stage.ok-full{aspect-ratio:auto;max-height:none;width:100%;height:100%;border:0;border-radius:0}.ok-stage.ok-full{position:fixed;inset:0;z-index:400}.ok-stage-controls{position:absolute;top:calc(.6rem + env(safe-area-inset-top,0px));right:calc(.6rem + env(safe-area-inset-right,0px));display:none;gap:.4rem;z-index:2}.ok-stage:fullscreen .ok-stage-controls,.ok-stage.ok-full .ok-stage-controls{display:flex}.ok-scbtn{font:inherit;font-size:.9rem;line-height:1;padding:.5rem .7rem;border-radius:999px;border:1px solid rgb(255 255 255 / .3);background:#140e0880;color:#f6efe1;cursor:pointer;backdrop-filter:blur(4px)}.ok-scbtn:hover{background:#140e08b8}.ok-board{margin:2rem auto 0}.ok-board-kicker{margin:0;font-family:var(--sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-soft)}.ok-board-head h2{margin:.15rem 0 .3rem;font-family:var(--serif);font-size:1.45rem}.ok-board-string{display:block;width:min(13rem,60%);color:var(--accent);margin:0 0 .4rem}.ok-board-head p{margin:.2rem 0 1rem;font-family:var(--sans);font-size:.84rem;color:var(--ink-soft)}.ok-board-list{list-style:none;margin:0;padding:0}.ok-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.65rem .7rem;border-bottom:1px solid var(--rule)}.ok-row:last-child{border-bottom:0}.ok-row.is-me{background:var(--alternative-bg);border-radius:10px;border-bottom-color:transparent}.ok-rank{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--rule);background:var(--bg-raised);font-family:var(--serif);font-size:.95rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.ok-rank[data-top]{border-color:var(--accent-soft);background:linear-gradient(165deg,var(--alternative-bg),var(--bg-raised));color:var(--accent);font-weight:600;box-shadow:0 2px 8px #0000001a}.ok-rank[data-top="1"]{border-color:var(--accent)}.ok-row-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.ok-who{font-family:var(--serif);font-size:1.02rem;color:var(--ink);overflow-wrap:anywhere}.ok-row.is-me .ok-who{font-weight:600;color:var(--accent)}.ok-career{font-family:var(--sans);font-size:.73rem;letter-spacing:.03em;color:var(--ink-soft)}.ok-score{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.ok-score-n{font-family:var(--serif);font-size:.98rem;color:var(--accent);white-space:nowrap}.ok-score-sub{font-family:var(--sans);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.ok-name-dlg{border:1px solid var(--rule);border-radius:14px;background:var(--bg-raised);color:var(--ink);padding:1.2rem;max-width:24rem;width:calc(100% - 2rem)}.ok-name-dlg::backdrop{background:#0c08058c}.ok-name-dlg h2{margin:0 0 .4rem;font-family:var(--serif);font-size:1.2rem}.ok-dlg-note,.ok-dlg-err{font-family:var(--sans);font-size:.85rem;color:var(--ink-soft);margin:0 0 .8rem}.ok-dlg-err{color:var(--accent)}.ok-name-dlg label{display:block;font-family:var(--sans);font-size:.8rem;margin-bottom:.3rem}.ok-name-dlg input{width:100%;font:inherit;padding:.5rem .6rem;border:1px solid var(--rule);border-radius:8px;background:var(--bg);color:var(--ink);margin-bottom:.8rem}.ok-dlg-actions{display:flex;gap:.5rem;justify-content:flex-end}.ok-signin-score{font-family:var(--serif);color:var(--accent);margin:0 0 .6rem}