.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:#100e0d80;animation:onb-fade .22s ease both}.onb-wrap{width:min(560px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;min-height:0;animation:onb-in .34s cubic-bezier(.16,.72,.28,1) both}.onb{position:relative;min-height:0;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}: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-say{display:flex;align-items:flex-start;gap:10px;margin:20px 28px 0}.onb-say-av{flex:none;width:30px;height:30px;margin-top:1px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 14px -7px rgba(var(--accent-rgb),.95)}.onb h3{margin:0;font:500 19px/1.3 var(--ui-font);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.onb p{margin:9px 28px 0 68px;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{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 8px 0}.onb-sign a{font:400 11px/1.3 var(--ui-font);color:#ffffffc7;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.55);transition:color .16s}@media(hover:hover)and (pointer:fine){.onb-sign a:hover{color:#fff}}.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-wrap,.onb-slide,.onb-scrim{animation:none}.onb-art .og-in,.onb-art .og-beat,.onb-art .og-float,.onb-art .og-nudge,.onb-art .og-scan,.onb-art .og-pulse,.onb-art .og-eq,.onb-art .og-pick{animation:none;opacity:1}}@media(max-width:680px),(max-height:560px){.onb-scrim{padding:0}.onb-wrap{width:100%;height:100%;max-height:none}.onb{flex:1;min-height:0;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-say{margin-left:20px;margin-right:20px}.onb p{margin-left:60px;margin-right:20px}.onb h3{font-size:17px}.onb-bar{right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px)}.onb-sign{padding:9px 18px calc(9px + env(safe-area-inset-bottom));background:#100e0d9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.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),.38);stroke-width:2}.onb-art .og-plan-f{fill:rgba(var(--ink-rgb),.15)}.onb-art .og-plan-d{fill:none;stroke:rgba(var(--ink-rgb),.3);stroke-width:1.4;stroke-dasharray:3 3}.onb-art text{font-family:var(--ui-font)}.onb-art .og-th{font-size:10.5px;font-weight:600;fill:var(--ink);letter-spacing:-.01em}.onb-art .og-th.is-accent{fill:var(--accent)}.onb-art .og-t{font-size:9.5px;font-weight:500;fill:rgba(var(--ink-rgb),.78)}.onb-art .og-ts{font-size:8.5px;font-weight:400;fill:rgba(var(--ink-rgb),.45)}.onb-art .og-tw{font-size:8px;font-weight:600;fill:#fff}.onb-art .og-ok-t{font-size:8.5px;font-weight:500;fill:#2e9e5b}.onb-art .og-fold{fill:rgba(var(--ink-rgb),.1)}.onb-art .og-rule{stroke:rgba(var(--ink-rgb),.12);stroke-width:1}.onb-art .og-in{animation:og-in .5s cubic-bezier(.16,.72,.28,1) both}.onb-art .og-beat,.onb-art .og-float,.onb-art .og-pulse,.onb-art .og-eq,.onb-art .og-pick,.onb-art .og-nudge{transform-box:fill-box;transform-origin:center}.onb-art .og-beat{animation:og-beat 3.6s ease-in-out infinite}.onb-art .og-float{animation:og-float 5s ease-in-out infinite}.onb-art .og-nudge{animation:og-nudge 2.4s ease-in-out infinite}.onb-art .og-pulse{animation:og-pulse 3.4s ease-out infinite}.onb-art .og-eq{transform-origin:50% 100%;animation:og-eq 1.15s ease-in-out infinite alternate}.onb-art .og-scan{animation:og-scan 3.6s cubic-bezier(.5,0,.5,1) infinite}.onb-art .og-pick{opacity:0;animation:og-pick 4.4s linear infinite}@keyframes og-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes og-beat{0%,86%,to{transform:scale(1)}93%{transform:scale(1.16)}}@keyframes og-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes og-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes og-pulse{0%{transform:scale(.84);opacity:.8}70%{opacity:0}to{transform:scale(1.08);opacity:0}}@keyframes og-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1.5)}}@keyframes og-scan{0%{transform:translateY(0)}55%,to{transform:translateY(290px)}}@keyframes og-pick{0%{opacity:0}4%{opacity:1}20%{opacity:1}26%,to{opacity:0}}.onb-art .og-plan-dim{stroke:rgba(var(--ink-rgb),.3);stroke-width:1}.onb-art .og-plan-chip{fill:#fff}.onb-nav:focus-visible,.onb-try:focus-visible,.onb-go:focus-visible,.onb-x:focus-visible,.onb-dot:focus-visible{outline:2px solid rgba(var(--accent-rgb),.6);outline-offset:3px}.onb-sign a:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:3px;border-radius:3px}