:root{--onb-amber: #e8b04b;--onb-amber-ink: #4a3410;--onb-card-bg: linear-gradient(180deg, rgba(30,23,10,.94), rgba(20,15,7,.94));--onb-card-border: rgba(232,176,75,.5)}.onb-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.onb-spot{position:fixed;border-radius:14px;pointer-events:none;opacity:0;box-shadow:0 0 0 2px var(--onb-amber),0 0 0 5px #e8b04b38,0 0 18px 4px #e8b04b52;transition:opacity .25s}.onb-spot.on{opacity:1}.onb-card{position:fixed;max-width:320px;pointer-events:auto;opacity:0;background:var(--onb-card-bg);border:1px solid var(--onb-card-border);border-left:3px solid var(--onb-amber);border-radius:13px;padding:13px 15px;color:#f4ead6;box-shadow:0 16px 40px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:system-ui,Segoe UI,sans-serif;transition:opacity .25s}.onb-card.on{opacity:1}.onb-jump .onb-card,.onb-jump .onb-spot{transition:none}.onb-kicker{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--onb-amber);display:flex;justify-content:space-between;margin-bottom:5px}.onb-title{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:15px;color:#fff;margin-bottom:4px}.onb-body{font-size:13px;line-height:1.45;color:#e4d8c0}.onb-actions{display:flex;gap:10px;margin-top:11px;align-items:center}.onb-actions-final{justify-content:center}.onb-checks{display:flex;flex-direction:column;gap:6px;margin-top:9px}.onb-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#e4d8c0}.onb-check-box{flex:none;width:15px;height:15px;border-radius:4px;border:1.5px solid rgba(232,176,75,.65);display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:var(--onb-amber-ink);transition:background .2s,border-color .2s}.onb-check.done .onb-check-box{background:var(--onb-amber);border-color:var(--onb-amber)}.onb-check.done .onb-check-box:before{content:"✓";font-weight:700}.onb-check.done .onb-check-label{color:#b9ad93;text-decoration:line-through}.onb-next{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:13px;background:var(--onb-amber);color:var(--onb-amber-ink);border:0;border-radius:999px;padding:7px 16px;cursor:pointer}.onb-skip{background:none;border:0;color:#b9ad93;font-size:12px;cursor:pointer;text-decoration:underline}.onb-next:focus-visible,.onb-skip:focus-visible{outline:2px solid #fff;outline-offset:2px}.onb-glow{box-shadow:0 0 0 2px var(--onb-amber),0 0 14px 4px #e8b04b80!important}@media(prefers-reduced-motion:no-preference){.onb-spot.on{animation:onbPulse 2s ease-in-out infinite}.onb-glow{animation:onbGlowPulse 1.6s ease-in-out infinite}@keyframes onbPulse{0%,to{box-shadow:0 0 0 2px var(--onb-amber),0 0 0 5px #e8b04b38,0 0 16px 3px #e8b04b47}50%{box-shadow:0 0 0 2px var(--onb-amber),0 0 0 7px #e8b04b1a,0 0 24px 6px #e8b04b66}}@keyframes onbGlowPulse{0%,to{box-shadow:0 0 0 2px var(--onb-amber),0 0 10px 2px #e8b04b59}50%{box-shadow:0 0 0 3px var(--onb-amber),0 0 20px 7px #e8b04b99}}}.onb-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:62;display:none;align-items:center;justify-content:center;text-align:center;padding:6%;background:radial-gradient(120% 100% at 50% 0%,#141e34db,#05070eed);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.onb-intro.on{display:flex}.onb-intro-card{max-width:460px;display:flex;flex-direction:column;align-items:center;gap:14px}.onb-intro-avatar{position:relative;width:108px;height:108px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #e8b04b80,0 0 34px 6px #e8b04b47}.onb-intro-avatar .avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.onb-intro-avatar.is-empty .avatar-img{display:none}.onb-intro-avatar .avatar-canvas{pointer-events:none}.onb-intro-name{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:22px;color:#fff}.onb-intro-title{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--onb-amber)}.onb-intro-ctx{font-size:14px;line-height:1.5;color:#dfe3ec}.onb-intro-start{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:15px;background:var(--onb-amber);color:var(--onb-amber-ink);border:0;border-radius:999px;padding:10px 26px;cursor:pointer}.onb-intro-start:focus-visible{outline:2px solid #fff;outline-offset:2px}