:root{--bg-0: #07070d;--bg-1: #0c0c18;--violet: #7c3aed;--indigo: #6366f1;--pink: #ec4899;--green: #22c55e;--text: #f4f4fb;--muted: #a1a1c0;--faint: #6b6b8a;--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .07);--stroke: rgba(255, 255, 255, .09);--stroke-2: rgba(255, 255, 255, .14);--grad: linear-gradient(135deg, #8b5cf6 0%, #6366f1 55%, #4f46e5 100%);--radius: 22px;--radius-sm: 14px;--shadow: 0 20px 60px -20px rgba(0, 0, 0, .7)}:root[data-theme=light]{--bg-0: #eaecf6;--bg-1: #f7f8fd;--text: #15152b;--muted: #5a5a76;--faint: #9595ad;--glass: rgba(255, 255, 255, .72);--glass-2: rgba(255, 255, 255, .95);--stroke: rgba(20, 20, 50, .1);--stroke-2: rgba(20, 20, 50, .16);--shadow: 0 16px 40px -22px rgba(60, 50, 120, .4)}:root[data-theme=light] body{background:radial-gradient(1000px 520px at 80% -12%,rgba(124,58,237,.12),transparent 60%),radial-gradient(820px 460px at 6% 6%,rgba(99,102,241,.1),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}:root[data-theme=light] .sort option{background:#fff}:root[data-theme=light] .bar,:root[data-theme=light] .rate-bar,:root[data-theme=light] .up-date,:root[data-theme=light] .hero-detail,:root[data-theme=light] .save-stat{background:#1414320d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(1100px 560px at 78% -12%,rgba(124,58,237,.28),transparent 60%),radial-gradient(900px 500px at 8% 8%,rgba(99,102,241,.18),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-attachment:fixed;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.display{font-family:Sora,Inter,sans-serif;letter-spacing:-.02em}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.sub-card,.rate-card,.bank-row,.cat-card,.plan-row,.conn-row,.up-click,.bar>span,.legend-btn,.onb-step,.nav-item,.hero-amount-btn{-webkit-tap-highlight-color:transparent}.shell{max-width:860px;margin:0 auto;padding:28px 18px 96px}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.glass{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.logo{width:38px;height:38px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;box-shadow:0 8px 24px -6px #7c3aedb3}.logo-name{font-weight:700;font-size:19px;letter-spacing:-.02em}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.hero{padding:30px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(124,58,237,.35),transparent 70%);pointer-events:none}.hero-label{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.hero-amount{font-size:52px;font-weight:800;line-height:1.05;margin:8px 0 2px}.hero-amount .cur{font-size:26px;font-weight:600;color:var(--muted);margin-right:6px;vertical-align:super}.hero-sub{color:var(--muted);font-size:14px}.hero-amount-btn{display:inline-flex;align-items:center;gap:12px;margin:8px 0 2px;background:none;border:none;padding:0;color:inherit;cursor:pointer;font-family:inherit;text-align:left}.hero-amount-btn .hero-amount{margin:0}.hero-caret{font-size:15px;color:var(--muted);transition:color .15s ease}.hero-amount-btn:hover .hero-caret{color:var(--text)}.hero-detail{margin-top:16px;padding:6px 14px 14px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--stroke);animation:rise .2s ease}.hd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;font-size:14px;border-top:1px solid var(--stroke)}.hd-row:first-child{border-top:none}.hd-row>span{color:var(--muted)}.hd-row>b{font-weight:700;text-align:right}.hd-note{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.55}.hd-cta{margin-top:12px}.link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--indigo);font-weight:600;text-decoration:underline}.hero-label{display:flex;align-items:center}.info-btn{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:7px;padding:0;border:none;border-radius:50%;background:none;color:var(--faint);cursor:pointer;font-size:13px;line-height:1;transition:color .14s}.info-btn:hover{color:var(--text)}.hero-help{margin:9px 0 2px;padding:11px 13px;border-radius:var(--radius-sm);background:#6366f11a;border:1px solid rgba(99,102,241,.22);color:var(--muted);font-size:13px;line-height:1.55;animation:rise .2s ease}.hero-help b{color:var(--text);font-weight:700}.bar>span{cursor:pointer;transition:filter .14s}.bar>span:hover{filter:brightness(1.15)}.legend-btn{padding:3px 9px;margin:-3px 0;border:none;border-radius:9px;background:none;font:inherit;color:var(--muted);cursor:pointer;transition:background .14s,color .14s}.legend-btn:hover{background:#ffffff12;color:var(--text)}.up-click{cursor:pointer;border-radius:10px;transition:background .14s}.up-click:hover{background:#ffffff0d}.list-head-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.filter-chip{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:#a5b4fc;background:#6366f129;border:1px solid rgba(99,102,241,.32);border-radius:99px;padding:4px 11px;transition:background .14s}.filter-chip:hover{background:#6366f142}.onb{position:relative;overflow:hidden;padding:42px 24px 34px;text-align:center;display:flex;flex-direction:column;align-items:center}.onb-aura{position:absolute;top:-26px;left:50%;transform:translate(-50%);width:270px;height:270px;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 65%);filter:blur(24px);pointer-events:none}.onb-ring{width:96px;height:96px;position:relative;z-index:1}.onb-ring-track{fill:none;stroke:var(--stroke-2);stroke-width:5}.onb-ring-arc{fill:none;stroke:url(#onbHeroGrad);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:50% 50%;animation:onbfDraw 1.1s ease forwards .2s}.onb-ring-s{fill:url(#onbHeroGrad);font-size:40px;font-weight:800}.onb-logo{width:46px;height:46px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;box-shadow:0 8px 24px -6px #7c3aedb3}.onb-title{font-size:24px;font-weight:800;margin:16px 0 8px;position:relative;z-index:1;letter-spacing:-.01em}.onb-lead{color:var(--muted);margin:0 auto 22px;line-height:1.6;max-width:330px;position:relative;z-index:1}.onb-cta{position:relative;z-index:1;padding:13px 24px}.onb-step{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;font-family:inherit;color:var(--text);padding:14px;margin-bottom:10px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke);transition:background .15s,border-color .15s,transform .12s}.onb-step:hover{background:var(--glass-2);border-color:var(--stroke-2);transform:translateY(-1px)}.onb-num{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;background:#6366f12e;color:#a5b4fc}.onb-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.onb-h{font-weight:700;font-size:15.5px}.onb-d{color:var(--muted);font-size:13px}.onb-go{color:var(--faint);font-size:18px;flex-shrink:0}.trash{border-top:1px solid var(--stroke);margin-top:24px;padding-top:8px}.trash-head{display:flex;align-items:center;gap:9px;width:100%;padding:9px 4px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--muted);font-size:13.5px;font-weight:600}.trash-head:hover{color:var(--text)}.trash-head svg{color:var(--faint);flex-shrink:0}.trash-count{font-size:11px;font-weight:700;background:#ffffff14;color:var(--muted);padding:2px 8px;border-radius:99px}.trash-caret{margin-left:auto;color:var(--faint)}.trash-body{margin-top:6px;animation:rise .2s ease}.trash-row{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:var(--glass);border:1px solid var(--stroke)}.trash-name{font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-amt{font-size:12.5px;color:var(--faint);margin-top:1px}.bar{display:flex;height:12px;border-radius:99px;overflow:hidden;margin-top:20px;background:#ffffff0d}.bar>span{height:100%}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.legend-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:99px}.actions{display:flex;gap:10px;margin:22px 0 8px;flex-wrap:wrap}.btn{cursor:pointer;border:1px solid var(--stroke-2);border-radius:99px;padding:11px 18px;font-size:14px;font-weight:600;color:var(--text);background:var(--glass-2);display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn:hover{background:#ffffff1f;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--grad);border:none;box-shadow:0 10px 26px -8px #7c3aedb3}.btn-primary:hover{background:var(--grad);filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--glass-2);color:var(--text)}.btn-sm{padding:8px 14px;font-size:13px}.section-title{font-size:15px;font-weight:600;color:var(--muted);margin:28px 4px 12px}.list-head{display:flex;align-items:center;justify-content:space-between;margin:28px 4px 14px;gap:12px}.controls{display:flex;gap:8px;align-items:center}.toggle{cursor:pointer;border:1px solid var(--stroke-2);border-radius:99px;padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--glass-2);font-family:inherit}.toggle-on{background:#6366f12e;color:#a5b4fc;border-color:#6366f166}.sort{cursor:pointer;border:1px solid var(--stroke-2);border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600;color:var(--text);background:var(--glass-2);font-family:inherit;outline:none}.sort option{background:#15152a}.cat-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 9px}.cat-head-l{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px}.cat-count{font-size:11px;font-weight:600;color:var(--muted);background:#ffffff14;padding:2px 8px;border-radius:99px}.cat-sub{font-size:13px;color:var(--muted);font-weight:600}.conn-row{display:flex;align-items:center;gap:13px;padding:12px 15px;margin-bottom:9px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke)}.save-stats{display:flex;gap:12px}.save-stat{flex:1;background:#ffffff0d;border-radius:14px;padding:12px 14px;min-width:0}.save-n{font-size:22px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-l{font-size:12px;color:var(--muted);margin-top:2px}.tip-row{display:flex;align-items:center;gap:11px;padding:11px 13px;margin-top:8px;border-radius:13px;background:#22c55e12;border:1px solid rgba(34,197,94,.18);font-size:14px}.an-grid{display:flex;flex-wrap:wrap;gap:22px}.an-donut{display:flex;align-items:center;gap:16px;flex:1 1 280px}.an-bars{flex:1 1 280px}.bars{display:flex;align-items:flex-end;gap:8px;height:150px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bar-val{font-size:10.5px;color:var(--muted);margin-bottom:4px}.bar-stack{width:70%;max-width:30px;min-height:4px;border-radius:6px 6px 0 0;background:#6366f1;position:relative;display:flex;flex-direction:column;justify-content:flex-start}.bar-rate{width:100%;background:#ec4899;border-radius:6px 6px 0 0}.bar-lbl{font-size:11px;color:var(--muted);margin-top:6px;text-transform:uppercase}.up-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--stroke)}.up-row:first-of-type{border-top:none}.up-date{width:42px;flex-shrink:0;text-align:center;background:#ffffff0d;border-radius:10px;padding:5px 0}.up-day{font-weight:800;font-size:16px;line-height:1}.up-mon{font-size:10px;color:var(--muted);text-transform:uppercase;margin-top:2px}.rate-card{background:var(--glass);border:1px solid var(--stroke);border-radius:18px;padding:16px;margin-bottom:11px;cursor:pointer;transition:background .15s,border-color .2s,box-shadow .25s}.rate-card:hover{background:var(--glass-2);border-color:var(--stroke-2)}.rate-card.open{border-color:#7c3aed80;box-shadow:0 20px 54px -24px #7c3aeda6}.rate-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.rate-bar{display:flex;height:13px;border-radius:99px;overflow:hidden;background:#ffffff12}.rate-bar>span{background:linear-gradient(90deg,#22c55e,#16a34a);transition:width 1s cubic-bezier(.4,0,.2,1)}.rate-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:12.5px;color:var(--muted)}.rate-hint{text-align:center;color:var(--faint);font-size:12px;margin-top:10px}.rate-detail{margin-top:13px;border-top:1px solid var(--stroke);padding-top:11px;overflow:hidden;animation:rateDetailIn .35s ease both}@keyframes rateDetailIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.rate-row{display:flex;justify-content:space-between;align-items:center;padding:6px 2px;font-size:14px;opacity:0;animation:rateRowIn .5s cubic-bezier(.2,.9,.3,1.25) both}@keyframes rateRowIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.rate-detail,.rate-row{animation:none;opacity:1}.rate-bar>span{transition:none}}@keyframes rateRowIn{0%{opacity:0;transform:translate(-16px) scale(.95)}to{opacity:1;transform:none}}.rate-bar>span{position:relative;overflow:hidden}.rate-bar>span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:rateShimmer 2.2s ease-in-out infinite 1s}@keyframes rateShimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.rate-row.next{background:#eab3081a;border:1px solid rgba(234,179,8,.28);border-radius:11px;padding:8px 10px;margin:4px 0;animation:rateRowIn .5s cubic-bezier(.2,.9,.3,1.25) both,rateNextGlow 2.6s ease-in-out infinite .6s}@keyframes rateNextGlow{0%,to{box-shadow:0 0 #eab30800}50%{box-shadow:0 0 18px -2px #eab30873}}@media (prefers-reduced-motion: reduce){.rate-bar>span:after{animation:none}.rate-row.next{animation:none}}.sub-card{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:10px;cursor:pointer;border-radius:18px;background:var(--glass);border:1px solid var(--stroke);transition:background .15s ease,border-color .15s ease,transform .12s ease}.sub-card:hover{background:var(--glass-2);border-color:var(--stroke-2);transform:translateY(-1px)}.avatar{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff}.sub-main{flex:1;min-width:0}.sub-name{font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}.sub-meta{color:var(--muted);font-size:13px;margin-top:3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:#ffffff14;color:var(--muted)}.chip-detected{background:#22c55e26;color:#4ade80}.chip-cat{background:#6366f129;color:#a5b4fc}.sub-right{text-align:right;flex-shrink:0}.sub-amount{font-weight:700;font-size:17px}.sub-cycle{color:var(--faint);font-size:12px;margin-top:2px}.sub-chevron{color:var(--faint);font-size:23px;line-height:1;flex-shrink:0;margin-left:2px}.empty{position:relative;overflow:hidden;text-align:center;padding:46px 24px}.empty:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:210px;height:210px;background:radial-gradient(circle,rgba(124,58,237,.22),transparent 65%);filter:blur(22px);pointer-events:none;z-index:0}.empty-icon{position:relative;z-index:1;width:74px;height:74px;margin:0 auto 14px;font-size:34px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--stroke);box-shadow:0 16px 40px -16px #7c3aed8c;animation:heroFloat 3.6s ease-in-out infinite}.empty h3{position:relative;z-index:1;margin:0 0 6px;font-weight:800;font-size:17px}.empty p{position:relative;z-index:1;color:var(--muted);margin:0 auto;max-width:380px;line-height:1.6}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero{position:relative;overflow:hidden}.hero-aura{position:absolute;top:-44px;left:50%;transform:translate(-50%);width:300px;height:230px;background:radial-gradient(circle,rgba(124,58,237,.28),transparent 62%);filter:blur(28px);pointer-events:none;z-index:0}.hero>*:not(.hero-aura){position:relative;z-index:1}.hero-amount{background:linear-gradient(115deg,var(--text) 20%,#8b5cf6 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-amount .cur{-webkit-text-fill-color:var(--muted);color:var(--muted)}@media (prefers-reduced-motion: reduce){.empty-icon{animation:none}}.skel-card{pointer-events:none}.skel-av{width:44px;height:44px;border-radius:13px;flex-shrink:0}.skel-av,.skel-bar{background:linear-gradient(90deg,var(--glass) 25%,var(--glass-2) 50%,var(--glass) 75%);background-size:200% 100%;animation:skelShimmer 1.3s ease-in-out infinite;border-radius:8px}.skel-bar{height:12px}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skel-av,.skel-bar{animation:none}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2147483646}.imap-help{background:var(--glass);border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;margin-top:14px;display:flex;flex-direction:column;gap:8px}.imap-help-h{font-size:13px;font-weight:700}.imap-help a{color:var(--indigo);font-size:13px;text-decoration:none}.imap-help a:hover{text-decoration:underline}.imap-note{color:var(--faint);font-size:12px;line-height:1.5;margin:14px 2px 0;text-align:center}.toast{margin:14px 0;padding:12px 16px;border-radius:14px;font-size:14px;display:flex;gap:9px;align-items:center}.toast-ok{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.toast-err{background:#f871711f;color:#f87171;border:1px solid rgba(248,113,113,.25)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04040aa8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;z-index:50;animation:fade .2s ease;overflow-y:auto}.modal{width:100%;max-width:460px;padding:24px;margin:auto 0;overflow-x:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-title{font-size:20px;font-weight:700}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal{animation:rise .22s ease}.field{margin-top:14px}.field label{font-size:12.5px;color:var(--muted);font-weight:500;display:block;margin-bottom:6px}.input,.select{width:100%;padding:12px 14px;border-radius:13px;font-size:15px;color:var(--text);background:#ffffff0d;border:1px solid var(--stroke-2);outline:none;transition:border-color .15s,background .15s;font-family:inherit}.input:focus,.select:focus{border-color:var(--indigo);background:#6366f114}.input::placeholder{color:var(--faint)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row2{display:flex;gap:12px}.bank-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:#ffffff0a;border:1px solid var(--stroke);cursor:pointer;margin-top:9px;transition:background .14s,border-color .14s,transform .1s}.bank-row:hover{background:var(--glass-2);border-color:var(--indigo);transform:translate(2px)}.bank-logo{width:34px;height:34px;border-radius:9px;object-fit:contain;background:#fff;padding:3px}.bank-logo-fb{width:34px;height:34px;border-radius:9px;background:var(--grad);display:grid;place-items:center;font-weight:700;color:#fff}.scroll{margin-top:6px}.cat-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 480px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:15px 8px;border-radius:16px;min-width:0;overflow:hidden;background:var(--glass);border:1px solid var(--stroke);cursor:pointer;transition:background .14s,border-color .14s,transform .1s}.cat-card:hover{background:var(--glass-2);border-color:var(--indigo);transform:translateY(-2px)}.cat-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cat-from{color:var(--faint);font-size:11.5px}.btn-dashed{border-style:dashed;background:transparent;color:var(--muted)}.btn-dashed:hover{color:var(--text);background:var(--glass)}.plan-row{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:13px;background:#ffffff0a;border:1px solid var(--stroke);cursor:pointer;margin-bottom:8px;font-size:14.5px;transition:background .14s,border-color .14s}.plan-row:hover{background:var(--glass-2)}.plan-selected{border-color:var(--indigo);background:#6366f124}.app{max-width:880px;margin:0 auto;min-height:100vh}.appbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--bg-1) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.appbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--stroke-2);background:var(--glass-2);color:var(--text);cursor:pointer;font-size:16px;display:grid;place-items:center;transition:background .15s,transform .1s}.icon-btn:hover{background:#7f7fa02e}.icon-btn:active{transform:scale(.94)}.tabs{position:sticky;top:64px;z-index:25;display:flex;gap:4px;padding:9px 12px;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--bg-1) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--stroke)}.tabs::-webkit-scrollbar{display:none}.tab{padding:9px 17px;border-radius:99px;border:none;background:transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .15s,color .15s}.tab:hover{color:var(--text)}.tab-on{background:var(--grad);color:#fff;box-shadow:0 8px 20px -9px #7c3aeda6}.tab-content{padding:18px 16px 96px;animation:fade .25s ease}@media (max-width: 560px){.appbar{padding:11px 13px}.logo-name{font-size:17px}.tabs{display:none}.tab-content{padding:14px 12px calc(118px + env(safe-area-inset-bottom))}.hero{padding:22px}.hero-amount{font-size:40px}.actions .btn{flex:1;justify-content:center}}.auth{width:100%;max-width:400px;padding:34px 30px}.auth .logo{width:48px;height:48px;border-radius:15px;font-size:24px;margin-bottom:18px}.auth h1{font-size:27px;margin:0 0 6px;font-weight:800}.auth .lead{color:var(--muted);margin:0 0 22px;line-height:1.55}.auth .btn-primary{width:100%;justify-content:center;padding:13px;margin-top:20px;font-size:15px}.auth .switch{width:100%;justify-content:center;margin-top:12px}.spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{display:none}@media (max-width: 560px){.bottom-nav{display:flex;align-items:center;gap:4px;position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;padding:7px;background:color-mix(in srgb,var(--bg-1) 72%,transparent);border:1px solid var(--stroke-2);border-radius:99px;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 18px 44px -12px #000000a6,0 2px 8px #0000004d;animation:navrise .3s ease}.nav-item{display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:6px 10px 5px;border:none;border-radius:15px;background:none;cursor:pointer;color:var(--muted);font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:color .15s ease,background .15s ease,transform .1s ease}.nav-item svg{display:block}.nav-item:active{transform:scale(.92)}.nav-label{font-size:11px;font-weight:600;letter-spacing:.01em}.nav-on{color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 16%,transparent)}}@keyframes navrise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.up-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 2px 8px;margin:0 -2px;scrollbar-width:none}.up-scroll::-webkit-scrollbar{display:none}.up-cardw{scroll-snap-align:start;flex:0 0 auto;width:162px;height:196px;perspective:1000px;cursor:pointer;transition:transform .16s ease;animation:upin .4s ease both}.up-cardw:hover{transform:translateY(-3px)}@keyframes upin{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.up-card{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.up-cardw.flip .up-card{transform:rotateY(180deg)}.up-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;border:1px solid var(--stroke);background:linear-gradient(0deg,var(--glass),var(--glass)),var(--bg-1);box-shadow:var(--shadow);padding:13px;overflow:hidden;display:flex;flex-direction:column}.up-face:before{content:"";position:absolute;right:-42px;top:-42px;width:110px;height:110px;background:radial-gradient(circle,var(--accent),transparent 70%);opacity:.4;pointer-events:none}.up-front-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;position:relative}.up-date2{display:flex;flex-direction:column;line-height:1}.up-day2{font-weight:800;font-size:23px}.up-mon2{font-size:11px;color:var(--muted);text-transform:uppercase;margin-top:3px}.up-count{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;white-space:nowrap;background:#ffffff14;color:var(--muted)}.up-count-soon{background:#eab3082e;color:#eab308}.up-logo{margin-top:12px;position:relative}.up-nm{font-weight:600;font-size:14px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.up-amt{font-weight:800;font-size:18px;margin-top:auto;position:relative}.up-back{transform:rotateY(180deg);justify-content:space-between;gap:10px}.up-back-head{position:relative}.up-back-name{font-weight:700;font-size:14px;line-height:1.25;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.up-back-rows{display:flex;flex-direction:column;gap:6px;position:relative}.up-back-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.up-back-row strong{color:var(--text);font-weight:700;font-size:12.5px;text-align:right}.up-open{width:100%;justify-content:center;position:relative}.up-hint{text-align:center;color:var(--faint);font-size:11.5px;margin-top:6px}.up-head-right{display:flex;align-items:center;gap:12px}.up-nav{display:flex;gap:6px}.up-arrow{width:30px;height:30px;border-radius:9px;cursor:pointer;border:1px solid var(--stroke-2);background:var(--glass);color:var(--text);font-size:19px;line-height:1;font-weight:700;display:grid;place-items:center;transition:background .14s,transform .1s}.up-arrow:hover{background:var(--glass-2)}.up-arrow:active{transform:scale(.92)}@media (max-width: 560px){.up-nav{display:none}}.avatar-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--stroke-2);background:var(--grad);color:#fff;font-weight:800;font-size:16px;cursor:pointer;display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 16px -6px #7c3aed99;transition:transform .1s ease,filter .15s ease}.avatar-btn:hover{filter:brightness(1.08)}.avatar-btn:active{transform:scale(.94)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04040a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:80;display:flex;justify-content:flex-end;animation:fade .2s ease}.drawer{width:min(440px,100%);height:100%;overflow-y:auto;border-radius:0;border:none;border-left:1px solid var(--stroke);padding:18px 18px calc(26px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-1) 94%,transparent);animation:drawerin .3s cubic-bezier(.2,.7,.2,1)}@keyframes drawerin{0%{transform:translate(40px);opacity:.3}to{transform:none;opacity:1}}.pf-head{display:flex;align-items:center;gap:14px;margin:4px 2px 6px}.pf-av{width:54px;height:54px;border-radius:50%;flex-shrink:0;background:var(--grad);display:grid;place-items:center;font-weight:800;font-size:22px;color:#fff;box-shadow:0 8px 22px -8px #7c3aedb3}.pf-email{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-sub{color:var(--muted);font-size:13px;margin-top:2px}.pf-sec-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:700;margin:22px 4px 9px}.pf-row{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;margin-bottom:8px;border-radius:14px;background:var(--glass);border:1px solid var(--stroke);cursor:pointer;font-family:inherit;color:var(--text);text-align:left;transition:background .14s,border-color .14s}.pf-row:hover:not([disabled]){background:var(--glass-2);border-color:var(--stroke-2)}.pf-row[disabled]{cursor:default;opacity:.55}.pf-ic{width:36px;height:36px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-size:18px;background:#ffffff0f}.pf-row-body{flex:1;min-width:0;display:flex;flex-direction:column}.pf-row-h{font-weight:600;font-size:14.5px}.pf-row-d{color:var(--muted);font-size:12.5px;margin-top:1px}.pf-row-go{color:var(--faint);font-size:20px;flex-shrink:0}.pf-badge{font-size:10.5px;font-weight:700;background:#ffffff14;color:var(--muted);padding:3px 9px;border-radius:99px;flex-shrink:0}.pf-seg{display:inline-flex;background:#ffffff0f;border-radius:99px;padding:3px;gap:2px;flex-shrink:0}.pf-seg button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);padding:6px 10px;border-radius:99px;white-space:nowrap}.pf-seg button.on{background:var(--grad);color:#fff}.pf-form{display:flex;flex-direction:column;gap:9px;margin:-2px 0 12px}.pf-form .btn-primary{margin-top:2px;padding:12px}.pf-version{text-align:center;color:var(--faint);font-size:12px;margin:16px 0}.pf-logout{width:100%;justify-content:center;color:#f87171;border-color:#f871714d}.pf-logout:hover{background:#f871711a}.btn-danger{width:100%;background:#f8717124;color:#f87171;border:1px solid rgba(248,113,113,.4)}.btn-danger:hover{background:#f8717138}.field-hint{display:block;margin-top:6px;color:var(--faint);font-size:12px}.conn-x{background:transparent;border:none;color:var(--faint);cursor:pointer;font-size:16px;padding:7px;border-radius:9px;flex-shrink:0;transition:color .15s,background .15s}.conn-x:hover{color:#f87171;background:#f871711f}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;overflow:hidden;background:transparent}.splash-panel{position:absolute;pointer-events:none;backface-visibility:hidden;background-image:radial-gradient(1100px 560px at 78% -12%,rgba(124,58,237,.28),transparent 60%),radial-gradient(900px 500px at 8% 8%,rgba(99,102,241,.18),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0));background-repeat:no-repeat;background-size:100vw 100vh,100vw 100vh,100vw 100vh;transition:transform .82s cubic-bezier(.6,0,.18,1);will-change:transform}:root[data-theme=light] .splash-panel{background-image:radial-gradient(1000px 520px at 80% -12%,rgba(124,58,237,.12),transparent 60%),radial-gradient(820px 460px at 6% 6%,rgba(99,102,241,.1),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}.splash-panel.p-a{top:0;left:0;right:0;height:50%;background-position:center top}.splash-panel.p-b{bottom:0;left:0;right:0;height:50%;background-position:center bottom}.splash-open .p-a{transform:translateY(-101%)}.splash-open .p-b{transform:translateY(101%)}@media (min-width: 561px){.splash-panel.p-a{top:0;bottom:0;left:0;right:auto;width:50%;height:100%;background-position:left center}.splash-panel.p-b{top:0;bottom:0;right:0;left:auto;width:50%;height:100%;background-position:right center}.splash-open .p-a{transform:translate(-101%)}.splash-open .p-b{transform:translate(101%)}}.splash-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease,transform .42s ease}.splash-open .splash-center{opacity:0;transform:scale(.85)}.splash-core{position:relative;width:150px;height:150px;display:grid;place-items:center}.splash-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:splashSpin 2.6s linear infinite}.splash-ring-track{fill:none;stroke:#ffffff1a;stroke-width:4}.splash-ring-arc{fill:none;stroke:url(#splashGrad);stroke-width:4;stroke-linecap:round;stroke-dasharray:339;stroke-dashoffset:339;filter:drop-shadow(0 0 6px rgba(139,92,246,.7));animation:ringDraw .6s cubic-bezier(.4,0,.2,1) .04s forwards}@keyframes ringDraw{to{stroke-dashoffset:92}}@keyframes splashSpin{to{transform:rotate(360deg)}}.splash-logo{position:relative;width:92px;height:92px;border-radius:26px;background:var(--grad);color:#fff;font-weight:800;font-size:46px;display:grid;place-items:center;box-shadow:0 18px 50px -8px #7c3aedcc;animation:logoPop .55s cubic-bezier(.18,1.5,.4,1) .08s both,logoGlow 2.4s ease-in-out 1s infinite}@keyframes logoPop{0%{opacity:0;transform:scale(.25) rotate(-22deg)}60%{opacity:1}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes logoGlow{0%,to{box-shadow:0 18px 50px -8px #7c3aedcc}50%{box-shadow:0 18px 62px -2px #ec4899d9}}.splash-spark{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px #ffffffd9;opacity:0;animation:sparkFly .8s ease-out both}@keyframes sparkFly{0%{opacity:0;transform:translate(0) scale(.2)}35%{opacity:1;transform:translate(calc(var(--tx) * .6),calc(var(--ty) * .6)) scale(1.1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.2)}}.splash-word{margin-top:28px;font-size:32px;font-weight:800;color:var(--text);opacity:0;animation:wordRise .42s cubic-bezier(.2,.7,.2,1) .28s both}@keyframes wordRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.room-enter{animation:roomIn .82s cubic-bezier(.2,.7,.2,1) .8s both;transform-origin:center 42%}@keyframes roomIn{0%{transform:scale(.94);opacity:.4}to{transform:none;opacity:1}}.center.entering .auth{animation:loginThrough .42s cubic-bezier(.5,0,.8,.25) forwards}@keyframes loginThrough{to{opacity:0;transform:scale(1.18) translateY(-6px);filter:blur(3px)}}@media (prefers-reduced-motion: reduce){.splash-panel{transition:opacity .3s ease}.splash-open .p-a,.splash-open .p-b{transform:none;opacity:0}.splash-ring,.splash-logo{animation-iteration-count:1}.splash-ring-arc{animation:none;stroke-dashoffset:92}.splash-spark{display:none}.room-enter{animation:none}.center.entering .auth{animation:none;opacity:0}}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:18px;background:#06060e9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .25s ease both}.intro-card{width:100%;max-width:440px;padding:26px 24px 20px;position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 36px);animation:rise .35s cubic-bezier(.2,.7,.2,1) both}.intro-skip{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;color:var(--faint);font-size:13px;font-weight:600;padding:4px 6px;border-radius:8px}.intro-skip:hover{color:var(--muted)}.intro-body{overflow-y:auto;animation:introStep .32s ease both}@keyframes introStep{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.intro-logo{width:62px;height:62px;border-radius:18px;background:var(--grad);color:#fff;font-weight:800;font-size:31px;display:grid;place-items:center;margin:4px auto;box-shadow:0 14px 40px -10px #7c3aedb3}.intro-icon{font-size:46px;text-align:center;margin:2px 0}.intro-title{font-size:22px;font-weight:800;text-align:center;margin:10px 0 0}.intro-lead{color:var(--muted);text-align:center;line-height:1.55;margin:10px 2px 4px;font-size:14.5px}.intro-points{display:flex;flex-direction:column;gap:12px;margin-top:18px}.intro-point{display:flex;gap:12px;align-items:flex-start}.intro-point-ic{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:var(--glass-2);border:1px solid var(--stroke)}.intro-point-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.intro-point-t{font-weight:700;font-size:14.5px}.intro-point-d{color:var(--muted);font-size:13px;line-height:1.45}.intro-note{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:12.5px;line-height:1.5;color:var(--muted);background:var(--glass-2);border:1px solid var(--stroke)}.intro-dots{display:flex;justify-content:center;gap:7px;margin:18px 0 14px}.intro-dot{width:7px;height:7px;border-radius:99px;border:none;padding:0;cursor:pointer;background:var(--stroke-2);transition:width .2s,background .2s}.intro-dot.on{width:20px;background:var(--violet)}.intro-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.intro-nav .btn{min-width:110px;justify-content:center}.intro-nav>span{flex:1}.auto-lead{color:var(--muted);line-height:1.55;font-size:14.5px;margin:4px 2px 16px}.auto-cat{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:14px;margin-bottom:12px}.auto-cat-head{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px}.auto-dot{width:11px;height:11px;border-radius:99px;flex-shrink:0}.auto-dot.g{background:#4ade80;box-shadow:0 0 0 4px #4ade8029}.auto-dot.a{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2429}.auto-dot.n{background:#94a3b8;box-shadow:0 0 0 4px #94a3b829}.auto-cat-d{color:var(--muted);font-size:13px;line-height:1.5;margin:7px 0 0}.auto-ex{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;align-items:center}.auto-ex-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.auto-ex-more{color:var(--faint);font-size:12.5px}.auto-svc{border-top:1px solid var(--stroke);margin-top:12px;padding-top:12px}.auto-svc-head{display:flex;align-items:center;gap:11px}.auto-svc-txt{flex:1;min-width:0}.auto-svc-name{font-weight:700;font-size:14.5px}.auto-svc-note{color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px}.auto-how{margin-top:12px;animation:rise .2s ease}.auto-steps{margin:0 0 10px;padding-left:20px;display:flex;flex-direction:column;gap:7px}.auto-steps li{color:var(--text);font-size:13.5px;line-height:1.45}.auto-perk{background:var(--glass-2);border-radius:12px;padding:10px 12px;color:var(--muted);font-size:12.5px;line-height:1.5;margin-bottom:12px}.auto-how .btn{width:100%;justify-content:center;text-decoration:none}.auto-foot{display:flex;flex-direction:column;gap:9px;margin-top:18px}.cat-card.qp-on{border-color:var(--violet);background:var(--glass-2);position:relative}.qp-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:99px;background:var(--violet);color:#fff;font-size:12px;line-height:20px;text-align:center;font-weight:700}.cat-card.qp-have{opacity:.45;cursor:default}.cat-card.qp-have:hover{transform:none;border-color:var(--stroke);background:var(--glass)}.onbf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:20px 16px;background:radial-gradient(130% 100% at 50% -10%,rgba(124,58,237,.22),transparent 55%),#060510db;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fade .3s ease;overflow-y:auto}.onbf-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.onbf-orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.5}.onbf-orb.o1{width:320px;height:320px;top:-8%;left:-14%;background:radial-gradient(circle,#7c3aed,transparent 70%);animation:onbfDrift1 15s ease-in-out infinite alternate}.onbf-orb.o2{width:300px;height:300px;bottom:-12%;right:-12%;background:radial-gradient(circle,#6366f1,transparent 70%);animation:onbfDrift2 17s ease-in-out infinite alternate}.onbf-orb.o3{width:240px;height:240px;top:42%;right:28%;opacity:.32;background:radial-gradient(circle,#ec4899,transparent 70%);animation:onbfDrift1 19s ease-in-out infinite alternate-reverse}@keyframes onbfDrift1{0%{transform:translate(0)}to{transform:translate(42px,30px)}}@keyframes onbfDrift2{0%{transform:translate(0)}to{transform:translate(-42px,-26px)}}.onbf-card{position:relative;width:100%;max-width:440px;padding:24px 22px 20px;margin:auto 0;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#2e284eb8,#12102499);border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 140px -30px #000000c7,inset 0 1px #ffffff21;animation:onbfIn .6s cubic-bezier(.2,.9,.2,1) both}@keyframes onbfIn{0%{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}.onbf-aura{position:absolute;top:-45%;left:50%;width:380px;height:380px;background:radial-gradient(circle,rgba(139,92,246,.4),transparent 64%);filter:blur(26px);pointer-events:none;animation:onbfAura 9s ease-in-out infinite alternate}@keyframes onbfAura{0%{transform:translate(-54%,-4%) scale(1)}to{transform:translate(-46%,5%) scale(1.18)}}.onbf-x{position:absolute;top:12px;right:12px;z-index:3;width:30px;height:30px;border-radius:99px;border:none;background:#ffffff14;color:#fff9;cursor:pointer;font-size:14px;transition:.15s}.onbf-x:hover{color:#fff;background:#ffffff29}.onbf-prog{display:flex;gap:6px;position:relative;z-index:1;margin-bottom:20px;padding-right:34px}.onbf-seg{position:relative;flex:1;height:5px;border-radius:99px;background:#ffffff1a;overflow:hidden;transition:background .4s ease}.onbf-seg.on{background:linear-gradient(90deg,#a78bfa,#6366f1);box-shadow:0 0 12px -2px #7c3aedb3}.onbf-seg.cur:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translate(-100%);animation:onbfShine 1.9s ease-in-out infinite}@keyframes onbfShine{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.onbf-body{position:relative;z-index:1;text-align:center;animation:fade .3s ease both}.onbf-body>*{opacity:0;animation:onbfRise .55s cubic-bezier(.2,.85,.25,1) both}.onbf-body>*:nth-child(1){animation:onbfPop .65s cubic-bezier(.2,1.5,.45,1) both}.onbf-body>*:nth-child(2){animation-delay:.12s}.onbf-body>*:nth-child(3){animation-delay:.19s}.onbf-body>*:nth-child(4){animation-delay:.26s}.onbf-body>*:nth-child(5){animation-delay:.33s}.onbf-body>*:nth-child(6){animation-delay:.4s}.onbf-body>*:nth-child(7){animation-delay:.47s}@keyframes onbfRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes onbfPop{0%{opacity:0;transform:scale(.6) translateY(6px)}to{opacity:1;transform:none}}.onbf-ic{width:78px;height:78px;margin:2px auto 8px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff1a,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px -14px #7c3aedbf}.onbf-icsvg{width:46px;height:46px}.onbf-icsvg .dr{fill:none;stroke:#b9a7fb;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:onbfDraw .8s ease forwards .28s}@keyframes onbfDraw{to{stroke-dashoffset:0}}.onbf-ring{width:90px;height:90px;margin:0 auto 8px;display:block}.onbf-ring-track{fill:none;stroke:#ffffff1a;stroke-width:5}.onbf-ring-arc{fill:none;stroke:url(#onbfGrad);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:50% 50%;animation:onbfDraw 1.05s ease forwards .25s}.onbf-ring-s{fill:url(#onbfGrad);font-size:40px;font-weight:800;font-family:var(--font-display, inherit)}.onbf-title{font-size:23px;font-weight:800;margin:8px 6px 0;line-height:1.2;letter-spacing:-.01em;color:#f4f2ff}.onbf-lead{color:#e7e5fab8;font-size:14.5px;line-height:1.55;margin:10px 8px 4px}.onbf-lead b{color:#f4f2ff}.onbf-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 4px}.onbf-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600;color:#ffffffdb}.onbf-cta,.onbf-wide{position:relative;overflow:hidden}.onbf-cta{min-width:132px;justify-content:center}.onbf-wide{width:100%;justify-content:center;padding:13px;margin-top:16px}.onbf-cta:after,.onbf-wide:after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:onbfSheen 3.4s ease-in-out infinite;pointer-events:none}@keyframes onbfSheen{0%{left:-60%}55%,to{left:140%}}.onbf-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.onbf-nav-center,.onbf-nav .btn{justify-content:center}.onbf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;max-height:280px;overflow-y:auto;padding:2px}.onbf-body .field{text-align:left}.onbf-body .field label{color:#e7e5fab3}.onbf-body .input,.onbf-body .select{background:#ffffff0f;color:#f4f2ff;border-color:#ffffff29}.onbf-body .input::placeholder{color:#ffffff6b}.onbf-body .cat-card{background:#ffffff0d;border-color:#ffffff1a}.onbf-body .cat-card:hover{background:#ffffff17;border-color:#fff3}.onbf-body .cat-card.qp-on{background:#7c3aed38;border-color:var(--violet)}.onbf-body .cat-name{color:#f1eefb}.onbf-body .cat-from{color:#ece9fb80}.onbf-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.onbf-conf{position:absolute;top:-8%;width:8px;height:13px;border-radius:2px;opacity:0;animation:onbfConfetti linear forwards}@keyframes onbfConfetti{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(470px) rotate(560deg)}}@media (prefers-reduced-motion: reduce){.onbf-orb,.onbf-aura,.onbf-seg.cur:after,.onbf-cta:after,.onbf-wide:after,.onbf-conf,.onbf-icsvg .dr,.onbf-ring-arc{animation:none}.onbf-ring-arc,.onbf-icsvg .dr{stroke-dashoffset:0}.onbf-body>*,.onbf-body>*:nth-child(1){animation:fade .3s ease both;opacity:1}}