.onb-bar{position:fixed;right:26px;bottom:100px;z-index:95;display:flex;align-items:center;gap:7px;max-width:calc(100vw - 36px);padding:5px 7px 5px 8px;border-radius:100px;border:1px solid rgba(var(--ink-rgb),.07);background:rgba(var(--bg-rgb),.88);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 10px 22px -16px #14131280;opacity:0;transform:translateY(8px);transition:opacity .4s ease 1.2s,transform .45s cubic-bezier(.16,.72,.28,1) 1.2s}.onb-bar.is-in{opacity:1;transform:none}body.hdf-host .onb-bar{background:#fefafa;backdrop-filter:none;-webkit-backdrop-filter:none}.onb-bar>img{width:18px;height:18px;border-radius:5px;object-fit:contain;flex:none}.onb-bar>b{font:500 11.5px/1 var(--ui-font);color:var(--muted);white-space:nowrap;letter-spacing:-.005em}.onb-bar-go{position:relative;flex:none;cursor:pointer;border:none;background:none;padding:0 2px;font:500 11.5px/1 var(--ui-font);color:var(--accent);white-space:nowrap;text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.35);text-underline-offset:3px;transition:text-decoration-color .18s}.onb-bar-go:after{content:"";position:absolute;top:-11px;right:-6px;bottom:-11px;left:-6px}@media(hover:hover)and (pointer:fine){.onb-bar-go:hover{text-decoration-color:var(--accent)}}.onb-bar-x{position:relative;flex:none;cursor:pointer;width:18px;height:18px;border:none;border-radius:50%;background:transparent;color:var(--faint2);display:inline-flex;align-items:center;justify-content:center;transition:background .18s}.onb-bar-x:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}@media(hover:hover)and (pointer:fine){.onb-bar-x:hover{background:rgba(var(--ink-rgb),.07)}}body.dlg-hint .onb-bar.is-in{opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .22s cubic-bezier(.16,.72,.28,1)}.onb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;padding:20px;background:#100e0d6b;animation:onb-fade .22s ease both}.onb{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;border-radius:22px;background:var(--surface, #fff);box-shadow:0 40px 90px -30px #100e0d80,0 0 0 1px rgba(var(--ink-rgb),.07);overflow:hidden;touch-action:pan-y;animation:onb-in .34s cubic-bezier(.16,.72,.28,1) both}:root[data-site=hausdorf] .onb{border-radius:16px}.onb-x{position:absolute;right:12px;top:12px;z-index:3;cursor:pointer;width:30px;height:30px;border:none;border-radius:50%;background:rgba(var(--ink-rgb),.06);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:background .18s}@media(hover:hover)and (pointer:fine){.onb-x:hover{background:rgba(var(--ink-rgb),.12)}}.onb-stage{overflow:hidden auto;min-height:0}.onb-slide{padding:0 0 4px;-webkit-user-select:none;user-select:none;animation:onb-next .36s cubic-bezier(.16,.72,.28,1) both}.onb-slide.is-back{animation-name:onb-prev}.onb-frame{margin:0;padding:26px 24px 22px;background:linear-gradient(170deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.02) 60%,transparent);border-bottom:1px solid rgba(var(--ink-rgb),.06)}.onb-art{display:block;width:100%;height:auto}.onb-kicker{margin:20px 28px 0;font:500 10.5px/1 var(--ui-font);letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.onb h3{margin:10px 28px 0;font:500 20px/1.25 var(--ui-font);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.onb p{margin:10px 28px 0;font:400 13.5px/1.55 var(--ui-font);color:var(--muted);max-width:46ch}.onb-foot{display:flex;align-items:center;gap:8px;padding:18px 20px 20px;margin-top:auto}.onb-sign{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px 16px;margin-top:-8px}.onb-sign a{font:400 10.5px/1.3 var(--ui-font);color:var(--faint2);text-decoration:none;transition:color .16s}@media(hover:hover)and (pointer:fine){.onb-sign a:hover{color:var(--muted)}}.onb-dots{display:flex;align-items:center;gap:6px;margin:0 auto}.onb-dot{position:relative;cursor:pointer;width:7px;height:7px;padding:0;border:none;border-radius:50%;background:rgba(var(--ink-rgb),.18);transition:width .25s,background .25s}.onb-dot:after{content:"";position:absolute;top:-12px;right:-3px;bottom:-12px;left:-3px}.onb-dot.is-on{width:22px;border-radius:4px;background:var(--accent)}.onb-nav{cursor:pointer;width:36px;height:36px;flex:none;border:1px solid rgba(var(--ink-rgb),.1);border-radius:50%;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:background .18s,opacity .18s}@media(hover:hover)and (pointer:fine){.onb-nav:hover:not(:disabled){background:rgba(var(--ink-rgb),.06)}}.onb-nav:disabled{opacity:.3;cursor:default}.onb-try,.onb-go{cursor:pointer;flex:none;border-radius:11px;padding:10px 16px;font:500 13px/1 var(--ui-font);transition:filter .18s,background .18s}.onb-try{border:1px solid rgba(var(--ink-rgb),.12);background:transparent;color:var(--ink)}@media(hover:hover)and (pointer:fine){.onb-try:hover{background:rgba(var(--ink-rgb),.06)}}.onb-go{border:none;color:#fff;background:var(--accent);box-shadow:0 6px 16px -8px rgba(var(--accent-rgb),.9)}@media(hover:hover)and (pointer:fine){.onb-go:hover{filter:brightness(1.08)}}.onb-art .og-card{fill:#fff;stroke:rgba(var(--ink-rgb),.1);stroke-width:1}.onb-art .og-fill{fill:rgba(var(--ink-rgb),.06)}.onb-art .og-line{fill:rgba(var(--ink-rgb),.17)}.onb-art .og-ink{fill:rgba(var(--ink-rgb),.5)}.onb-art .og-accent{fill:var(--accent)}.onb-art .og-accent-soft{fill:rgba(var(--accent-rgb),.12)}.onb-art .og-ring{fill:none;stroke:rgba(var(--accent-rgb),.18);stroke-width:1.4}.onb-art .og-bar{fill:rgba(var(--ink-rgb),.16)}.onb-art .og-wave{stroke:#fff;stroke-width:2.6;stroke-linecap:round}.onb-art .og-arrow{stroke:rgba(var(--ink-rgb),.28);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.onb-art .og-tick{stroke:var(--accent);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.onb-art .og-tick.is-on{stroke:#fff;stroke-width:2.2}.onb-art .og-ok{fill:#2e9e5b}.onb-art .og-warn{fill:#d98324}@keyframes onb-fade{0%{opacity:0}to{opacity:1}}@keyframes onb-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes onb-next{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes onb-prev{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.onb-bar,.onb,.onb-slide,.onb-scrim{animation:none}}@media(max-width:680px),(max-height:560px){.onb-scrim{padding:0}.onb{width:100%;height:100%;max-height:none;border-radius:0}.onb-stage{flex:1;min-height:0}.onb-slide{height:100%;display:flex;flex-direction:column}.onb-frame{flex:1;display:grid;place-items:center;padding:48px 16px 22px}.onb-art{max-height:100%}.onb-kicker,.onb h3,.onb p{margin-left:20px;margin-right:20px}.onb h3{font-size:18px}.onb-bar{right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px)}.onb-sign{padding:0 20px 14px}}.onb-art .og-steel{fill:#eceef0;stroke:rgba(var(--ink-rgb),.14);stroke-width:1}.onb-art .og-edge{stroke:rgba(var(--ink-rgb),.16);stroke-width:1.4}.onb-art .og-edge-f{fill:rgba(var(--ink-rgb),.12)}.onb-art .og-handle{stroke:rgba(var(--ink-rgb),.3);stroke-width:2.6;stroke-linecap:round}.onb-art .og-glass{fill:#d8dde2;stroke:rgba(var(--ink-rgb),.16);stroke-width:1}.onb-art .og-glass-dark{fill:#2a2e33}.onb-art .og-drum{fill:#b9c1c9}.onb-art .og-burner{fill:none;stroke:#fff6;stroke-width:1.6}.onb-art .og-orb-gloss{fill:none;stroke:#ffffff80;stroke-width:1.4}.onb-art .og-pick{fill:none;stroke:var(--accent);stroke-width:2}.onb-art .og-plan{fill:none;stroke:rgba(var(--ink-rgb),.22);stroke-width:1.6}.onb-art .og-plan-f{fill:rgba(var(--ink-rgb),.09)}.onb-art .og-plan-d{fill:none;stroke:rgba(var(--ink-rgb),.22);stroke-width:1.4;stroke-dasharray:3 3}