:root{--bg:#2b0f24;--bg-deep:#1a0815;--surface:#3d1830;--surface-hover:#4a1f3b;--surface-3:#5a2648;--border:#5a2648;--text:#fbefe0;--text-muted:#c9a8be;--text-muted-dim:#8e6c81;--accent:#ff6b4a;--accent-2:#f4c95d;--teal:#5fd6c0;--gold:#f4c95d;--coral:#ff6b4a;--success:#5fd6c0;--danger:#f87171;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.disp{font-family:Great Vibes,cursive}.serif-i{font-family:Instrument Serif,serif;font-style:italic}.blob{border-radius:42% 58% 63% 37%/45% 41% 59% 55%}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 100%);color:var(--text);background-attachment:fixed;min-height:100vh;margin:0}a{color:inherit}.container{max-width:480px;margin:0 auto;padding:24px 20px 96px}.brand{letter-spacing:.01em;background:linear-gradient(90deg,#ff69b4,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px #00000040;-webkit-background-clip:text;background-clip:text;font-family:Great Vibes,cursive;font-size:52px;animation:6s linear infinite brandShine}@keyframes brandShine{0%{background-position:0%}to{background-position:200%}}.brand:after{content:".";color:var(--gold)}.tagline{color:var(--text-muted);font-family:Instrument Serif,serif;font-size:15px;font-style:italic}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 20px 40px -24px #00000080}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-muted);font-size:13px;font-weight:500}.field input,.field select,.field textarea{background:var(--bg-deep);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:11px 12px;font-family:inherit;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:13px 20px;font-family:Great Vibes,cursive;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--coral), var(--gold));color:var(--bg-deep)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.error-text{color:var(--danger);margin-top:-8px;margin-bottom:12px;font-size:13px}.profile-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);cursor:pointer;gap:14px;margin-bottom:10px;padding:14px;transition:background .15s;display:flex}.profile-card:hover{background:var(--surface-hover)}.avatar{color:var(--bg-deep);background:linear-gradient(135deg, var(--coral), var(--gold));width:56px;height:56px;border-radius:42% 58% 63% 37%/45% 41% 59% 55%;flex-shrink:0;justify-content:center;align-items:center;font-family:Great Vibes,cursive;font-size:20px;display:flex}.tag{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block}nav.tabbar{background:var(--surface);border:1px solid var(--border);border-radius:999px;justify-content:space-around;max-width:448px;margin:0 auto;padding:12px 0;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 20px 40px -20px #0009}nav.tabbar a{color:var(--text-muted-dim);text-align:center;font-family:Great Vibes,cursive;font-size:13px;font-weight:600;text-decoration:none}.msg-bubble{border-radius:18px;max-width:75%;margin-bottom:8px;padding:10px 14px;font-size:14px;line-height:1.4}.msg-mine{background:linear-gradient(135deg, var(--coral), var(--gold));color:var(--bg-deep);border-bottom-right-radius:4px;margin-left:auto;font-weight:500}.msg-theirs{background:var(--surface-hover);border:1px solid var(--border);border-bottom-left-radius:4px;margin-right:auto}:root{--accent:#c084fc!important;--text-muted:#9d94ab!important}body{background:#120c17!important}.card{-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:0 8px 32px #00000073;background:#1a1220b8!important;border:1px solid #ffffff14!important;border-radius:16px!important}.btn-primary{color:#1a1220!important;background:#c084fc!important;border:none!important;font-weight:600!important}.btn-secondary{color:#9d94ab!important;background:0 0!important;border:1px solid #3a2d47!important}input,select,textarea{color:#f0ebf5!important;background:#241a2e!important;border:1px solid #3a2d47!important;border-radius:10px!important;padding:10px 12px!important}input:focus,select:focus,textarea:focus{border-color:#c084fc!important;outline:none!important}nav.tabbar{background:#1a1220!important;border:1px solid #2e2438!important}nav.tabbar a{color:#9d94ab!important}nav.tabbar a.active{color:#c084fc!important}:root{--surface-hover:#241a2e!important;--surface-3:#2e2438!important;--teal:#d8b4fe!important;--gold:#c084fc!important;--coral:#7c3aed!important;--success:#4ade80!important}.card{border-radius:20px!important;padding:26px!important;box-shadow:0 24px 48px -28px #0009!important}.field{gap:8px!important;margin-bottom:22px!important}.field input,.field select,.field textarea,input,select,textarea{border-radius:14px!important;padding:12px 14px!important}.field label{letter-spacing:.2px!important;font-size:13px!important}.swipe-card{overflow:visible!important}.swipe-photo-wrap{aspect-ratio:3/4;border-radius:20px;width:100%;position:relative;overflow:hidden}.swipe-photo-wrap img{object-fit:cover;width:100%;height:100%;display:block}.swipe-overlay{-webkit-backdrop-filter:blur(10px);color:#fff;background:linear-gradient(#0000 0%,#0a060e40 55%,#0a060e8c 100%);padding:28px 20px 22px;position:absolute;bottom:0;left:0;right:0}.swipe-name{font-family:Great Vibes,cursive;font-size:24px;font-weight:700}.swipe-tags{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.swipe-bio{color:#ffffffd9;margin-top:4px;font-size:14px;line-height:1.4}.swipe-actions{z-index:5;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;bottom:-30px;left:0;right:0}.swipe-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;box-shadow:0 14px 28px -10px #000000b3}.swipe-btn:active{transform:scale(.9)}.swipe-btn-pass{width:56px;height:56px;font-size:22px;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important}.swipe-btn-super{width:52px;height:52px;font-size:20px;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--teal)!important}.swipe-btn-like{width:68px;height:68px;font-size:28px;border:none!important}.swipe-actions{bottom:-28px!important}.swipe-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:32px 20px 20px!important}.swipe-name{margin-bottom:2px}.swipe-tags .tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff!important;background:#ffffff1f!important;border:1px solid #fff3!important}.swipe-bio{max-width:92%;margin-top:6px!important}.swipe-btn{border-width:1.5px!important}.swipe-btn-pass:hover,.swipe-btn-super:hover{background:var(--surface-hover)!important}.swipe-btn-like:hover{filter:brightness(1.08)}.swipe-actions{justify-content:center;align-items:center;gap:18px;padding-top:18px;display:flex;position:static!important;bottom:auto!important}:root{--accent:#c084fc!important}.profile-preview-card{margin-bottom:22px}.profile-preview-photo{aspect-ratio:16/10!important;border-radius:20px!important}.profile-tabs{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.profile-tab{white-space:nowrap;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.profile-tab.active{color:#1a1220!important;background:#c084fc!important}.profile-tab:hover:not(.active){background:var(--surface-hover);color:var(--text)}.card img,.card button[style*=dashed]{border-radius:14px!important}.matches-list{flex-direction:column;gap:10px;display:flex}.match-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:12px;transition:background .15s,border-color .15s;display:flex}.match-row:hover{background:var(--surface-hover);border-color:#3a2d47}.match-avatar{border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.match-avatar img{object-fit:cover;width:100%;height:100%;display:block}.match-avatar .avatar{width:56px;height:56px;font-size:20px}.match-info{flex:1;min-width:0}.match-name{font-size:15px;font-weight:700}.match-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.match-chevron{color:var(--text-muted-dim);font-size:22px}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:12px;padding:16px 0;display:flex}.chat-back{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.chat-back:hover{background:var(--surface-hover)}.chat-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.chat-avatar .avatar{width:40px;height:40px;font-size:16px}.chat-name{font-size:16px;font-weight:700}.chat-input-bar{align-items:center;gap:10px;padding-top:12px;display:flex}.chat-input{flex:1;font-size:14px;background:var(--bg-deep)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:999px!important;padding:13px 18px!important}.chat-send-btn{color:#1a1220;cursor:pointer;background:#c084fc;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;transition:filter .15s;display:flex}.chat-send-btn:hover{filter:brightness(1.08)}.msg-bubble{font-size:14px}.msg-mine{align-self:flex-end;color:#1a1220!important;background:#c084fc!important}.msg-theirs{border:1px solid var(--border);align-self:flex-start;background:var(--surface)!important}.swipe-card{cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform}.swipe-card:active{cursor:grabbing}.photo-dots{z-index:3;gap:4px;display:flex;position:absolute;top:10px;left:10px;right:10px}.photo-dot{background:#ffffff4d;border-radius:999px;flex:1;height:3px}.photo-dot.active{background:#fffffff2}.swipe-stamp{letter-spacing:2px;z-index:4;pointer-events:none;border:3px solid;border-radius:8px;padding:6px 14px;font-family:Great Vibes,cursive;font-size:52px;transition:opacity 50ms linear;position:absolute;top:28px}.swipe-stamp-like{color:#4ade80;border-color:#4ade80;left:20px;transform:rotate(-18deg)}.swipe-stamp-pass{color:#f87171;border-color:#f87171;right:20px;transform:rotate(18deg)}.swipe-more-hint{color:#fff9;text-align:center;letter-spacing:.3px;margin-bottom:6px;font-size:11px}.profile-detail-overlay{background:var(--bg-deep);z-index:100;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.profile-detail-photo{flex-shrink:0;width:100%;height:100dvh;position:relative;overflow:hidden}.profile-detail-photo img{object-fit:cover;width:100%;height:100%;display:block}.detail-close-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a060e99;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.profile-detail-info{flex:1;padding:24px 20px 100px}.detail-name{font-family:Great Vibes,cursive;font-size:26px;font-weight:700}.detail-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:18px;margin-bottom:6px;font-size:13px;font-weight:700}.detail-bio{color:var(--text);font-size:15px;line-height:1.6}.detail-actions{z-index:110;justify-content:center;align-items:center;gap:18px;padding:16px 0 0;display:flex;position:fixed;bottom:24px;left:0;right:0}.photo-gradient-overlay{pointer-events:none;background:linear-gradient(#0000 45%,#0a060e8c 72%,#0a060ee6 100%);position:absolute;inset:0}.photo-name-overlay{z-index:2;position:absolute;bottom:110px;left:20px;right:20px}.photo-name-overlay .detail-name{color:#fff;text-shadow:0 2px 10px #00000080}.photo-name-overlay .tag{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26}.pride-flag-bg{z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:screen;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.pride-flag-bg svg{width:100%;height:100%}#root{z-index:1;position:relative}.card{position:relative}.card:before{content:"";filter:blur(45px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ff2d95f2 0%,#ff2d9573 45%,#ff2d9500 75%);border-radius:40px;position:absolute;inset:-90px}.card{z-index:1}@keyframes smokeIn{0%{opacity:0;filter:blur(18px)brightness(1.3);transform:scale(1.06)}55%{opacity:1;filter:blur(4px)brightness(1.1)}to{opacity:1;filter:blur()brightness();transform:scale(1)}}.swipe-card{animation:.45s cubic-bezier(.22,1,.36,1) smokeIn}.card{-webkit-backdrop-filter:blur(20px)saturate(110%)!important;backdrop-filter:blur(20px)saturate(110%)!important;background:#120c18f5!important}.card:before{background:radial-gradient(circle,#ff2d9559 0%,#ff2d9526 45%,#ff2d9500 75%)!important}.field label{opacity:.92;color:var(--text)!important;font-weight:600!important}.field input,.field select,.field textarea,input,select,textarea{color:var(--text)!important;background:#08050ce6!important;border:1px solid #ffffff29!important}.field input::placeholder,input::placeholder{opacity:1;color:var(--text-muted-dim)!important}.onb-page{--onb-dusk-900:#0f0920;--onb-dusk-800:#180f2e;--onb-gold:#eab564;--onb-gold-glow:#eab56473;--onb-rose:#d9698c;--onb-teal:#5fb3a9;--onb-paper:#f6f1e8;z-index:50;background:var(--onb-dusk-900);color:var(--onb-paper);justify-content:center;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.onb-bg-mesh{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.onb-orb{filter:blur(70px);opacity:.55;border-radius:50%;animation:22s ease-in-out infinite alternate onbDrift;position:absolute}.onb-orb-1{background:var(--onb-rose);width:340px;height:340px;animation-duration:26s;top:-80px;left:-60px}.onb-orb-2{background:var(--onb-teal);width:300px;height:300px;animation-duration:20s;animation-delay:-4s;bottom:-100px;right:-60px}.onb-orb-3{background:var(--onb-gold);opacity:.35;width:260px;height:260px;animation-duration:30s;animation-delay:-10s;top:40%;left:60%}@keyframes onbDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.15)}to{transform:translate(-20px,20px)scale(.95)}}.onb-shell{z-index:2;flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;position:relative}.onb-progress-track{flex-shrink:0;gap:4px;height:4px;margin-top:14px;padding:0 20px;display:flex}.onb-progress-seg{background:#f6f1e81f;border-radius:3px;flex:1;height:100%;position:relative;overflow:hidden}.onb-progress-fill{background:linear-gradient(90deg, var(--onb-gold), var(--onb-rose));transform-origin:0;box-shadow:0 0 10px var(--onb-gold-glow);transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.onb-progress-seg.done .onb-progress-fill{transform:scaleX(1)}.onb-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.onb-icon-btn{color:var(--onb-paper);cursor:pointer;background:#f6f1e80f;border:1px solid #f6f1e81a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:transform .15s;display:flex}.onb-icon-btn:active{transform:scale(.9)}.onb-skip-btn{color:var(--onb-paper);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:.55;background:0 0;border:none;font-family:IBM Plex Mono,monospace;font-size:11px}.onb-skip-btn:hover{opacity:1}.onb-content{flex:1;padding:22px 24px 12px;overflow-y:auto}.onb-step-anim{animation:.45s cubic-bezier(.22,1,.36,1) onbStepIn}@keyframes onbStepIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onb-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--onb-teal);align-items:center;gap:8px;margin:0 0 12px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.onb-eyebrow:before{content:"";background:var(--onb-teal);width:5px;height:5px;box-shadow:0 0 8px var(--onb-teal);border-radius:50%}.onb-h1{letter-spacing:-.01em;margin:0 0 10px;font-family:Fraunces,serif;font-size:33px;font-weight:300;line-height:1.1}.onb-h1 em{color:var(--onb-gold);font-style:italic}.onb-subtext{color:#f6f1e899;margin:0 0 26px;font-size:14.5px;line-height:1.55}.onb-option-list{flex-direction:column;gap:10px;display:flex}.onb-option-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#f6f1e80a;border:1px solid #f6f1e814;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px;font-size:16px;transition:border-color .2s,background .2s,transform .15s,box-shadow .25s;display:flex}.onb-option-row:active{transform:scale(.98)}.onb-option-row.selected{border-color:var(--onb-gold);box-shadow:0 0 22px -4px var(--onb-gold-glow);background:linear-gradient(135deg,#eab56424,#d9698c14)}.onb-option-row.selected .onb-label{color:var(--onb-gold);font-weight:700}.onb-check{border:2px solid #f6f1e840;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.onb-option-row.selected .onb-check{border-color:var(--onb-gold);background:var(--onb-gold);box-shadow:0 0 12px var(--onb-gold-glow)}.onb-check svg{opacity:0;width:13px;height:13px;color:var(--onb-dusk-900);transition:opacity .15s}.onb-option-row.selected .onb-check svg{opacity:1}.onb-pill-list{flex-direction:column;gap:12px;display:flex}.onb-pill{text-align:center;cursor:pointer;background:#f6f1e808;border:1.5px solid #f6f1e826;border-radius:999px;padding:17px;font-size:16px;font-weight:600;transition:all .2s}.onb-pill:active{transform:scale(.97)}.onb-pill.selected{border-color:var(--onb-gold);color:var(--onb-gold);box-shadow:0 0 24px -4px var(--onb-gold-glow);background:linear-gradient(135deg,#eab5642e,#d9698c1a)}.onb-card-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.onb-grid-card{aspect-ratio:3/4;text-align:center;cursor:pointer;background:#f6f1e808;border:1.5px solid #f6f1e81a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:12.5px;transition:all .2s;display:flex}.onb-grid-card:active{transform:scale(.96)}.onb-grid-card .onb-emoji{filter:drop-shadow(0 0 6px #0000004d);font-size:28px}.onb-grid-card.selected{border-color:var(--onb-gold);box-shadow:0 0 20px -4px var(--onb-gold-glow);background:linear-gradient(160deg,#eab56429,#d9698c14);transform:translateY(-2px)}.onb-page input[type=text],.onb-page input[type=number]{width:100%;color:var(--onb-paper);background:#f6f1e80d;border:1.5px solid #f6f1e81f;border-radius:14px;outline:none;padding:16px;font-family:Inter,sans-serif;font-size:17px;transition:border-color .2s,box-shadow .2s}.onb-page input:focus{border-color:var(--onb-gold);box-shadow:0 0 0 4px #eab5641f}.onb-helper{color:#f6f1e880;margin-top:14px;font-size:13px;line-height:1.55}.onb-helper strong{color:var(--onb-paper)}.onb-dob-row{gap:10px;display:flex}.onb-dob-field{flex:1}.onb-dob-field label{text-transform:uppercase;letter-spacing:.08em;color:#f6f1e880;margin-bottom:7px;font-size:10.5px;display:block}.onb-chip-cloud{flex-wrap:wrap;gap:10px;display:flex}.onb-chip{cursor:pointer;background:#f6f1e808;border:1.5px solid #f6f1e826;border-radius:999px;padding:10px 17px;font-size:13.5px;transition:all .2s}.onb-chip:active{transform:scale(.95)}.onb-chip.selected{border-color:var(--onb-gold);background:var(--onb-gold);color:var(--onb-dusk-900);box-shadow:0 0 16px -2px var(--onb-gold-glow);font-weight:700}.onb-photo-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.onb-photo-slot{aspect-ratio:3/4;cursor:pointer;background:#f6f1e808;border:1.5px dashed #f6f1e833;border-radius:16px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.onb-photo-slot:active{transform:scale(.96)}.onb-photo-slot.filled{border-style:solid;border-color:#eab56466}.onb-photo-slot img{object-fit:cover;width:100%;height:100%}.onb-plus-badge{background:var(--onb-paper);width:32px;height:32px;color:var(--onb-dusk-900);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.onb-remove-badge{width:26px;height:26px;color:var(--onb-paper);z-index:2;background:#0f0920d9;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:8px;right:8px}.onb-photo-note{color:#f6f1e880;margin-top:20px;font-size:13px;line-height:1.55}.onb-error-text{color:var(--onb-rose);margin-top:10px;font-size:13px}.onb-footer{flex-shrink:0;padding:14px 24px 30px}.onb-cta{background:linear-gradient(135deg, var(--onb-paper), #fff);width:100%;color:var(--onb-dusk-900);cursor:pointer;border:none;border-radius:999px;padding:17px;font-size:16px;font-weight:700;transition:transform .15s,opacity .2s,box-shadow .2s;box-shadow:0 8px 30px -8px #eab56466}.onb-cta:active:not(:disabled){transform:scale(.97)}.onb-cta:disabled{opacity:.3;box-shadow:none;cursor:not-allowed}.onb-hidden{visibility:hidden}.onb-display-none{display:none}.onb-finish-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:66vh;display:flex}.onb-finish-ring{background:linear-gradient(135deg, var(--onb-gold), var(--onb-rose));width:88px;height:88px;box-shadow:0 0 50px -6px var(--onb-gold-glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:26px;animation:.6s cubic-bezier(.22,1.6,.36,1) onbPopIn;display:flex}.onb-finish-ring svg{width:40px;height:40px;color:var(--onb-dusk-900)}@keyframes onbPopIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.onb-confetti-canvas{z-index:60;pointer-events:none;position:fixed;inset:0}.onb-grain{z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{min-height:100vh}