: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}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body{margin:0;padding:0}html{background:var(--bg-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-color:var(--bg-0);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}*{-webkit-tap-highlight-color:transparent}button{-webkit-user-select:none;user-select:none}.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}.brand-badge{width:46px;height:46px;display:block;flex-shrink:0}.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}.mprog{margin-top:18px}.mprog-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.mprog-title{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.mprog-pct{font-size:13px;font-weight:800;color:var(--text);letter-spacing:-.01em}.mprog-track{position:relative;height:11px;border-radius:99px;overflow:hidden;background:#ffffff12;box-shadow:inset 0 1px 2px #00000052}.mprog-fill{position:relative;height:100%;border-radius:99px;min-width:11px;background:linear-gradient(90deg,#7c3aed,#a855f7 52%,#ec4899);box-shadow:0 0 14px -2px #a855f7a6;transition:width 1s cubic-bezier(.22,1,.3,1)}.mprog-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:mprogShine 2.8s ease-in-out 1.1s infinite}@keyframes mprogShine{0%{transform:translate(-100%)}55%,to{transform:translate(220%)}}.mprog-knob{position:absolute;right:0;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(45%,-50%);background:#fff;box-shadow:0 0 0 3px #a855f74d,0 2px 6px #0006}.mprog-legend{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.mprog-leg{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.mprog-leg b{color:var(--text);font-weight:700}.mprog-leg.paid b{color:#c084fc}.mprog-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mprog-leg.paid .mprog-dot{background:#a855f7;box-shadow:0 0 8px #a855f7a6}.mprog-leg.left .mprog-dot{background:transparent;border:1.5px solid var(--stroke-2)}:root[data-theme=light] .mprog-track{background:#14143214;box-shadow:inset 0 1px 2px #1414321a}@media (prefers-reduced-motion: reduce){.mprog-fill{transition:none}.mprog-fill:after{animation:none;opacity:0}}.mring{display:flex;flex-direction:column;align-items:stretch}.mring-top{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.02em}.mring-cal{color:#a855f7}.mring-top .info-btn{margin-left:1px}.mring-ring{position:relative;width:232px;height:232px;margin:18px auto 10px}.mring-svg{display:block;width:232px;height:232px}.mring-track{stroke:#ffffff0f}.mring-knob{fill:#fff;filter:drop-shadow(0 0 5px rgba(236,72,153,.85))}.mring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none}.mring-kicker{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.mring-big{display:flex;align-items:baseline;color:var(--text);font-weight:800;line-height:1}.mring-cur{font-size:17px;font-weight:600;color:var(--muted);margin-right:3px}.mring-num{font-size:36px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.mring-of{font-size:12px;color:var(--faint)}.mring-of b{color:var(--muted);font-weight:700}.mring-stats{display:flex;gap:11px;margin-top:6px}.mring-stat{flex:1;min-width:0;text-align:left;cursor:pointer;font:inherit;border-radius:16px;padding:12px 14px;background:#ffffff0b;border:1px solid transparent;-webkit-tap-highlight-color:transparent;transition:background .16s,border-color .16s,transform .12s}.mring-stat:hover{background:#ffffff12}.mring-stat:active{transform:scale(.985)}.mring-stat-h{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:500}.mring-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.mring-chev{margin-left:auto;color:var(--faint);font-size:11px;line-height:1;transition:transform .22s ease,color .16s}.mring-stat.active .mring-chev{transform:rotate(180deg);color:var(--muted)}.mring-stat-v{color:var(--text);font-size:17px;font-weight:800;margin-top:5px;font-variant-numeric:tabular-nums}.mring-stat-pct{color:var(--faint);font-size:12px;font-weight:500}.mring-stat.manca .mring-dot{background:#ec4899;box-shadow:0 0 8px #ec48998c}.mring-stat.paid .mring-dot{background:#a855f7;box-shadow:0 0 8px #a855f78c}.mring-stat.manca.active{background:#ec489924;border-color:#ec48994d}.mring-stat.paid.active{background:#7c3aed26;border-color:#7c3aed52}.mring-stat.manca.active:hover{background:#ec48992b}.mring-stat.paid.active:hover{background:#7c3aed2e}.mring-list{margin-top:12px;animation:rise .26s ease}.mring-list-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 2px}.mring-list-head>span:first-child{color:var(--text);font-size:13px;font-weight:700}.mring-list-sub{color:var(--faint);font-size:12px}.mring-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 6px;background:none;border:none;border-top:1px solid var(--stroke);cursor:pointer;text-align:left;color:inherit;font:inherit;border-radius:12px;-webkit-tap-highlight-color:transparent;transition:background .14s;animation:rateRowIn .42s cubic-bezier(.16,1,.3,1) both}.mring-list-head+.mring-row{border-top:none}.mring-row:hover{background:#ffffff0d}.mring-row:active{background:#ffffff14}.mring-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mring-row-name{color:var(--text);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mring-row-when{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:5px}.mring-row-when.soon{color:#f5b945;font-weight:600}.mring-row-when.done{color:#9a96b8}.mring-row-when svg{flex-shrink:0}.mring-tag{font-size:9.5px;font-weight:700;color:#f0a8c8;background:#ec489929;padding:1px 6px;border-radius:6px;letter-spacing:.03em}.mring-row-amt{color:var(--text);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.mring-row.paid-row .mring-row-amt{color:var(--muted)}.mring-empty{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding:14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.mring-empty svg{flex-shrink:0}.mring-empty.good{background:#22c55e1a;border:1px solid rgba(34,197,94,.22);color:#4ade80}.mring-empty.neutral{background:#ffffff0a;border:1px solid var(--stroke);color:var(--muted)}.mring-toggle{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px auto 0;padding:5px 8px;background:none;border:none;cursor:pointer;color:var(--faint);font-size:12.5px;font-weight:500;transition:color .14s}.mring-toggle:hover{color:var(--muted)}.mring-caret{font-size:11px}.mring .hero-detail{margin-top:10px}:root[data-theme=light] .mring-track{stroke:#14143217}:root[data-theme=light] .mring-stat{background:#1414320d}:root[data-theme=light] .mring-stat:hover{background:#14143214}:root[data-theme=light] .mring-row:hover{background:#1414320d}:root[data-theme=light] .mring-empty.neutral{background:#1414320d}@media (prefers-reduced-motion: reduce){.mring-stat:active{transform:none}.mring-list,.mring-row{animation:none}}.bar>span{cursor:pointer;transition:filter .14s,width .55s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.bar>span{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;animation:emptyIn .5s cubic-bezier(.2,.8,.25,1) both}.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}.compo{margin-top:20px}.compo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.compo-title{font-size:12.5px;font-weight:700;color:var(--text);letter-spacing:-.01em}.compo-hint{font-size:11px;color:var(--faint)}.compo-bar{display:flex;height:13px;border-radius:7px;overflow:hidden;gap:2px;background:#ffffff0d}.compo-seg{height:100%;min-width:4px;cursor:pointer;transition:opacity .15s ease}.compo-seg:hover{opacity:.8}.compo-legend{margin-top:12px;display:flex;flex-direction:column;gap:1px}.compo-row{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;padding:8px;border-radius:10px;cursor:pointer;text-align:left;transition:background .14s ease}.compo-row:hover{background:var(--glass-2)}.compo-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.compo-cat{flex:1;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compo-val{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap}.compo-pct{font-size:11px;color:var(--faint);width:34px;text-align:right;flex-shrink:0}.compo-badge{margin-left:6px;font-size:9.5px;font-weight:700;color:#f0a8c8;background:#ec489929;padding:1px 6px;border-radius:6px;letter-spacing:.03em;vertical-align:1px}.compo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--stroke);font-size:12.5px}.compo-top>span:first-child{color:var(--muted);flex-shrink:0}.compo-top>span:last-child{color:var(--text);text-align:right}.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;flex-wrap:wrap;justify-content:flex-end}.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}.controls.leaving{opacity:0;max-width:0;margin-left:-8px;pointer-events:none;overflow:hidden;transition:opacity .5s ease,max-width .66s ease,margin .66s ease}.seg-sort{position:relative;display:inline-flex;padding:3px;border-radius:13px;background:var(--glass-2);border:1px solid var(--stroke)}.seg-ind{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:10px;background:linear-gradient(150deg,#8b5cf6,#6d28d9);box-shadow:0 6px 16px -6px #7c3aedd9,inset 0 1px #ffffff40;transition:transform .34s cubic-bezier(.3,1.3,.4,1)}.seg-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;border:none;background:none;cursor:pointer;padding:7px 14px;border-radius:10px;font-size:12.5px;font-weight:700;color:var(--muted);font-family:inherit;-webkit-tap-highlight-color:transparent;transition:color .25s}.seg-btn svg{opacity:.85}.seg-btn.on{color:#fff}.cat-toggle{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;padding:5px 8px 5px 13px;border-radius:99px;border:1px solid var(--stroke);background:var(--glass-2);color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .3s ease,transform .12s ease}.cat-toggle:hover{border-color:var(--stroke-2);color:var(--text)}.cat-toggle:active{transform:scale(.97)}.cat-toggle.on{color:var(--text);border-color:#8b5cf680;background:linear-gradient(140deg,#8b5cf62e,#6366f11a);box-shadow:0 8px 22px -12px #7c3aedf2,inset 0 1px #ffffff14}.cat-toggle-ic{display:inline-flex;color:var(--muted);transition:color .3s ease,transform .4s cubic-bezier(.3,1.4,.4,1)}.cat-toggle-ic svg{display:block}.cat-toggle.on .cat-toggle-ic{color:#a78bfa;transform:scale(1.1)}.cat-toggle-label{white-space:nowrap}.cat-toggle-switch{position:relative;width:36px;height:21px;border-radius:99px;flex-shrink:0;background:#ffffff29;box-shadow:inset 0 1px 3px #00000052;transition:background .32s ease,box-shadow .32s ease}.cat-toggle.on .cat-toggle-switch{background:linear-gradient(150deg,#8b5cf6,#6d28d9);box-shadow:inset 0 1px #ffffff40,0 0 14px -3px #7c3aedcc}.cat-toggle-knob{position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .34s cubic-bezier(.3,1.5,.45,1)}.cat-toggle.on .cat-toggle-knob{transform:translate(15px)}:root[data-theme=light] .cat-toggle-switch{background:#1414322e;box-shadow:inset 0 1px 2px #0000001f}.cat-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 11px;gap:10px}.cat-head-l{display:flex;align-items:center;gap:10px;min-width:0}.cat-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.cat-name{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-count{font-size:11px;font-weight:600;color:var(--muted);background:#ffffff14;padding:2px 8px;border-radius:99px;flex-shrink:0}.cat-sub{font-size:13.5px;color:var(--text);font-weight:700;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.cat-sub-u{color:var(--muted);font-weight:500;font-size:12px}.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-n-name{font-size:16px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}.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;overflow-anchor:none;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-card.rate-focus{border-color:#ec489999;animation:rateFocusGlow 2.1s cubic-bezier(.4,0,.2,1)}@keyframes rateFocusGlow{0%{box-shadow:0 0 #ec48998c,0 20px 54px -24px #7c3aeda6}18%{box-shadow:0 0 0 6px #ec489938,0 22px 60px -22px #ec4899cc}50%{box-shadow:0 0 0 2px #ec48992e,0 20px 54px -24px #7c3aeda6}70%{box-shadow:0 0 0 5px #ec489929,0 22px 60px -22px #ec489999}to{box-shadow:0 20px 54px -24px #7c3aeda6}}@media (prefers-reduced-motion: reduce){.rate-card.rate-focus{animation:none;box-shadow:0 0 0 2px #ec48994d}}.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,#34d399,#22c55e);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;min-height:0}@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}@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: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}}.rate-detail-clip{display:grid;grid-template-rows:minmax(0,0fr);overflow:hidden;opacity:0;pointer-events:none;overflow-anchor:none;transition-property:grid-template-rows,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1),ease;transition-duration:.54s,.44s}.rate-detail-clip.show{grid-template-rows:minmax(0,1fr);opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){.rate-detail-clip{transition:none}}.rate-tail{height:12vh;overflow-anchor:none}.rate-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;border-radius:24px;padding:20px 20px 18px;margin:4px 0 12px;background:radial-gradient(135% 120% at 100% 0%,rgba(236,72,153,.42),transparent 52%),radial-gradient(130% 130% at 0% 108%,rgba(56,189,248,.26),transparent 55%),linear-gradient(150deg,#4c1d95,#5b21b6 42%,#6d28d9 72%,#7c3aed);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 64px -26px #4c1d95f2,inset 0 1px #ffffff38;animation:rateHeroIn .6s cubic-bezier(.2,.8,.25,1) both}@keyframes rateHeroIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.rate-hero-glow{position:absolute;z-index:-1;top:-80px;right:-50px;width:240px;height:240px;pointer-events:none;background:radial-gradient(circle,rgba(236,72,153,.55),transparent 64%);filter:blur(26px);animation:rateHeroFloat 7.5s ease-in-out infinite}@keyframes rateHeroFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-16px,14px) scale(1.14)}}.rate-hero-rings{position:absolute;z-index:-1;top:-28px;right:-24px;width:168px;height:168px;pointer-events:none;opacity:.55}.rate-hero-rings circle{fill:none;stroke:#ffffff29;stroke-width:1}.rate-hero-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.rate-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffffe6}.rate-hero-badge-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#fff;background:#ffffff2e;box-shadow:inset 0 1px #ffffff40}.rate-hero-chip{display:inline-flex;align-items:center;padding:5px 11px;border-radius:99px;font-size:11.5px;font-weight:700;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.24)}.rate-hero-amt{position:relative;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.022em;color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.3)}.rate-hero-cap{position:relative;font-size:12.5px;font-weight:600;color:#ffffffbd;margin-top:6px}.rate-hero-bar{position:relative;height:12px;border-radius:99px;overflow:hidden;margin-top:15px;background:#00000038;box-shadow:inset 0 1px 3px #0000004d}.rate-hero-bar>span{position:relative;display:block;height:100%;border-radius:99px;overflow:hidden;background:linear-gradient(90deg,#5eead4,#34d399 55%,#a3e635);box-shadow:0 0 16px #34d399a6;transition:width 1.15s cubic-bezier(.4,0,.2,1)}.rate-hero-bar>span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:rateShimmer 2.4s ease-in-out infinite 1.1s}.rate-hero-pcts{position:relative;display:flex;justify-content:space-between;margin-top:9px;font-size:12px;font-weight:600;color:#ffffffd1}.rate-hero-pcts b{color:#fff;font-weight:800}.rate-hero-next{position:relative;display:flex;align-items:center;gap:12px;margin-top:16px;padding:11px 13px;border-radius:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rate-hero-next-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex-shrink:0;color:#fff;background:linear-gradient(150deg,#fbbf24,#f59e0b);box-shadow:0 8px 18px -6px #f59e0bd9,inset 0 1px #fff6}.rate-hero-next-tx{display:flex;flex-direction:column;min-width:0;gap:2px}.rate-hero-next-l{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rate-hero-next-v{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rate-hero-next-amt{margin-left:auto;font-size:17px;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:-.01em}@media (prefers-reduced-motion: reduce){.rate-hero,.rate-hero-glow{animation:none}.rate-hero-bar>span:after{animation:none}}.rate-head-info{flex:1;min-width:0}.rate-name{font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rate-sub{color:var(--muted);font-size:12.5px;margin-top:2px}.rate-remain{text-align:right;flex-shrink:0}.rate-remain-n{font-weight:800;font-size:18px;letter-spacing:-.01em}.rate-remain-l{color:var(--faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;margin-top:1px}.rate-bar-cap{display:flex;justify-content:space-between;margin-top:7px;font-size:12px;color:var(--muted)}.rate-bar-pct{color:#4ade80;font-weight:600}.rate-stats{display:flex;margin-top:13px;border-radius:13px;overflow:hidden;background:#ffffff0a;border:1px solid var(--stroke)}.rate-stat{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:10px 12px}.rate-stat+.rate-stat{border-left:1px solid var(--stroke)}.rate-stat-l{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700}.rate-stat-v{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.rate-stat-v.paid{color:#4ade80}:root[data-theme=light] .rate-stats{background:#1414320a}.rate-next{display:flex;align-items:center;gap:8px;margin-top:11px;padding:10px 12px;border-radius:12px;font-size:13px;background:#eab3081a;border:1px solid rgba(234,179,8,.26)}.rate-next-ic{display:inline-flex;color:#eab308;flex-shrink:0}.rate-next-lbl{color:var(--muted);font-weight:600}.rate-next-date{font-weight:800;color:var(--text)}.rate-next-amt{margin-left:auto;font-weight:800;color:#eab308;flex-shrink:0}.sub-card{position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;margin-bottom:10px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke);box-shadow:inset 0 1px #ffffff0a;transition:background .18s ease,border-color .18s ease,transform .16s cubic-bezier(.2,.8,.25,1),box-shadow .22s ease}.sub-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cat, var(--stroke-2));background:linear-gradient(180deg,var(--cat, var(--stroke-2)),color-mix(in srgb,var(--cat, var(--stroke-2)) 55%,transparent))}.sub-card .avatar{box-shadow:0 4px 14px -6px #00000080}.sub-card:hover{background:var(--glass-2);border-color:color-mix(in srgb,var(--cat) 38%,var(--stroke-2));transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 12px 28px -16px var(--cat)}.sub-card:hover .sub-chevron{transform:translate(3px);opacity:.9}.sub-card:active{transform:scale(.985);transition-duration:.08s}.sub-card.sub-removing{pointer-events:none;overflow:hidden;animation:subRemove .54s cubic-bezier(.4,0,.2,1) forwards}@keyframes subRemove{0%{opacity:1;transform:translate(0);max-height:150px}45%{opacity:0;transform:translate(44px) scale(.97)}to{opacity:0;transform:translate(44px) scale(.97);max-height:0;margin:0;padding-top:0;padding-bottom:0;border-width:0}}@media (prefers-reduced-motion: reduce){.sub-card.sub-removing{animation:none;opacity:0}}.sub-group{margin-bottom:18px}.sub-group.grp-removing{pointer-events:none;overflow:hidden;animation:grpRemove .54s cubic-bezier(.4,0,.2,1) forwards}@keyframes grpRemove{0%{opacity:1;transform:translateY(0);max-height:320px}45%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:0;transform:translateY(-4px) scale(.985);max-height:0;margin-bottom:0}}@media (prefers-reduced-motion: reduce){.sub-group.grp-removing{animation:none;opacity:0}}.overlay.is-closing{animation:overlayOut .4s ease forwards}@keyframes overlayOut{to{opacity:0}}.modal-deleting{pointer-events:none;transform-origin:center;animation:modalDelete .4s cubic-bezier(.5,0,.75,0) forwards}@keyframes modalDelete{to{opacity:0;transform:scale(.72) translateY(-24px);filter:blur(4px)}}.confirm-card.confirm-flying{pointer-events:none;animation:modalDelete .4s cubic-bezier(.5,0,.75,0) forwards}@media (prefers-reduced-motion: reduce){.overlay.is-closing,.modal-deleting,.confirm-card.confirm-flying{animation:none}}.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-top{display:flex;align-items:center;gap:11px;padding:12px 13px 10px 16px}.sub-name{flex:1;min-width:0;color:var(--text);letter-spacing:-.02em;line-height:1.1}.sub-stats{display:flex;align-items:stretch;border-top:1px solid var(--stroke)}.sub-stat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px 9px;text-align:center}.sub-stat+.sub-stat{border-left:1px solid var(--stroke)}.sub-stat-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.sub-stat-val{display:inline-flex;align-items:center;gap:5px;max-width:100%;font-weight:700;font-size:13.5px;letter-spacing:-.01em;color:var(--text)}.sub-stat-ic{opacity:.55;flex-shrink:0}.sub-when.soon{color:#f5b945}.sub-when.soon .sub-stat-ic{opacity:1}.sub-cyc{font-style:normal;font-weight:600;font-size:10.5px;color:var(--faint);margin-left:1px}.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-chevron{color:var(--faint);font-size:20px;line-height:1;flex-shrink:0;margin-left:2px;opacity:.55;transition:transform .18s ease,opacity .18s ease}.empty{position:relative;overflow:hidden;text-align:center;padding:46px 24px;animation:emptyIn .45s cubic-bezier(.2,.8,.25,1) both}@keyframes emptyIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.abb-filters{display:inline-flex;gap:8px;align-items:center;overflow:hidden;max-width:160px;transition:opacity .5s ease,max-width .66s ease,margin .66s ease}.abb-filters.leaving{opacity:0;max-width:0;margin-left:-8px;pointer-events:none}@media (max-width: 560px){.sub-head{flex-direction:column;align-items:stretch;gap:10px}.sub-head .controls{justify-content:space-between;flex-wrap:nowrap}}.empty-wrap{display:grid;grid-template-rows:1fr}.empty-wrap>.empty{min-height:0}.empty-wrap.entering{animation:emptyExpand .72s cubic-bezier(.2,.8,.25,1) both}@keyframes emptyExpand{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@media (prefers-reduced-motion: reduce){.abb-filters{transition:none}.empty-wrap.entering{animation:none}}@media (prefers-reduced-motion: reduce){.empty,.onb{animation:none}}.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)}.hero-amount .focus-swap.hero-num .fs-cur,.hero-amount .focus-swap.hero-num .fs-prev{background:linear-gradient(115deg,var(--text) 20%,#8b5cf6 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@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}.sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:grid;place-items:center;padding:24px;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)}.sync-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.sync-card{position:relative;width:100%;max-width:340px;padding:34px 24px 30px;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;text-align:center;animation:onbfIn .5s cubic-bezier(.2,.9,.2,1) both}.sync-orb{position:relative;width:116px;height:116px;margin:0 auto 22px;display:grid;place-items:center}.sync-ic{font-size:42px;position:relative;z-index:2;animation:onbfFloat 3s ease-in-out infinite}.sync-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 200deg,#a78bfa 320deg,#6366f1 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:syncSpin 1.1s linear infinite}@keyframes syncSpin{to{transform:rotate(360deg)}}.sync-pulse{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:2px solid rgba(139,92,246,.5);animation:syncPulse 1.9s ease-out infinite}.sync-pulse.d2{animation-delay:.95s}@keyframes syncPulse{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.7);opacity:0}}.sync-title{font-size:20px;font-weight:800;color:#f4f2ff}.sync-status{margin-top:7px;color:#e7e5fab8;font-size:14px;animation:fade .3s ease}.sync-check{width:96px;height:96px;margin:0 auto 18px;display:block}.sync-check-c{fill:none;stroke:#34d39966;stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1;animation:onbfDraw .6s ease forwards}.sync-check-v{fill:none;stroke:#34d399;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:onbfDraw .45s ease forwards .45s}.sync-overlay.is-closing{animation:syncOverlayOut .42s ease forwards}.sync-overlay.is-closing .sync-card{animation:focusOut .42s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,filter}@keyframes syncOverlayOut{to{opacity:0}}.sync-warn{width:92px;height:92px;margin:0 auto 16px;display:block}.sync-warn-c{fill:none;stroke:#fbbf2473;stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1;animation:onbfDraw .6s ease forwards}.sync-warn-l{fill:none;stroke:#fbbf24;stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:onbfDraw .4s ease forwards .45s}.sync-warn-d{fill:#fbbf24;opacity:0;animation:fade .3s ease forwards .8s}.sync-cta{margin-top:16px;width:100%;justify-content:center}.sync-later{display:inline-block;margin-top:12px}.sync-sub2{margin-top:4px;font-size:12.5px;color:#e7e5fa80}.sync-added{margin-top:14px;display:flex;flex-direction:column;gap:8px;text-align:left}.sync-added-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);animation:syncAddedIn .5s cubic-bezier(.2,.9,.25,1) both}.sync-added-info{flex:1;min-width:0}.sync-added-name{font-size:14px;font-weight:700;color:#f4f2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-added-cycle{font-size:11.5px;color:#e7e5fa8c}.sync-added-amt{font-size:14px;font-weight:800;color:#c4b5fd;white-space:nowrap}@keyframes syncAddedIn{0%{opacity:0;transform:translateY(10px) scale(.97);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.sync-stats{display:flex;justify-content:center;gap:9px;margin-top:16px}.sync-stat{flex:1;max-width:100px;padding:11px 6px;border-radius:15px;display:flex;flex-direction:column;gap:3px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);animation:syncAddedIn .5s cubic-bezier(.2,.9,.25,1) both}.sync-stat-n{font-size:25px;font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(150deg,#f4f2ff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sync-stat-l{font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#e7e5fa80}.sync-found{margin-top:14px;display:flex;flex-direction:column;gap:8px;text-align:left;max-height:232px;overflow-y:auto}.sync-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.05em;padding:1px 5px;border-radius:5px;background:#ec489938;color:#f9a8d4;margin-right:5px;vertical-align:1px}.sync-impact{margin-top:16px;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#6ee7b7;animation:syncAddedIn .5s cubic-bezier(.2,.9,.25,1) both .35s}.sync-impact span{display:block;font-size:11.5px;font-weight:600;color:#e7e5fa8c;margin-top:3px;letter-spacing:0}@media (prefers-reduced-motion: reduce){.sync-ic,.sync-ring,.sync-pulse{animation:none}.sync-check-c,.sync-check-v,.sync-warn-c,.sync-warn-l{stroke-dashoffset:0;animation:none}.sync-warn-d{opacity:1;animation:none}.sync-added-row,.sync-stat,.sync-impact{animation:none}.sync-overlay.is-closing,.sync-overlay.is-closing .sync-card{animation:none;opacity:0}}.confirm-card{max-width:360px;text-align:center;padding:26px 22px 22px;animation:confirmIn .32s cubic-bezier(.2,1.4,.4,1) both}@keyframes confirmIn{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:none}}.confirm-ic{width:64px;height:64px;margin:2px auto 14px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:var(--glass-2);border:1px solid var(--stroke)}.confirm-ic.danger{background:#f871711f;border-color:#f8717159}.confirm-title{font-size:18px;font-weight:800}.confirm-msg{color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px}.confirm-actions{display:flex;gap:10px;margin-top:22px}.confirm-actions .btn{flex:1;justify-content:center;padding:12px}.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:135;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}.modal-pick{display:flex;flex-direction:column;height:calc(100vh - 64px);height:min(calc(100dvh - 64px),560px)}.modal-pick>.modal-head,.modal-pick>.svc-search,.modal-pick>.svc-chips,.modal-pick>.svc-multi-hint,.modal-pick>.toast,.modal-pick>.svc-foot,.modal-pick>.btn{flex-shrink:0}.modal-pick>.svc-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.edit-modal{padding:0;position:relative;--cat: #8b5cf6}.edit-close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--stroke-2);background:#0000002e;color:var(--muted);font-size:15px;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.edit-close:hover{background:#0000004d;color:var(--text)}.edit-hero{position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;padding:30px 24px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 20%,transparent),transparent 88%);border-bottom:1px solid var(--stroke)}.edit-hero-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:260px;height:200px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--cat) 60%,transparent),transparent 70%);filter:blur(26px);opacity:.55}.edit-hero-av{position:relative;border-radius:20px;box-shadow:0 14px 34px -10px color-mix(in srgb,var(--cat) 70%,transparent),0 0 0 1px #ffffff0f;animation:editAvPop .42s cubic-bezier(.2,1.4,.4,1)}@keyframes editAvPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.edit-hero-name{font-size:21px;font-weight:800;color:var(--text);line-height:1.2;max-width:100%;overflow-wrap:anywhere}.edit-hero-amt{font-size:14px;color:var(--muted)}.edit-hero-amt b{color:var(--text);font-weight:800;font-size:16px}.edit-hero-amt span{color:var(--faint)}.edit-form{padding:4px 22px 22px}.edit-actions{display:flex;gap:12px;margin-top:22px}.edit-del,.edit-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:14px;font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform .14s cubic-bezier(.2,.8,.25,1),filter .15s,background .15s,border-color .15s}.edit-del{flex-shrink:0;color:#f87171;background:#f871711a;border-color:#f8717152}.edit-del:hover:not(:disabled){background:#f871712e;border-color:#f871718c}.edit-del:active{transform:scale(.97)}.edit-save{flex:1;color:#fff;background:var(--grad);position:relative;overflow:hidden;box-shadow:0 12px 30px -10px #7c3aedbf}.edit-save:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.edit-save:active{transform:scale(.98)}.edit-del:disabled,.edit-save:disabled{opacity:.6;cursor:default}.edit-save:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skew(-18deg);animation:editSheen 3.6s ease-in-out infinite 1.2s}@keyframes editSheen{0%{left:-60%}42%,to{left:130%}}@media (prefers-reduced-motion: reduce){.edit-hero-av{animation:none}.edit-save:after{animation:none}}:root[data-theme=light] .edit-close{background:#1414320f}:root[data-theme=light] .edit-close:hover{background:#1414321f}.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}.svc-search{position:relative;display:flex;align-items:center;margin-top:12px}.svc-search-ic{position:absolute;left:13px;color:var(--faint);pointer-events:none}.svc-search-input{width:100%;padding:12px 38px;border-radius:13px;background:var(--glass);border:1px solid var(--stroke);color:var(--text);font-family:inherit;font-size:14.5px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.svc-search-input::placeholder{color:var(--faint)}.svc-search-input:focus{border-color:#8b5cf68c;background:var(--glass-2);box-shadow:0 0 0 3px #8b5cf624}.svc-search-x{position:absolute;right:8px;width:24px;height:24px;border-radius:8px;border:none;background:var(--glass-2);color:var(--muted);cursor:pointer;font-size:11px;display:grid;place-items:center}.svc-search-x:hover{color:var(--text)}.svc-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:11px -2px 0;padding:2px}.svc-chips::-webkit-scrollbar{display:none}.svc-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:12.5px;font-weight:600;background:var(--glass);border:1px solid var(--stroke);color:var(--muted);cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .18s,background .18s,border-color .18s,transform .1s}.svc-chip:hover{color:var(--text);background:var(--glass-2)}.svc-chip:active{transform:scale(.96)}.svc-chip.on{color:var(--text);background:var(--glass-2);font-weight:700}.svc-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.svc-scroll{margin-top:13px}.svc-sec{margin-bottom:16px}.svc-sec-head{display:flex;align-items:center;gap:8px;margin:0 2px 9px}.svc-sec-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.svc-sec-name{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.svc-sec-line{flex:1;height:1px;background:linear-gradient(90deg,var(--stroke),transparent)}.svc-sec-n{font-size:11px;font-weight:700;color:var(--faint)}.svc-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 480px){.svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.svc-card{position:relative;display:flex;align-items:center;gap:11px;text-align:left;min-width:0;padding:10px 11px;border-radius:14px;cursor:pointer;font-family:inherit;background:var(--glass);border:1px solid var(--stroke);transition:background .15s,border-color .15s,transform .12s,box-shadow .2s;animation:svcIn .42s cubic-bezier(.2,.8,.25,1) both}@keyframes svcIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.svc-card:hover{background:var(--glass-2);border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 14px 30px -16px #7c3aed99}.svc-card:active{transform:translateY(0) scale(.98)}.svc-meta{display:flex;flex-direction:column;min-width:0;gap:2px}.svc-name{font-weight:700;font-size:13.5px;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-from{font-size:11.5px;font-weight:600;color:var(--faint);white-space:nowrap}.svc-empty{text-align:center;padding:26px 16px;color:var(--muted)}.svc-empty-ic{font-size:30px;margin-bottom:8px;opacity:.8}.svc-empty p{font-size:13.5px;line-height:1.5}@media (prefers-reduced-motion: reduce){.svc-card{animation:none}}.svc-foot{display:flex;gap:9px;margin-top:12px}.svc-act{flex:1;min-width:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 10px;border-radius:14px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .16s,border-color .16s,transform .12s,box-shadow .2s,filter .16s,opacity .16s}.svc-act svg{width:16px;height:16px;opacity:.9;flex-shrink:0}.svc-act:active{transform:scale(.97)}.svc-act-ghost{background:var(--glass);border:1px solid var(--stroke-2);color:var(--text)}.svc-act-ghost:hover{background:var(--glass-2);border-color:#8b5cf673}.svc-act-accent{flex:1.7;background:#8b5cf629;border:1px solid rgba(139,92,246,.45);color:var(--text)}.svc-act-accent:hover{background:#8b5cf63d;border-color:#8b5cf6b3}.svc-act-primary{flex:1.7;background:var(--grad);border:1px solid transparent;color:#fff;box-shadow:0 12px 28px -12px #7c3aede6,inset 0 1px #ffffff40}.svc-act-primary:hover{filter:brightness(1.06)}.svc-act-primary:disabled{opacity:.45;box-shadow:none;cursor:default;filter:none}.svc-card.sel{border-color:#8b5cf6a6;background:linear-gradient(140deg,#8b5cf633,#6366f11f);box-shadow:0 12px 30px -14px #7c3aedcc}.svc-card.svc-have{opacity:.42;cursor:default}.svc-card.svc-have:hover{transform:none;border-color:var(--stroke);background:var(--glass);box-shadow:none}.svc-pick{margin-left:auto;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:0 5px 12px -3px #7c3aedf2;animation:svcPickPop .34s cubic-bezier(.3,1.7,.5,1) both}@keyframes svcPickPop{0%{opacity:0;transform:scale(.2) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}.svc-multi-hint{text-align:center;font-size:11.5px;font-weight:600;color:var(--muted);margin:11px 2px 0}@media (prefers-reduced-motion: reduce){.svc-pick{animation:none}}.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)}.priv-btn.on{color:#c4b5fd;border-color:#8b5cf680;background:#8b5cf629}.priv-btn svg{transition:opacity .2s ease}.app.private .mring-big,.app.private .mring-of b,.app.private .mring-row-amt,.app.private .hd-row b,.app.private .compo-val,.app.private .cat-sub,.app.private .sub-stat-val,.app.private .rate-hero-amt,.app.private .rate-hero-cap,.app.private .rate-hero-pcts,.app.private .rate-hero-next-amt,.app.private .rate-remain-n,.app.private .rate-stat-v,.app.private .rate-next-amt,.app.private .rate-sub,.app.private .up-amt,.app.private .bar-val,.app.private .save-n,.app.private .trash-amt,.app.private .mring-stat-v,.app.private .an-total,.app.private .sync-added-amt,.app.private .money{filter:blur(8px);opacity:.82;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s ease,opacity .3s ease}@media (prefers-reduced-motion: reduce){.app.private .mring-big,.app.private .sub-stat-val,.app.private .rate-hero-amt,.app.private .compo-val,.app.private .cat-sub,.app.private .up-amt,.app.private .save-n,.app.private .bar-val,.app.private .money{transition:none}}.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 .25s ease,color .2s ease,box-shadow .25s ease}.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;overflow-x:clip}.tab-stack{position:relative}.tab-pane{display:flow-root}.tab-pane>:first-child{margin-top:0!important}.tab-pane.tab-exit{position:absolute;top:0;left:0;right:0;pointer-events:none;will-change:opacity,filter;backface-visibility:hidden;animation:focusOut .6s cubic-bezier(.4,0,.2,1) both}.tab-pane.focusing{transform-origin:50% 50%;will-change:opacity,filter,transform;backface-visibility:hidden;animation:focusIn .6s cubic-bezier(.4,0,.2,1) both}@keyframes focusOut{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(6px)}}@keyframes focusIn{0%{opacity:0;filter:blur(6px);transform:scale(.985)}to{opacity:1;filter:blur(0);transform:scale(1)}}.pano-stack{position:relative}.pano-main.leaving{position:absolute;top:0;left:0;right:0;pointer-events:none;will-change:opacity,filter;backface-visibility:hidden;animation:focusOut .52s cubic-bezier(.4,0,.2,1) both}.pano-welcome-wrap.entering{will-change:opacity,filter,transform;backface-visibility:hidden;animation:focusIn .7s cubic-bezier(.33,0,.2,1) both}.focus-swap{position:relative;display:inline-block}.focus-swap .fs-cur{display:inline-block}.focus-swap .fs-cur.fs-anim{will-change:opacity,filter,transform;backface-visibility:hidden;animation:focusIn .6s cubic-bezier(.4,0,.2,1) both}.focus-swap .fs-prev{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:none;will-change:opacity,filter;backface-visibility:hidden;animation:focusOut .6s cubic-bezier(.4,0,.2,1) both}.focus-swap.fs-block,.focus-swap.fs-block .fs-cur{display:block}.focus-swap.fs-block .fs-prev{left:0;right:0;white-space:normal}@media (prefers-reduced-motion: reduce){.focus-swap .fs-cur.fs-anim{animation:none}.focus-swap .fs-prev{display:none}}.save-fade{animation:focusIn .5s cubic-bezier(.4,0,.2,1) both}@media (prefers-reduced-motion: reduce){.save-fade{animation:none}}@media (prefers-reduced-motion: reduce){.pano-main.leaving,.pano-welcome-wrap.entering{animation:none}}@keyframes navPop{0%{transform:scale(.72)}60%{transform:scale(1.16)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.tab-pane.focusing,.tab-pane.tab-exit{animation:none}.nav-on svg{animation:none}.nav-pill.animate{transition:none}}@media (max-width: 560px){.appbar{padding:11px 13px}.logo-name{font-size:17px}.tabs{display:none}.tab-content{padding:14px 12px calc(94px + 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:stretch;position:fixed;left:12px;right:12px;z-index:60;bottom:calc(10px + env(safe-area-inset-bottom));padding:8px;border-radius:28px;overflow:visible;background:color-mix(in srgb,var(--bg-1) 74%,transparent);border:1px solid var(--stroke-2);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 22px 50px -18px #000000b3,0 0 40px -12px #7c3aed80,inset 0 1px #ffffff24;transition:transform .34s cubic-bezier(.2,.8,.2,1) .12s,opacity .26s ease .12s}.nav-add{flex:1;position:relative;z-index:2;display:grid;place-items:center;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-plus{position:relative;width:48px;height:48px;margin-top:-16px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#a855f7,#7c3aed 55%,#6d28d9);box-shadow:0 12px 26px -8px #7c3aede6,inset 0 2px #ffffff73;transition:transform .32s cubic-bezier(.2,1.4,.4,1)}.nav-plus:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,#8b5cf6,#ec4899,#6366f1,#22d3ee,#8b5cf6);filter:blur(4px);opacity:.8;animation:navSpin 5s linear infinite}.nav-plus:before{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border-radius:50%;z-index:-2;background:radial-gradient(circle,rgba(139,92,246,.6),transparent 70%);filter:blur(8px);animation:navPulse 2.8s ease-in-out infinite}@keyframes navSpin{to{transform:rotate(360deg)}}@keyframes navPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.18);opacity:.9}}.nav-add:active .nav-plus{transform:scale(.9)}.nav-add.open .nav-plus{transform:rotate(45deg)}.bottom-nav.bn-hidden{transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.5,0,.75,0),opacity .24s ease}.nav-item{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 2px 8px;border:none;border-radius:18px;background:none;cursor:pointer;color:#e7e5fa80;font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:color .3s ease,transform .18s ease}.nav-item svg{display:block;width:23px;height:23px;transition:transform .28s ease}.nav-item:active{transform:scale(.93)}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap}.nav-on{color:#fff}.nav-on svg{animation:navPop .42s cubic-bezier(.2,1.5,.45,1);filter:drop-shadow(0 4px 12px rgba(139,92,246,.8))}.nav-on .nav-label{animation:navLabelRise .42s cubic-bezier(.2,.9,.2,1) both}.nav-pill{position:absolute;left:0;top:0;z-index:0;width:0;height:0;pointer-events:none;border-radius:20px;background:radial-gradient(62% 54% at 50% 38%,rgba(139,92,246,.6),rgba(139,92,246,.14) 58%,transparent 78%)}.nav-pill:after{content:none}.nav-pill.animate{transition:transform .42s cubic-bezier(.2,.9,.2,1),width .42s cubic-bezier(.2,.9,.2,1)}}@keyframes navLabelRise{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.nav-on svg,.nav-on .nav-label,.nav-plus:before,.nav-plus:after{animation:none}}:root[data-theme=light] .nav-item{color:#1414328c}:root[data-theme=light] .nav-on{color:#6d28d9}.addmenu-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding:14px;background:#06060e9e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:fade .2s ease both}.addmenu{width:100%;max-width:440px;margin-bottom:6px;border-radius:26px;padding:14px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--stroke-2);box-shadow:var(--shadow);animation:sheetUp .34s cubic-bezier(.2,.9,.2,1) both}@keyframes sheetUp{0%{transform:translateY(46px);opacity:0}to{transform:translateY(0);opacity:1}}.addmenu-grip{width:44px;height:5px;border-radius:99px;background:var(--stroke-2);margin:2px auto 12px}.addmenu-title{font-size:19px;font-weight:800;text-align:center;margin-bottom:14px}.addmenu-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin-bottom:12px;background:var(--glass);border:1px solid var(--stroke);border-radius:18px;padding:15px;cursor:pointer;color:var(--text);font-family:inherit;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background .15s,border-color .15s}.addmenu-opt:hover{background:var(--glass-2);border-color:var(--stroke-2)}.addmenu-opt:active{transform:scale(.98)}.addmenu-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;color:#fff}.addmenu-ic.ic-sub{background:linear-gradient(155deg,#8b5cf6,#6d28d9);box-shadow:0 12px 26px -10px #7c3aedcc,inset 0 2px #ffffff4d}.addmenu-ic.ic-rate{background:linear-gradient(155deg,#ec4899,#b1245f);box-shadow:0 12px 26px -10px #ec4899b3,inset 0 2px #ffffff4d}.addmenu-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.addmenu-t{font-weight:700;font-size:16px}.addmenu-d{color:var(--muted);font-size:12.5px;line-height:1.3}.addmenu-arr{color:var(--faint);font-size:26px;font-weight:300}.addmenu-cancel{width:100%;background:var(--glass-2);border:1px solid var(--stroke);border-radius:16px;padding:14px;color:var(--muted);font-weight:700;font-family:inherit;cursor:pointer;margin-top:2px}.addmenu-cancel:hover{color:var(--text)}.rate-del{width:100%;margin-top:12px;padding:11px;border-radius:12px;cursor:pointer;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-weight:700;font-size:13.5px;font-family:inherit;transition:background .15s}.rate-del:hover{background:#ef44442e}.rate-prev{background:linear-gradient(160deg,#8b5cf629,#ec48991a);border:1px solid var(--stroke-2);border-radius:16px;padding:14px 16px;margin:8px 0 16px}.rate-prev-row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.rate-prev-row b{font-size:21px;font-weight:800}.rate-prev-row.sub{font-size:12.5px;color:var(--muted);margin-top:8px}.rate-prev-row.sub b{font-size:13.5px;color:var(--text)}.rate-prev-bar{height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:10px}.rate-prev-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width .3s ease}@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:none;padding:6px 2px 8px;margin:0 -2px;scrollbar-width:none}.up-scroll::-webkit-scrollbar{display:none}.up-cardw{flex:0 0 auto;width:162px;height:196px;perspective:1000px;cursor:pointer;transition:transform .16s ease,width .52s cubic-bezier(.4,0,.2,1),margin .52s cubic-bezier(.4,0,.2,1),opacity .4s ease;animation:upin .4s ease both}.up-cardw:hover{transform:translateY(-3px)}.up-cardw.up-removing{animation:none!important;width:0;opacity:0;margin-left:-12px;overflow:hidden;pointer-events:none}@media (prefers-reduced-motion: reduce){.up-cardw{transition:none}}@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{position:relative;width:38px;height:38px;border-radius:50%;border:none;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 18px -6px #7c3aedb3;transition:transform .12s ease,filter .15s ease,box-shadow .2s ease}.avatar-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;pointer-events:none;background:conic-gradient(from 220deg,#8b5cf6,#6366f1,#ec4899,#8b5cf6);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.avatar-btn:hover{filter:brightness(1.08);box-shadow:0 8px 22px -6px #7c3aedd9}.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;line-height:1.25;overflow-wrap:anywhere}.pf-sub{color:var(--muted);font-size:13px;margin-top:2px}.pf-sec-title{display:flex;align-items:center;gap:8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:700;margin:22px 4px 9px}.pf-sec-title:before{content:"";width:3px;height:12px;border-radius:2px;background:var(--grad);opacity:.85;flex-shrink:0}.pf-sec-title.danger:before{background:#f87171}.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}.privacy-note{display:flex;gap:10px;align-items:flex-start;margin:13px 0;padding:12px 13px;border-radius:13px;background:#22c55e14;border:1px solid rgba(34,197,94,.22);font-size:12.5px;line-height:1.5;color:var(--muted)}.privacy-note-ic{flex-shrink:0;font-size:15px;line-height:1.35}.privacy-note-tx b{color:var(--text);font-weight:700}.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}.pf-ic-violet{background:#8b5cf62e}.pf-ic-indigo{background:#6366f12e}.pf-ic-sky{background:#38bdf829}.pf-ic-green{background:#22c55e29}.pf-ic-amber{background:#f5b94529}.pf-ic-pink{background:#ec489929}.pf-ic-red{background:#f8717129}.pf-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;margin:4px 0 10px;padding:16px;border-radius:18px;background:radial-gradient(120% 150% at 0% 0%,rgba(124,58,237,.18),transparent 55%),var(--glass);border:1px solid var(--stroke-2);box-shadow:var(--shadow)}.pf-hero-aura{position:absolute;top:-70px;right:-50px;width:200px;height:200px;pointer-events:none;background:radial-gradient(circle,rgba(236,72,153,.18),transparent 65%);filter:blur(28px)}.pf-hero-main{position:relative;display:flex;align-items:center;gap:14px;min-width:0}.pf-av-wrap{position:relative;flex-shrink:0;padding:3px;border-radius:50%}.pf-av-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 220deg,#8b5cf6,#6366f1,#ec4899,#8b5cf6);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.pf-hero-info{min-width:0;flex:1}.pf-hero-stats{position:relative;display:flex;gap:10px}.pf-stat{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 8px;border-radius:13px;background:#ffffff0d;border:1px solid var(--stroke)}.pf-stat b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1;background:linear-gradient(120deg,var(--text),#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pf-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}:root[data-theme=light] .pf-stat{background:#1414320a}.conn-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.conn-email{min-width:0;overflow-wrap:anywhere;font-weight:700;font-size:15px;line-height:1.3;letter-spacing:-.01em}.conn-meta{display:flex;align-items:center;gap:9px}.conn-tag{flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:2px 9px;border-radius:99px;color:#c4b5fd;background:#7c3aed29;border:1px solid rgba(124,58,237,.3)}.conn-live{display:inline-flex;align-items:center;gap:5px;color:#4ade80;font-weight:600;font-size:12px}.conn-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 0 3px #22c55e2e;animation:connPulse 2.4s ease-in-out infinite}@keyframes connPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e0d}}.conn-sync{color:var(--faint);font-size:11.5px}@media (prefers-reduced-motion: reduce){.conn-live i{animation:none}}:root[data-theme=light] .conn-tag{color:#6d28d9;background:#7c3aed1a}.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%;will-change:transform,opacity}@keyframes roomIn{0%{transform:scale(.94);opacity:.4}to{transform:none;opacity:1}}.room-enter .bottom-nav{opacity:0;pointer-events:none}.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:10px;background:#06060ea8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.intro-card{width:100%;max-width:452px;padding:20px 22px 16px;position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border:1px solid var(--stroke-2);box-shadow:var(--shadow);animation:rise .42s cubic-bezier(.2,.7,.2,1) both}.intro-aura{position:absolute;top:-90px;left:50%;transform:translate(-50%);width:300px;height:220px;pointer-events:none;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 65%);filter:blur(30px)}.intro-skip{position:absolute;top:14px;right:16px;z-index:2;background:none;border:none;cursor:pointer;color:var(--faint);font-size:13px;font-weight:600;padding:4px 6px;border-radius:8px;transition:color .15s}.intro-skip:hover{color:var(--muted)}.intro-fitwrap{position:relative;overflow:hidden;transition:height .46s cubic-bezier(.4,0,.2,1)}.intro-fit{transform-origin:top center;padding-bottom:8px;transition:transform .46s cubic-bezier(.4,0,.2,1)}.intro-foot{position:relative;z-index:2;flex-shrink:0}.intro-body{position:relative;animation:introBodyIn .3s ease both}@keyframes introBodyIn{0%{opacity:0}to{opacity:1}}.intro-brand{position:relative;width:84px;height:84px;margin:2px auto}.intro-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.intro-ring-arc{fill:none;stroke:url(#introGrad);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:introDraw 1.05s cubic-bezier(.45,0,.15,1) forwards .12s}@keyframes introDraw{to{stroke-dashoffset:0}}.intro-logo{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:20px;background:var(--grad);color:#fff;font-weight:800;font-size:30px;display:grid;place-items:center;box-shadow:0 14px 40px -10px #7c3aedb3;animation:introPop .5s cubic-bezier(.2,1.5,.4,1) both .1s}@keyframes introPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.intro-icon-tile{position:relative;width:62px;height:62px;margin:2px auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(150deg,#8b5cf638,#6366f11f);border:1px solid var(--stroke-2);box-shadow:0 14px 34px -14px #7c3aed99;animation:introPop .5s cubic-bezier(.2,1.5,.4,1) both .05s}.intro-icon{font-size:32px;line-height:1}.intro-title{font-size:21px;font-weight:800;text-align:center;margin:10px 0 0;text-wrap:balance;animation:introRise .5s cubic-bezier(.2,.8,.25,1) both .08s}.intro-lead{color:var(--muted);text-align:center;line-height:1.5;margin:8px 4px 2px;font-size:14px;text-wrap:pretty;animation:introRise .5s cubic-bezier(.2,.8,.25,1) both .14s}@keyframes introRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.intro-points{display:flex;flex-direction:column;gap:9px;margin-top:12px}.intro-point{display:flex;gap:11px;align-items:flex-start;animation:introRise .5s cubic-bezier(.2,.8,.25,1) both}.intro-point-ic{flex-shrink:0;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;border:1px solid var(--stroke)}.intro-point-ic.tone-violet{background:#8b5cf629}.intro-point-ic.tone-indigo{background:#6366f129}.intro-point-ic.tone-sky{background:#38bdf826}.intro-point-ic.tone-green{background:#22c55e26}.intro-point-ic.tone-amber{background:#f5b94526}.intro-point-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.intro-point-t{font-weight:700;font-size:14px}.intro-point-d{color:var(--muted);font-size:12.5px;line-height:1.4;text-wrap:pretty}.intro-note{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.45;color:var(--muted);background:#7c3aed14;border:1px solid rgba(124,58,237,.2);text-wrap:pretty;animation:introRise .5s cubic-bezier(.2,.8,.25,1) both .42s}.intro-dots{display:flex;flex-shrink:0;justify-content:center;gap:7px;margin:12px 0 10px}.intro-dot{width:7px;height:7px;border-radius:99px;border:none;padding:0;cursor:pointer;background:var(--stroke-2);transition:width .25s cubic-bezier(.2,.8,.25,1),background .25s}.intro-dot.on{width:22px;background:linear-gradient(90deg,#8b5cf6,#ec4899);box-shadow:0 0 12px -2px #8b5cf6b3}.intro-nav{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px}.intro-nav .btn{min-width:112px;justify-content:center}.intro-nav .btn-primary{box-shadow:0 5px 16px -8px #7c3aedb3}.intro-nav>span{flex:1}.intro-cta{position:relative;overflow:hidden}.intro-cta:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-18deg);animation:editSheen 3.4s ease-in-out infinite 1s}@media (prefers-reduced-motion: reduce){.intro-fitwrap,.intro-fit{transition:none}.intro-body,.intro-brand,.intro-logo,.intro-icon-tile,.intro-title,.intro-lead,.intro-point,.intro-note{animation:none!important}.intro-ring-arc{stroke-dashoffset:0;animation:none}.intro-cta:after{animation:none}}.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-btn{margin-top:11px}.auto-how-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s ease,opacity .28s ease}.auto-how-wrap.open{grid-template-rows:1fr;opacity:1}.auto-how{overflow:hidden;min-height:0;padding-top:12px}.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);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.onbf-overlay::-webkit-scrollbar{width:0;height:0;display:none}.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;display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);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;flex-shrink:0;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-fitwrap{position:relative;z-index:1;flex:0 0 auto;overflow:hidden;transition:height .42s cubic-bezier(.4,0,.2,1)}.onbf-fit{transform-origin:top center;padding-bottom:10px;transition:transform .42s cubic-bezier(.4,0,.2,1)}.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;box-shadow:none}.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-foot{position:relative;z-index:2;flex-shrink:0;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);animation:fade .3s ease both}.onbf-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.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;overflow-x:clip;padding:2px;scrollbar-width:none;-ms-overflow-style:none}.onbf-grid::-webkit-scrollbar{width:0;height:0;display:none}.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}.onbf-fitwrap,.onbf-fit{transition:none}}.cpw-card{max-width:384px}.cpw-ic{width:60px;height:60px;margin:8px auto 14px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,#a78bfa4d,#7c3aed1f);border:1px solid var(--stroke);box-shadow:0 12px 30px -12px #7c3aeda6;animation:cpwPop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes cpwPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}.cpw-draw{fill:none;stroke:url(#cpwGrad);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:onbfDraw .85s ease forwards .18s}.cpw-sub{text-align:center;color:var(--muted);font-size:13.5px;line-height:1.5;margin:0 auto 16px;max-width:282px}.cpw-form{display:flex;flex-direction:column;gap:10px}.cpw-f{animation:cpwRise .5s cubic-bezier(.2,.8,.2,1) both}@keyframes cpwRise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.cpw-cta{position:relative;overflow:hidden;justify-content:center;padding:13px;margin-top:4px;animation:cpwRise .5s cubic-bezier(.2,.8,.2,1) both .22s}.cpw-cta:after{content:"";position:absolute;top:0;left:-65%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);animation:cpwSheen 2.8s ease-in-out infinite 1.1s}@keyframes cpwSheen{0%{left:-65%}55%,to{left:135%}}.cpw-done{text-align:center;padding:12px 6px 6px;animation:cpwRise .4s ease both}.cpw-check{display:block;margin:0 auto 6px}.cpw-done-t{font-weight:800;font-size:19px}.cpw-done-s{color:var(--muted);font-size:13.5px;margin-top:5px}@media (prefers-reduced-motion: reduce){.cpw-ic,.cpw-draw,.cpw-f,.cpw-cta,.cpw-cta:after,.cpw-done{animation:none}.cpw-draw{stroke-dashoffset:0}}:root[data-theme=light] .onbf-overlay{background:radial-gradient(130% 100% at 50% -10%,rgba(124,58,237,.14),transparent 55%),#f4f3fae6}:root[data-theme=light] .onbf-orb{opacity:.28}:root[data-theme=light] .onbf-card{background:linear-gradient(180deg,#fffffff5,#f7f6fcf0);border-color:var(--stroke);box-shadow:0 50px 130px -34px #543c9657,inset 0 1px #ffffffb3}:root[data-theme=light] .onbf-x{background:#1414320f;color:#14143280}:root[data-theme=light] .onbf-x:hover{background:#1414321f;color:var(--text)}:root[data-theme=light] .onbf-seg{background:#1414321a}:root[data-theme=light] .onbf-ic{background:linear-gradient(180deg,#7c3aed1f,#7c3aed08);border-color:var(--stroke)}:root[data-theme=light] .onbf-icsvg .dr{stroke:#7c3aed}:root[data-theme=light] .onbf-ring-track{stroke:#1414321f}:root[data-theme=light] .onbf-title{color:var(--text)}:root[data-theme=light] .onbf-lead{color:var(--muted)}:root[data-theme=light] .onbf-lead b{color:var(--text)}:root[data-theme=light] .onbf-chip{background:var(--glass-2);border-color:var(--stroke);color:var(--text)}:root[data-theme=light] .onbf-body .field label{color:var(--muted)}:root[data-theme=light] .onbf-body .input,:root[data-theme=light] .onbf-body .select{background:var(--glass);color:var(--text);border-color:var(--stroke)}:root[data-theme=light] .onbf-body .input::placeholder{color:var(--muted)}:root[data-theme=light] .onbf-body .cat-card{background:var(--glass);border-color:var(--stroke)}:root[data-theme=light] .onbf-body .cat-card:hover{background:var(--glass-2);border-color:var(--violet)}:root[data-theme=light] .onbf-body .cat-name{color:var(--text)}:root[data-theme=light] .onbf-body .cat-from{color:var(--muted)}