.ob-web{--ob-bg:#160f0bf0;--ob-ink:#f4e6cc;--ob-dim:#c9b693;--ob-accent:#e8a33d;--ob-accent-hover:#f2b453;--ob-on-accent:#1a120d;--ob-line:#f4e6cc24;--ob-display:"Fraunces", Georgia, serif;--ob-font:"Inter", system-ui, sans-serif;--ob-radius:20px}.ob-city{--ob-bg:#180e0af0;--ob-ink:#fff6e6;--ob-dim:#d9c7a8;--ob-accent:#ffc45c;--ob-accent-hover:#ffd27f;--ob-on-accent:#1a120d;--ob-line:#ffc45c59;--ob-display:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--ob-font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--ob-radius:18px}.ob,.ob *{box-sizing:border-box}.ob{color:var(--ob-ink);font:15px/1.5 var(--ob-font)}.ob kbd{border:1px solid var(--ob-line);min-width:1.7em;font:600 12px/1.5 var(--ob-font);text-align:center;color:var(--ob-ink);background:#ffffff0f;border-bottom-width:2px;border-radius:6px;padding:1px 6px;display:inline-block}.ob-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ob-accent);margin:0;font-size:11px;font-weight:600}.ob h2,.ob h3{font-family:var(--ob-display);letter-spacing:-.01em;color:var(--ob-ink);margin:4px 0 10px;font-weight:700}.ob-body p{margin:0 0 8px}.ob-body ul{gap:6px;margin:0;padding-left:18px;display:grid}.ob-body li::marker{color:var(--ob-accent)}.ob-body b,.ob-rules b{color:var(--ob-accent);font-weight:600}.ob-btn{font:600 14px var(--ob-font);color:var(--ob-ink);border:1px solid var(--ob-line);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:10px 16px;transition:border-color .15s,background .15s,transform .1s}.ob-btn:hover{border-color:var(--ob-accent)}.ob-btn:active{transform:translateY(1px)}.ob-btn.primary{background:var(--ob-accent);border-color:var(--ob-accent);color:var(--ob-on-accent)}.ob-btn.primary:hover{background:var(--ob-accent-hover)}.ob-link,.ob-skip,.ob-x{font:500 13px var(--ob-font);color:var(--ob-dim);cursor:pointer;background:0 0;border:0;padding:6px 4px}.ob-link:hover,.ob-skip:hover,.ob-x:hover{color:var(--ob-ink)}.ob :focus-visible{outline:2px solid var(--ob-accent);outline-offset:2px}.ob-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ob-pair{gap:8px;margin-left:auto;display:flex}.ob-backdrop{z-index:90;background:radial-gradient(#140d0a80,#140d0ad9);place-items:center;padding:16px;animation:.3s ob-fade;display:grid;position:fixed;inset:0}.ob-dialog{background:var(--ob-bg);border:1px solid var(--ob-line);border-radius:var(--ob-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(480px,100%);max-height:calc(100dvh - 32px);padding:28px;position:relative;overflow:auto;box-shadow:0 30px 80px #00000080}.ob-skip{position:absolute;top:14px;right:16px}.ob-slide{min-height:250px;animation:.35s ob-in}.ob-art{margin-bottom:14px;font-size:40px;line-height:1}.ob-welcome h2{font-size:30px;line-height:1.1}.ob-welcome .ob-body{color:var(--ob-dim)}.ob-welcome .ob-body strong{color:var(--ob-ink)}.ob-dots{justify-content:center;gap:6px;margin:18px 0 16px;display:flex}.ob-dots button{background:var(--ob-line);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.ob-dots button.on{background:var(--ob-accent);width:22px}.ob-keys{text-align:center;color:var(--ob-dim);margin:14px 0 0;font-size:12px}.ob-tour{z-index:85;pointer-events:none;position:fixed;inset:0}.ob-spot{border:2px solid var(--ob-accent);border-radius:12px;transition:left .18s,top .18s,width .18s,height .18s;animation:1.8s ease-in-out infinite ob-pulse;position:fixed;box-shadow:0 0 0 9999px #0a060473,0 0 24px #e8a33d8c}.ob-coach{background:var(--ob-bg);border:1px solid var(--ob-accent);pointer-events:auto;border-radius:14px;width:min(340px,100vw - 24px);padding:16px 18px 14px;animation:.25s ob-in;position:fixed;box-shadow:0 18px 50px #00000080}.ob-coach h3{margin:4px 0 6px;font-size:19px}.ob-coach .ob-body{color:var(--ob-dim);font-size:14px}.ob-try{color:var(--ob-ink);background:#ffc45c1a;border-radius:8px;margin:8px 0 0;padding:7px 10px;font-size:13px}.ob-try:before{content:"Try it · ";color:var(--ob-accent);font-weight:600}.ob-coach .ob-actions{margin-top:12px}.ob-coach .ob-btn{padding:7px 14px;font-size:13px}.ob-help{width:min(720px,100%)}.ob-help-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ob-help-head h2{font-size:26px}.ob-x{padding:4px 8px;font-size:18px}.ob-help-grid{grid-template-columns:1fr 1fr;gap:22px;margin:8px 0 20px;display:grid}.ob-help h4{font:600 12px var(--ob-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ob-dim);margin:0 0 10px}.ob-controls{gap:7px;margin:0;display:grid}.ob-controls div{grid-template-columns:112px 1fr;align-items:baseline;gap:10px;display:grid}.ob-controls dt{flex-wrap:wrap;gap:3px;display:flex}.ob-controls dd{margin:0;font-size:14px}.ob-rules{gap:8px;margin:0;padding-left:18px;font-size:14px;display:grid}.ob-rules li::marker{color:var(--ob-accent)}.ob-open{pointer-events:auto;cursor:pointer}@keyframes ob-fade{0%{opacity:0}}@keyframes ob-in{0%{opacity:0;transform:translateY(6px)}}@keyframes ob-pulse{50%{border-color:var(--ob-accent-hover);box-shadow:0 0 0 9999px #0a060473,0 0 34px #e8a33dcc}}@media (max-width:640px){.ob-dialog{padding:22px 18px}.ob-welcome h2{font-size:25px}.ob-slide{min-height:0}.ob-help-grid{grid-template-columns:1fr}.ob-controls div{grid-template-columns:96px 1fr}.ob-actions .ob-btn,.ob-pair{flex:1}}@media (prefers-reduced-motion:reduce){.ob-backdrop,.ob-slide,.ob-coach,.ob-spot{transition:none;animation:none}}.ob-elsewhere{border-top:1px solid var(--ob-line);color:var(--ob-dim);margin:14px 0 0;padding-top:12px;font-size:13px;line-height:1.5}.ob-elsewhere a{color:var(--ob-accent);font-weight:600;text-decoration:none}.ob-elsewhere a:hover{color:var(--ob-accent-hover);text-decoration:underline}