:root{--green:#348a40;--green-dark:#2a7134;--green-deep:#07360e;--green-light:#e8f5ea;--green-mid:#348a401f;--gold:#c9a84c;--gold-lt:#e8c97a;--gold-dark:#a8893a;--gold-bg:#c9a84c1a;--red:#e53e3e;--red-light:#fff0f0;--brand:var(--green);--brand-strong:var(--green-dark);--brand-soft:var(--green-light);--accent:var(--green-dark);--accent-soft:var(--green-light);--forest:var(--green-deep);--forest-2:var(--green-dark);--gold-soft:var(--green-light);--blue:var(--green-dark);--blue-soft:var(--green-light);--mint:#f1f7f2;--mint-strong:#e2eee4;--display:"Poppins", system-ui, sans-serif;--lime:var(--mint);--lime-strong:var(--mint-strong);--on-lime:var(--green-deep);--bg:#f4f6f9;--surface:#fff;--surface-2:#eef2f0;--border:#d4edda;--text:#0d1f14;--text-2:#4a5568;--text-3:#9aabb5;--success:var(--green);--warning:#b7791f;--danger:var(--red);--success-soft:var(--green-light);--warning-soft:#fdf3e2;--danger-soft:var(--red-light);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 6px 20px #0000001a;--shadow-xl:0 16px 48px #00000024;--ease-std:cubic-bezier(.4, 0, .2, 1);--transition:all .25s var(--ease-std);--radius:var(--radius-md);--shadow:var(--shadow-sm);--shadow-lg:var(--shadow-md);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--tabbar-h:64px;--maxw:520px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#34c254;--brand-strong:#4fd46d;--brand-soft:#14301c;--accent:#4fd46d;--accent-soft:#14301c;--forest:#0a2e15;--forest-2:#0f4a22;--gold:#e8c97a;--gold-lt:#e8c97a;--gold-dark:#c9a84c;--gold-soft:#2e2710;--blue:#4fd46d;--blue-soft:#14301c;--mint:#eef5ef;--mint-strong:#dde9df;--bg:#0d1210;--surface:#151c19;--surface-2:#1d2622;--border:#28332e;--text:#e8eeea;--text-2:#a4b0a9;--text-3:#6f7b74;--success-soft:#133221;--warning-soft:#33280f;--danger-soft:#3a1717;--shadow:0 1px 2px #0006;--shadow-lg:0 2px 4px #0006, 0 14px 32px -8px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--brand:#34c254;--brand-strong:#4fd46d;--brand-soft:#14301c;--accent:#4fd46d;--accent-soft:#14301c;--forest:#0a2e15;--forest-2:#0f4a22;--gold:#e8c97a;--gold-lt:#e8c97a;--gold-dark:#c9a84c;--gold-soft:#2e2710;--blue:#4fd46d;--blue-soft:#14301c;--mint:#eef5ef;--mint-strong:#dde9df;--bg:#0d1210;--surface:#151c19;--surface-2:#1d2622;--border:#28332e;--text:#e8eeea;--text-2:#a4b0a9;--text-3:#6f7b74;--success-soft:#133221;--warning-soft:#33280f;--danger-soft:#3a1717;--shadow:0 1px 2px #0006;--shadow-lg:0 2px 4px #0006, 0 14px 32px -8px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);overflow-x:hidden}a{color:var(--brand);text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.app-frame{max-width:var(--maxw);min-height:100dvh;margin:0 auto;position:relative}.page{padding:16px 16px calc(var(--tabbar-h) + 24px);flex-direction:column;gap:16px;display:flex}.page.no-tabs{padding-bottom:32px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.center{text-align:center}.mono{letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,monospace}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-header{align-items:center;gap:8px;min-height:44px;display:flex}.page-header h1{font-size:20px;font-weight:600}.icon-btn{background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--text);box-shadow:var(--shadow);border:0;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.section-title{font-size:15px;font-weight:600}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.flat{box-shadow:none;border:1px solid var(--border)}.btn{cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--brand-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--border)}.btn.ghost{color:var(--brand);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--brand-soft)}.btn.danger{background:var(--danger)}.btn.sm{width:auto;height:36px;padding:0 14px;font-size:14px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-2);font-size:13px;font-weight:500}.input{border:1px solid var(--border);background:var(--surface);border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-size:16px}textarea.input{resize:vertical;height:auto;min-height:96px;padding:12px 14px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.field .hint{color:var(--text-3);font-size:12px}.field .error{color:var(--danger);font-size:12px}.input-wrap{position:relative}.input-wrap .input{padding-right:44px}.input-wrap .trail{width:40px;height:40px;color:var(--text-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:4px;right:4px}.choice-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:12px;font-weight:500;display:flex}.choice img{object-fit:cover;border-radius:50%;width:36px;height:36px}.choice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px}.chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.plan-list{flex-direction:column;gap:8px;max-height:360px;display:flex;overflow-y:auto}.plan{text-align:left;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.plan[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.plan strong{white-space:nowrap}.tile-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tile{color:var(--text);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 2px;font-size:12px;font-weight:500;display:flex}.tile:hover{background:var(--surface-2)}.tile .tile-icon{background:var(--brand-soft);width:48px;height:48px;color:var(--brand-strong);border-radius:14px;place-items:center;display:grid}.tile.alt .tile-icon{background:var(--accent-soft);color:var(--accent)}.list{flex-direction:column;display:flex}.list-item{border:0;border-bottom:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0}.avatar{background:var(--surface-2);width:40px;height:40px;color:var(--text-2);border-radius:12px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{background:var(--brand-soft);width:72px;height:72px;color:var(--brand-strong);border-radius:22px;font-size:26px;font-weight:600}.amount-credit{color:var(--success);white-space:nowrap;font-weight:600}.amount-debit{white-space:nowrap;font-weight:600}.badge{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.success{background:var(--success-soft);color:var(--success)}.badge.failed{background:var(--danger-soft);color:var(--danger)}.badge.pending{background:var(--warning-soft);color:var(--warning)}.notice{border-radius:12px;padding:12px 14px;font-size:14px}.notice.warning{background:var(--warning-soft);color:var(--warning)}.notice.danger{background:var(--danger-soft);color:var(--danger)}.notice.success{background:var(--success-soft);color:var(--success)}.summary{flex-direction:column;gap:10px;display:flex}.summary>div{justify-content:space-between;gap:12px;font-size:14px;display:flex}.summary>div>span:first-child{color:var(--text-2)}.summary>div>span:last-child{text-align:right;overflow-wrap:anywhere;font-weight:500}.summary .total{border-top:1px dashed var(--border);padding-top:10px;font-weight:600}.empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:14px;display:flex}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.skeleton{background:var(--surface-2);border-radius:8px;animation:1.2s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.tabbar{width:100%;max-width:var(--maxw);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);z-index:20;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.tabbar a.active{color:var(--brand)}.overlay{z-index:40;background:#00000073;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:var(--maxw);padding:20px 16px calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:16px;max-height:90dvh;animation:.2s ease-out rise;display:flex;overflow-y:auto}.sheet-handle{background:var(--border);border-radius:4px;flex-shrink:0;width:40px;height:4px;margin:-8px auto 0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.pin-dots{justify-content:center;gap:14px;margin:8px 0;display:flex}.pin-dots span{border:2px solid var(--border);border-radius:50%;width:14px;height:14px}.pin-dots span.filled{background:var(--brand);border-color:var(--brand)}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad button{background:var(--surface-2);cursor:pointer;border:0;border-radius:14px;place-items:center;height:56px;font-size:22px;font-weight:500;display:grid}.keypad button:active{background:var(--border)}.keypad .blank{visibility:hidden}.toasts{top:calc(12px + env(safe-area-inset-top));z-index:60;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:488px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{box-shadow:var(--shadow);background:var(--surface);border-left:4px solid var(--accent);cursor:pointer;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:500;animation:.15s fade}.toast.success{border-color:var(--success)}.toast.warning{border-color:var(--warning)}.toast.danger{border-color:var(--danger)}.auth{flex-direction:column;justify-content:center;gap:24px;min-height:100dvh;padding:32px 16px;display:flex}.auth-logo{border-radius:18px;width:64px;height:64px;margin:0 auto}.auth h1{text-align:center;font-size:24px;font-weight:700}.auth .sub{text-align:center;color:var(--text-2);margin-top:6px;font-size:14px}.segmented{background:var(--surface-2);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.segmented button{height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:14px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.token-box{border:2px dashed var(--brand);text-align:center;background:var(--brand-soft);color:var(--brand-strong);overflow-wrap:anywhere;border-radius:12px;padding:16px;font-size:22px;font-weight:700}.legal{flex-direction:column;gap:24px;font-size:14px;line-height:1.6;display:flex}.legal h2{margin-bottom:8px;font-size:17px}.legal h3{margin:12px 0 4px;font-size:15px}.legal p{color:var(--text-2);margin:8px 0}.legal ul{color:var(--text-2);margin:8px 0;padding-left:20px}.legal li{margin:4px 0}.legal strong{color:var(--text)}.legal .section-badge{color:var(--brand);font-size:12px;font-weight:700}.legal .def-item{border-bottom:1px solid var(--border);flex-direction:column;padding:8px 0;display:flex}.legal .def-term{font-weight:600}.legal .def-desc{color:var(--text-2)}.legal .contact-grid{flex-direction:column;gap:8px;display:flex}.legal .contact-card{background:var(--surface-2);border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.legal .contact-label,.legal .legal-footer{color:var(--text-3);font-size:12px}.live-banner{z-index:70;background:var(--danger);color:#fff;text-align:center;letter-spacing:.02em;padding:4px 8px;font-size:12px;font-weight:600;position:sticky;top:0}.page{animation:fade .3s var(--ease-out) backwards}.page>:not(.overlay){animation:rise-in .5s var(--ease-out) backwards}.page>:nth-child(2){animation-delay:40ms}.page>:nth-child(3){animation-delay:80ms}.page>:nth-child(4){animation-delay:.12s}.page>:nth-child(5){animation-delay:.16s}.page>:nth-child(6){animation-delay:.2s}.page>:nth-child(n+7){animation-delay:.24s}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}}@keyframes ping{75%,to{opacity:0;transform:scale(2.6)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes drift{to{transform:translate(-18px,12px)scale(1.06)}}@keyframes breathe{to{transform:scale(1.15)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pop-in{animation:pop-in .3s var(--ease-spring)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn,.chip,.tile,.icon-btn,.plan,.choice,.event-card,.featured-card,.list-item,.keypad button,.segmented button,.action-tile,.choice-card{transition:transform .2s var(--ease-out), background-color .2s, color .2s, border-color .2s, box-shadow .25s, opacity .2s;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled),.chip:active,.tile:active,.icon-btn:active,.plan:active:not(:disabled),.choice:active,.keypad button:active,.action-tile:active{transform:scale(.96)}.choice-card:active{transform:scale(.98)}.event-card:active,.featured-card:active{transform:scale(.985)}.btn:not(.secondary):not(.ghost):not(.danger):not(.outline):not(:disabled){box-shadow:0 6px 16px -8px color-mix(in srgb, var(--brand) 80%, transparent)}.card{transition:box-shadow .25s}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--border) 50%, var(--surface-2) 100%) 0 0 / 200% 100%;animation:1.3s linear infinite shimmer}.skeleton.light{background-image:linear-gradient(90deg,#ffffff1f,#ffffff52,#ffffff1f);border-radius:8px}.tabbar{background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(18px)}.tabbar a{-webkit-tap-highlight-color:transparent;transition:color .2s}.tabbar .tab-icon{border-radius:999px;place-items:center;width:56px;height:30px;display:grid;position:relative}.tabbar .tab-icon:before{content:"";border-radius:inherit;background:var(--brand-soft);opacity:0;transition:transform .4s var(--ease-spring), opacity .2s;position:absolute;inset:0;transform:scaleX(.3)}.tabbar .tab-icon svg{position:relative}.tabbar a.active .tab-icon:before{opacity:1;transform:scaleX(1)}.tabbar a.active .tab-icon svg{animation:tab-pop .45s var(--ease-spring)}.tabbar a.active .tab-label{font-weight:600}@keyframes tab-pop{40%{transform:scale(.8)translateY(2px)}}.overlay{-webkit-backdrop-filter:blur(2px)}.sheet{animation:sheet-up .4s var(--ease-out)}@keyframes sheet-up{0%{transform:translateY(100%)}}.toast{animation:toast-in .35s var(--ease-spring)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}}.wave{transform-origin:70% 70%;animation:2.4s ease-in-out .6s 2 wave;display:inline-block}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.tile .tile-icon{background:linear-gradient(145deg, var(--brand-soft), color-mix(in srgb, var(--brand-soft) 55%, var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 12%, transparent);transition:transform .35s var(--ease-spring)}.tile.alt .tile-icon{background:linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft) 55%, var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.live-dot{background:#f43f5e;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.live-dot:after{content:"";background:inherit;animation:ping 1.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.discover-hero{isolation:isolate;color:#fff;border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:136px;padding:22px 20px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px -16px #0b6e67a6}.discover-hero:before{content:"";z-index:-2;background:linear-gradient(125deg,#0b6e67 0%,#1a8a2f 50%,#6bb82e 100%) 0 0/220% 220%;animation:12s ease-in-out infinite alternate hue-pan;position:absolute;inset:0}@keyframes hue-pan{to{background-position:100% 100%}}.hero-art{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-art .orbit{transform-origin:330px 40px;animation:26s linear infinite spin}.hero-art .blob{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite alternate breathe}.hero-art .b2{animation-duration:8s}.twinkle path{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite twinkle}.twinkle path:nth-child(2){animation-delay:.9s}.twinkle path:nth-child(3){animation-delay:1.7s}.hero-text h1{letter-spacing:-.02em;font-size:28px;font-weight:700}.hero-text p{opacity:.92;max-width:280px;margin-top:2px;font-size:14px;line-height:1.45}.live-pill{-webkit-backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:14px;right:14px}.search-bar{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 8px 0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-bar:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.search-bar input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.search-bar button{cursor:pointer;background:var(--surface-2);width:28px;height:28px;color:var(--text-2);animation:pop-in .2s var(--ease-spring);border:0;border-radius:50%;place-items:center;display:grid}.chip-scroll{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll .chip{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.chip-scroll .chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 14px -8px color-mix(in srgb, var(--brand) 90%, transparent)}.count-pill{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.type-pill,.phase-pill{border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex;box-shadow:0 2px 8px #0000001f}.type-pill{color:#13201a;background:#ffffffeb}.phase-pill.live{color:#fff;background:#e11d48}.phase-pill.live .live-dot{background:#fff;width:6px;height:6px}.phase-pill.upcoming{color:var(--green-dark);background:#ffffffeb}.phase-pill.ended{color:#fff;background:#0000008c}.featured{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px 6px;scroll-padding:0 16px;display:flex;overflow-x:auto}.featured::-webkit-scrollbar{display:none}.featured-card{aspect-ratio:16/10;isolation:isolate;scroll-snap-align:start;color:#fff;background:var(--surface-2);box-shadow:var(--shadow-lg);border-radius:20px;flex:0 0 86%;position:relative;overflow:hidden}.featured-card>img,.featured-card>.event-art{object-fit:cover;z-index:-2;width:100%;height:100%;animation:16s ease-in-out infinite alternate kenburns;position:absolute;inset:0}@keyframes kenburns{to{transform:scale(1.08)translate(-1.5%,-1%)}}.featured-card .shade{z-index:-1;background:linear-gradient(#0000 30%,#000000c7);position:absolute;inset:0}.featured-card .phase-pill{position:absolute;top:12px;right:12px}.featured-body{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.featured-body strong{text-shadow:0 1px 10px #00000059;font-size:18px;line-height:1.25}.featured-body .tiny{opacity:.9}.dots{justify-content:center;gap:6px;display:flex}.dots button{background:var(--border);cursor:pointer;width:6px;height:6px;transition:width .35s var(--ease-out), background .35s;border:0;border-radius:999px;padding:0}.dots button[aria-current=true]{background:var(--brand);width:20px}.event-list{flex-direction:column;gap:14px;display:flex}.event-list>*,.ticket-stub{animation:rise-in .55s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms + .12s)}.event-card{background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:18px;display:block;position:relative;overflow:hidden}.event-card .banner{aspect-ratio:2;background:var(--surface-2);position:relative;overflow:hidden}.event-card .banner>img,.event-card .banner>.event-art{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out)}.event-card .type-pill{position:absolute;top:10px;left:10px}.event-card .phase-pill{position:absolute;top:10px;right:10px}.date-tile{background:var(--surface);width:46px;color:var(--brand);text-transform:uppercase;border-radius:12px;flex-direction:column;align-items:center;padding:5px 0 6px;font-size:10px;font-weight:600;line-height:1.1;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 4px 12px #0000002e}.date-tile b{color:var(--text);font-size:18px}.event-card .body{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.event-card .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.3;display:-webkit-box;overflow:hidden}.card-foot{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.cta{color:var(--brand);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.cta svg{transition:transform .25s var(--ease-out)}.event-card.ended{opacity:.88}.event-card.ended .banner>*{filter:grayscale(.55)}.event-art{width:100%;height:100%;display:block}.art-float{animation:10s ease-in-out infinite alternate drift}@media (hover:hover){.event-card:hover,.featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.event-card:hover .banner>img,.event-card:hover .banner>.event-art{transform:scale(1.05)}.event-card:hover .cta svg{transform:translate(4px)}.tile:hover .tile-icon{transform:translateY(-3px)rotate(-4deg)}.contestant:hover .photo img{transform:scale(1.06)}}.ticket-stub{--notch:79px;background:var(--surface);border:1px solid var(--border);-webkit-mask:radial-gradient(circle 9px at calc(100% - var(--notch)) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at calc(100% - var(--notch)) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle 9px at calc(100% - var(--notch)) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at calc(100% - var(--notch)) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 9px at calc(100% - var(--notch)) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at calc(100% - var(--notch)) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.ticket-stub.used{opacity:.65}.stub-tear{border-left:2px dashed var(--border);align-self:stretch;width:0;margin:-6px 0}.stub-end{flex-shrink:0;justify-content:center;width:50px;display:flex}.stub-icon{background:linear-gradient(135deg, var(--accent-soft), var(--brand-soft));width:44px;height:44px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.stub-icon.sm{border-radius:10px;width:36px;height:36px}.plan.ticket-plan{justify-content:flex-start}.illustration{color:var(--text);margin-bottom:4px}.float-a{animation:3.2s ease-in-out infinite bob}.float-b{animation:3.2s ease-in-out -1.6s infinite bob}.shadow-pulse{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite shadow-pulse}@keyframes shadow-pulse{50%{transform:scaleX(.85)}}.detail-hero,.detail-skeleton{aspect-ratio:4/3;border-radius:0 0 26px 26px;max-height:340px;margin:-16px -16px 0}.detail-hero{isolation:isolate;color:#fff;position:relative;overflow:hidden}.detail-hero .cover{z-index:-2;position:absolute;inset:0}.detail-hero .cover>img,.detail-hero .cover>.event-art{object-fit:cover;width:100%;height:100%;animation:hero-zoom 1.2s var(--ease-out) backwards}@keyframes hero-zoom{0%{transform:scale(1.12)}}.detail-hero .shade{z-index:-1;background:linear-gradient(#00000061 0%,#0000 28% 42%,#000c 100%);position:absolute;inset:0}.hero-bar{top:calc(12px + env(safe-area-inset-top));justify-content:space-between;display:flex;position:absolute;left:12px;right:12px}.icon-btn.glass{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff40}.icon-btn.soft{width:36px;height:36px;box-shadow:none;background:var(--surface-2)}.hero-info{animation:rise-in .6s var(--ease-out) .15s backwards;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;left:16px;right:16px}.hero-info h1{letter-spacing:-.01em;text-shadow:0 2px 14px #00000059;font-size:24px;font-weight:700;line-height:1.2}.info-card{gap:14px}.info-row{color:var(--text);align-items:center;gap:12px;display:flex}.info-icon{background:var(--brand-soft);width:38px;height:38px;color:var(--brand-strong);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.about{line-height:1.6}.about.clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600}.stat-strip{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.stat-strip>div{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:2px;min-width:0;padding:12px;display:flex}.stat-strip b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.stat-strip span{color:var(--text-3);font-size:11px;font-weight:500}.gift-notice svg{flex-shrink:0;animation:2.4s ease-in-out infinite wiggle}@keyframes wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-6deg)}}.contestant-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.contestant{color:var(--text);animation:rise-in .55s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms + .1s);flex-direction:column;padding:0;display:flex;overflow:hidden}.contestant-open{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.contestant-open:disabled{cursor:default}.contestant .photo{aspect-ratio:1;background:linear-gradient(135deg, var(--brand-soft), var(--accent-soft));place-items:center;display:grid;position:relative;overflow:hidden}.contestant .photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out)}.contestant .initial{color:var(--brand);font-size:40px;font-weight:700}.contestant .body{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.medal{color:#fff;width:28px;height:28px;animation:medal-in .6s var(--ease-spring) .45s backwards;border:2px solid #ffffffd9;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 3px 10px #00000040}.medal.gold{background:linear-gradient(135deg,#f7d046,#d99a0b)}.medal.silver{background:linear-gradient(135deg,#d9dee3,#8e99a3)}.medal.bronze{background:linear-gradient(135deg,#e3a26b,#a95d23)}@keyframes medal-in{0%{transform:scale(0)rotate(-120deg)}}.vote-bar{background:var(--surface-2);border-radius:999px;height:5px;display:block;overflow:hidden}.vote-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--accent));transform-origin:0;height:100%;animation:grow-x 1s var(--ease-out) .35s backwards;display:block}.vote-head{align-items:center;gap:14px;display:flex}.status-mark{width:72px;height:72px;animation:pop-in .45s var(--ease-spring);place-items:center;display:grid;position:relative}.status-mark.success{color:var(--success)}.status-mark.warning{color:var(--warning)}.status-mark.danger{color:var(--danger)}.status-mark svg{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.status-mark.danger svg{animation:.4s .95s shake}.status-mark .ring{fill:color-mix(in srgb, currentColor 12%, transparent);stroke-dasharray:202;stroke-dashoffset:202px;transform-box:fill-box;transform-origin:50%;animation:draw .6s var(--ease-out) forwards;transform:rotate(-90deg)}.status-mark .draw{stroke-dasharray:60;stroke-dashoffset:60px;animation:draw .45s var(--ease-out) .5s forwards}.status-mark .hand{transform-origin:36px 36px;animation:2.4s linear infinite spin}.burst{pointer-events:none;position:absolute;inset:0}.burst i{opacity:0;background:var(--brand);width:6px;height:6px;animation:burst .8s var(--ease-out) .6s forwards;border-radius:2px;margin:-3px;position:absolute;top:50%;left:50%}.burst i:nth-child(odd){background:var(--accent)}.burst i:nth-child(3n){background:#f7b500}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-56px) scale(.4)}}@media (prefers-reduced-motion:reduce){:not(.spinner),:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.display-title{font-family:var(--display);letter-spacing:-.03em;font-weight:800;line-height:1.1}.page-header h1,.sheet .section-title{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:700}.link-strong{font-weight:600}.btn.outline{color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand);background:0 0}.btn.outline:hover:not(:disabled){background:var(--brand-soft)}.wallet-hero{isolation:isolate;padding:calc(14px + env(safe-area-inset-top)) 16px 20px;color:#fff;background:radial-gradient(120% 90% at 100% 0%, var(--forest-2) 0%, transparent 60%), linear-gradient(170deg, var(--forest) 0%, var(--green-deep) 100%);border-radius:0 0 28px 28px;flex-direction:column;gap:16px;margin:-16px -16px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 36px -22px #07360eb3}.hero-streaks{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.streak{stroke-dasharray:520;stroke-dashoffset:520px;animation:streak-draw 2.4s var(--ease-out) .3s forwards, streak-glow 5s ease-in-out 2.7s infinite alternate}.streak.s2{animation-delay:.55s,3s}.streak.s3{animation-delay:.8s,3.2s}@keyframes streak-draw{to{stroke-dashoffset:0}}@keyframes streak-glow{to{opacity:.45}}.hero-top{align-items:center;gap:12px;display:flex}.hero-avatar{color:#fff;background:#ffffff24;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:18px;font-weight:600;display:grid;overflow:hidden}.hero-avatar img{object-fit:cover;width:100%;height:100%}.hero-title{font-size:18px;font-weight:600}.hero-sub{opacity:.78;font-size:12.5px}.icon-btn.round{border-radius:50%;width:44px;height:44px}.balance-card.glass{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff29;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 16px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f}.balance-label{letter-spacing:.12em;text-transform:uppercase;opacity:.8;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}.balance-card .eye{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.balance-card .amount{font-family:var(--display);font-variant-numeric:tabular-nums;animation:pop-in .35s var(--ease-out);text-shadow:0 2px 18px #0003;font-size:38px;line-height:1.15}.bonus{opacity:.9;font-size:13px}.bonus b{color:var(--mint);font-weight:600}:root .wallet-hero .bonus b{color:var(--mint)}.va-panel{text-align:left;background:#00000029;border:1px solid #8fd19a47;border-radius:14px;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;display:flex}.va-bank{letter-spacing:.1em;text-transform:uppercase;color:var(--mint);font-size:11.5px;font-weight:600}.va-number{letter-spacing:.08em;margin-top:2px;font-size:16px}.va-name{opacity:.75;text-transform:capitalize;font-size:12px}.va-copy{color:var(--mint);cursor:pointer;background:#8fd19a29;border:0;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.perk-pills{grid-template-columns:1fr 1fr;gap:10px;display:grid}.perk{color:var(--text-2);background:var(--surface);box-shadow:var(--shadow);border-left:3px solid var(--brand);white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:10px 12px;font-size:12.5px;display:flex;overflow:hidden}.perk b{color:var(--text)}.perk.green svg{color:var(--brand);flex-shrink:0}.perk.gold svg{color:var(--green-dark);flex-shrink:0}.action-tiles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.action-tile{aspect-ratio:1/1.08;cursor:pointer;color:#fff;text-align:center;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex;box-shadow:0 10px 20px -14px #0000008c,inset 0 1px #ffffff2e}.action-tile .ring{width:40px;height:40px;transition:transform .35s var(--ease-spring);background:#ffffff2e;border-radius:50%;place-items:center;display:grid}.action-tile.green{background:linear-gradient(160deg, var(--green), var(--green-dark))}.action-tile.gold{background:linear-gradient(160deg, #5fae68, var(--green))}.action-tile.blue{background:linear-gradient(160deg, var(--green-dark), var(--green-deep))}.action-tile.plain{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.action-tile.plain .ring{background:var(--brand-soft);color:var(--brand-strong)}@media (hover:hover){.action-tile:hover .ring{transform:translateY(-2px)scale(1.06)}}.choice-card{text-align:left;cursor:pointer;width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.choice-card:hover{border-color:var(--brand)}.choice-card strong{font-size:16px;font-weight:700;display:block}.choice-card .muted{display:block}.choice-icon{border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.choice-icon.green{background:var(--brand-soft);color:var(--brand)}.tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.tag.green{background:var(--brand-soft);color:var(--brand-strong)}.tag.blue{background:var(--blue-soft);color:var(--blue)}.input-wrap.lead .input{padding-left:44px}.input-wrap.lead .lead-icon{height:48px;color:var(--text-3);pointer-events:none;place-items:center;transition:color .2s;display:grid;position:absolute;top:0;left:14px}.input-wrap.lead:focus-within .lead-icon{color:var(--brand)}.field label{color:var(--text);font-weight:600}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow-dot{background:var(--brand);width:9px;height:9px;box-shadow:0 0 0 4px var(--brand-soft);border-radius:50%}.auth-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth h1.display-title{color:var(--forest);font-size:30px;font-weight:800}:root[data-theme=dark] .auth h1.display-title{color:var(--text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth h1.display-title{color:var(--text)}}.logo-rings{place-items:center;width:120px;height:120px;margin:4px 0 2px;display:grid;position:relative}.logo-rings span{border:1.5px solid var(--brand);opacity:0;animation:ring-out 3.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.logo-rings span:nth-child(2){animation-delay:1.2s}.logo-rings span:nth-child(3){animation-delay:2.4s}.logo-rings img{width:60px;height:60px;box-shadow:0 0 0 6px var(--surface), 0 10px 24px -8px #07360e73;border-radius:50%;position:relative}@keyframes ring-out{0%{opacity:.55;transform:scale(.45)}to{opacity:0;transform:scale(1)}}.welcome{justify-content:space-between;gap:20px}.welcome-title{color:var(--forest);text-align:left!important;font-size:42px!important}.squiggle{color:var(--brand);display:inline-block;position:relative}.squiggle svg{width:100%;height:12px;position:absolute;bottom:-10px;left:0;right:0;overflow:visible}.squiggle path{fill:none;stroke:var(--brand);stroke-width:3px;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160px;animation:draw 1.1s var(--ease-out) .5s forwards}.welcome-stage{place-items:center;height:300px;display:grid;position:relative}.halo{background:radial-gradient(circle, var(--brand-soft) 0%, transparent 70%);border-radius:50%;position:absolute}.halo.h1{width:300px;height:300px;animation:5s ease-in-out infinite alternate breathe}.halo.h2{background:var(--brand-soft);opacity:.8;width:180px;height:180px}.orbit-ring{width:280px;height:280px;animation:40s linear infinite spin;position:absolute}.orbit-ring circle{stroke:var(--brand);stroke-opacity:.35;stroke-width:1.5px}.stage-logo{background:var(--surface);width:104px;height:104px;animation:pop-in .6s var(--ease-spring) .2s backwards;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 18px 40px -16px #07360e8c}.stage-logo img{border-radius:50%;width:72px;height:72px}.stage-bubble{color:#fff;width:58px;height:58px;animation:pop-in .5s var(--ease-spring) backwards, bob 3.4s ease-in-out infinite;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 12px 24px -10px #0006,inset 0 2px #ffffff40}.stage-bubble em{color:var(--text-2);white-space:nowrap;margin-top:6px;font-size:11px;font-style:normal;font-weight:600;position:absolute;top:100%}.stage-bubble.green{background:linear-gradient(150deg, var(--green), var(--green-dark))}.b-1{animation-delay:.3s,0s;top:18px;left:12%}.b-2{animation-delay:.4s,-.8s;top:34px;right:10%}.b-3{animation-delay:.5s,-1.6s;bottom:70px;left:4%}.b-4{animation-delay:.6s,-2.4s;bottom:52px;right:6%}.b-5{width:46px;height:46px;animation-delay:.7s,-1.2s;bottom:4px;left:44%}.card{border:1px solid color-mix(in srgb, var(--border) 55%, transparent)}.page-header{z-index:15;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);margin:-16px -16px 0;padding:10px 16px;position:sticky;top:0}.group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:600}.choice{position:relative}.choice[aria-pressed=true]:after{content:"";background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;width:20px;height:20px;box-shadow:0 0 0 2px var(--surface);animation:pop-in .3s var(--ease-spring);border-radius:50%;position:absolute;top:-6px;right:-6px}.wallet-hero.compact{gap:14px;padding-bottom:18px}.band-title{font-size:32px;line-height:1.1}.band-chip{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .2s;display:inline-flex}.band-chip:hover{background:#fff3}.band-chip span{opacity:.8}.band-chip b{color:var(--mint);font-variant-numeric:tabular-nums;font-weight:600}.bill-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bill-card{color:var(--text);background:var(--surface);box-shadow:var(--shadow);border:1px solid color-mix(in srgb, var(--border) 55%, transparent);transition:transform .2s var(--ease-out), box-shadow .25s;-webkit-tap-highlight-color:transparent;animation:rise-in .55s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms + .12s);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.bill-card.wide{flex-direction:row;grid-column:1/-1;align-items:center}.bill-card:active{transform:scale(.97)}.bill-card strong{font-size:15px;display:block}.bill-card .small{line-height:1.35;display:block}.bill-card:after{content:"";opacity:.03;pointer-events:none;background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;right:-30px}@media (hover:hover){.bill-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.bill-card:hover .bill-icon{transform:rotate(-6deg)scale(1.06)}}.bill-icon,.tx-icon,.set-icon{color:#fff;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff38,0 6px 14px -8px #00000073}.bill-icon{width:46px;height:46px;transition:transform .35s var(--ease-spring);border-radius:14px}.bill-icon.green,.set-icon.green{background:linear-gradient(150deg, var(--green), var(--green-dark))}.logo-stack{margin-left:auto;display:flex}.bill-card:not(.wide) .logo-stack{margin-left:0}.logo-stack img{object-fit:cover;border:2px solid var(--surface);background:#fff;border-radius:50%;width:26px;height:26px;margin-left:-8px}.logo-stack img:first-child{margin-left:0}.trust-note{color:var(--text-3);justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.tx-icon{width:40px;height:40px;box-shadow:none;border-radius:12px}.tx-icon.green{background:var(--success-soft);color:var(--success)}.tx-icon.plain{background:var(--surface-2);color:var(--text-2)}.tx-group+.tx-group{margin-top:10px}.tx-group .group-label{padding-top:4px}.detail-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800}.profile-band{text-align:center;padding-top:calc(28px + env(safe-area-inset-top));align-items:center;gap:6px;padding-bottom:22px}.profile-avatar{color:#fff;background:linear-gradient(150deg, var(--green), var(--green-dark));width:88px;height:88px;animation:pop-in .5s var(--ease-spring) .1s backwards;border:3px solid #ffffffd9;border-radius:50%;place-items:center;margin-bottom:6px;font-size:34px;font-weight:600;display:grid;overflow:hidden;box-shadow:0 0 0 6px #ffffff1a,0 12px 28px -10px #00000080}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-band .band-chip{align-self:center;margin-top:8px}.settings-group{padding-top:14px;padding-bottom:6px}.settings-group .list-item{padding:11px 0}.btn.signout{background:var(--danger-soft);color:var(--danger)}.btn.signout:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, var(--surface))}.refer-card{isolation:isolate;color:#fff;background:radial-gradient(120% 100% at 100% 0%, var(--forest-2), transparent 60%), linear-gradient(160deg, var(--forest), var(--green-deep));border-radius:22px;flex-direction:column;gap:4px;padding:22px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px -18px #07360eb3}.refer-art{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.refer-art circle{fill:var(--mint);opacity:.08;transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite alternate breathe}.refer-amount{letter-spacing:-.03em;color:var(--mint);font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:1.15}.code-box{cursor:pointer;border:2px dashed color-mix(in srgb, var(--brand) 55%, transparent);background:var(--brand-soft);width:100%;color:var(--brand-strong);transition:transform .2s var(--ease-out), background .2s;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.code-box .mono{letter-spacing:.12em;text-transform:uppercase;font-size:20px;font-weight:700}.code-box:active{transform:scale(.98)}.soon-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.soon-rings{width:150px;height:150px}.soon-icon{color:#fff;background:linear-gradient(150deg, var(--green), var(--green-dark));border-radius:50%;place-items:center;width:76px;height:76px;animation:3.2s ease-in-out infinite bob;display:grid;position:relative;box-shadow:0 16px 30px -12px #07360e99}.soon-rings>span:not(.soon-icon){animation-name:ring-out}.not-found{gap:12px}.lost-compass{width:96px;height:96px;color:var(--brand);background:var(--brand-soft);border-radius:50%;place-items:center;margin:0 auto;animation:3s ease-in-out infinite wobble;display:grid}@keyframes wobble{0%,to{transform:rotate(-18deg)}50%{transform:rotate(24deg)}}body{background:radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--brand-soft) 90%, var(--bg)), var(--bg) 60%) fixed, var(--bg)}.wallet-hero{border-radius:24px;margin:0;padding:20px}.wallet-hero.profile-band{padding-top:26px}.app-topbar{justify-content:space-between;align-items:center;min-height:52px;display:flex}.brandmark{color:var(--brand-strong);align-items:center;gap:8px;display:inline-flex}.brandmark img{border-radius:50%;width:40px;height:40px;box-shadow:0 6px 14px -8px #07360e99}.brandmark span{letter-spacing:-.04em;font-size:26px;font-weight:800}.topbar-btn{width:42px;height:42px;color:var(--brand-strong);border-radius:50%;place-items:center;display:grid}.topbar-sep{background:var(--border);width:1px;height:28px}.topbar-avatar{background:linear-gradient(150deg, var(--green), var(--green-dark));color:#fff;width:44px;height:44px;box-shadow:0 0 0 2px var(--surface), 0 6px 14px -8px #00000073;border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid;position:relative;overflow:hidden}.topbar-avatar img{object-fit:cover;width:100%;height:100%}.greeting p{color:var(--text-2);font-size:16px}.greeting h1{color:var(--forest);margin:2px 0;font-size:34px}.greeting .tagline{flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.live-count{color:var(--live,#e11d48);background:#e11d4814;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}:root[data-theme=dark] .greeting h1{color:var(--text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .greeting h1{color:var(--text)}}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2{letter-spacing:-.02em;color:var(--forest);font-size:20px;font-weight:800}:root[data-theme=dark] .section-head h2{color:var(--text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .section-head h2{color:var(--text)}}.section-head a{color:var(--brand-strong);align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.section-head a svg{transition:transform .2s var(--ease-out)}.section-head a:hover svg{transform:translate(3px)}.balance-card.dark{isolation:isolate;color:#fff;background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark) 0%, var(--green-deep) 100%);border-radius:24px;flex-direction:column;gap:6px;padding:20px 18px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 40px -22px #07360ecc,inset 0 1px #ffffff1a}.balance-card.dark:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#8fd19a1a 50%,#0000 60%) 0 0/250% 100%;animation:6s ease-in-out 1s infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{background-position:120% 0}60%,to{background-position:-120% 0}}.balance-card.dark .balance-label{letter-spacing:0;text-transform:none;opacity:.9;font-size:15px}.balance-card.dark .amount{font-family:var(--display);letter-spacing:-.03em;text-shadow:none;font-size:38px;font-weight:800;line-height:1.1}.balance-meta{flex-wrap:wrap;align-items:center;gap:10px;min-height:4px;display:flex}.delta{color:var(--lime);background:#8fd19a29;border:1px solid #8fd19a4d;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.delta.down{color:var(--red-light);background:#ffffff1a;border-color:#ffffff26}.balance-card.dark .bonus{opacity:.85;font-size:12.5px}.balance-card.dark .bonus b{color:var(--mint)}.wallet-art{z-index:-1;opacity:.95;width:132px;height:104px;position:absolute;top:10px;right:6px}.wallet-art .wallet-body{animation:4s ease-in-out infinite bob}.wallet-art .coin{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite coin-spin}.wallet-art .c2{animation-delay:-1.4s}@keyframes coin-spin{0%,to{transform:translateY(0)scaleX(1)}50%{transform:translateY(-6px)scaleX(.35)}}.balance-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.balance-actions button{color:#fff;cursor:pointer;height:72px;transition:transform .2s var(--ease-out), background .2s;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #8fd19a47;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}.balance-actions button:hover{background:#ffffff1f}.balance-actions button:active{transform:scale(.95)}.balance-actions button.lime{background:var(--mint);color:var(--on-lime);border:0;box-shadow:0 10px 20px -12px #8fd19acc}.balance-actions .ring{background:var(--on-lime);width:26px;height:26px;color:var(--lime);border-radius:50%;place-items:center;display:grid}.balance-card.dark .va-panel{margin-top:8px}.quick-actions{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.qa{color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:12.5px;font-weight:500;display:flex}.qa-circle{width:52px;height:52px;color:var(--brand-strong);background:linear-gradient(160deg, color-mix(in srgb, var(--brand-soft) 70%, var(--surface)), var(--brand-soft));box-shadow:0 6px 14px -10px #07360e99, inset 0 0 0 1px color-mix(in srgb, var(--brand) 10%, transparent);transition:transform .35s var(--ease-spring), background .2s;border-radius:50%;place-items:center;display:grid}.qa:active .qa-circle{transform:scale(.9)}@media (hover:hover){.qa:hover .qa-circle{transform:translateY(-3px)}}.lime-pill{background:var(--mint);color:var(--on-lime);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px -10px #8fd19ae6}.lime-pill svg{transition:transform .25s var(--ease-out)}a:hover .lime-pill svg{transform:translate(3px)}.promo-row,.trend-row,.pop-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:2px 16px 8px;scroll-padding:0 16px;display:flex;overflow-x:auto}.promo-row::-webkit-scrollbar{display:none}.trend-row::-webkit-scrollbar{display:none}.pop-row::-webkit-scrollbar{display:none}.promo-card{isolation:isolate;scroll-snap-align:start;color:#fff;background:radial-gradient(80% 70% at 90% 10%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));min-height:190px;animation:rise-in .55s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 70ms + .15s);transition:transform .2s var(--ease-out);border-radius:20px;flex-direction:column;flex:0 0 62%;gap:6px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -20px #07360ecc}.promo-card:active{transform:scale(.97)}.promo-card:after{content:"";background:var(--lime);opacity:.1;z-index:-1;border-radius:50%;width:110px;height:110px;position:absolute;top:-24px;right:-24px}.promo-icon{width:46px;height:46px;color:var(--on-lime);background:var(--mint);border-radius:14px;place-items:center;margin-bottom:4px;animation:3.6s ease-in-out infinite bob;display:grid}.promo-card strong{letter-spacing:-.02em;font-size:22px;font-weight:800}.promo-text{opacity:.85;flex:1;font-size:13px;line-height:1.4}.poster-card,.trend-card{isolation:isolate;color:#fff;background:var(--green-deep);border-radius:22px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 34px -20px #07360ed9}.poster-card{min-height:250px}.trend-card{scroll-snap-align:start;min-height:250px;animation:rise-in .55s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 70ms + .12s);flex:0 0 78%}.poster-card>img,.poster-card>.event-art,.trend-card>img,.trend-card>.event-art{object-fit:cover;z-index:-2;width:100%;height:100%;animation:18s ease-in-out infinite alternate kenburns;position:absolute;inset:0}.poster-shade{z-index:-1;background:linear-gradient(90deg,#07360eeb 0%,#07360eb3 45%,#07360e26 100%),linear-gradient(#0000 50%,#07360e99);position:absolute;inset:0}.poster-body,.trend-body{flex-direction:column;justify-content:flex-end;gap:6px;padding:18px;display:flex;position:absolute;inset:0}.poster-body strong,.trend-body strong{letter-spacing:-.02em;max-width:85%;font-size:24px;font-weight:800;line-height:1.15}.trend-body strong{font-size:20px}.poster-kicker{color:var(--lime);font-size:13.5px;font-weight:500}.poster-line{opacity:.92;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.poster-body .lime-pill,.trend-body .lime-pill{margin-top:6px}.live-tag{letter-spacing:.04em;background:var(--lime);color:var(--on-lime);border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.live-tag .live-dot{background:var(--green-deep);width:7px;height:7px}.trend-body .phase-pill{align-self:flex-start}.search-bar.pill{height:52px;box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--brand) 18%, var(--border));border-radius:999px;padding-left:18px}.cat-tiles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cat-tile{aspect-ratio:1;cursor:pointer;color:var(--brand-strong);background:color-mix(in srgb, var(--brand-soft) 65%, var(--surface));transition:transform .2s var(--ease-out), background .25s, color .25s, box-shadow .25s;-webkit-tap-highlight-color:transparent;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.cat-tile:active{transform:scale(.94)}.cat-tile[aria-pressed=true]{background:linear-gradient(160deg, var(--green), var(--green-dark));color:#fff;box-shadow:0 12px 22px -12px #07360ecc}.cat-tile[aria-pressed=true] svg{animation:tab-pop .45s var(--ease-spring)}.featured-card.banner-card{background:linear-gradient(160deg, var(--green-dark), var(--green-deep));aspect-ratio:auto;flex-basis:92%;min-height:210px}.banner-img{z-index:-2;width:58%;position:absolute;top:0;bottom:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#000 45%);mask:linear-gradient(90deg,#0000,#000 45%)}.banner-img>img,.banner-img>.event-art{object-fit:cover;width:100%;height:100%;animation:16s ease-in-out infinite alternate kenburns}.banner-card .featured-body{justify-content:center;gap:6px;max-width:62%;padding:4px 0;top:0}.banner-card .featured-body strong{letter-spacing:-.02em;text-shadow:none;font-size:22px;font-weight:800}.feat-tag{letter-spacing:.06em;text-transform:uppercase;background:var(--lime);color:var(--on-lime);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:800}.feat-kicker{color:var(--lime);font-size:13.5px;font-weight:600}.pop-tile{scroll-snap-align:start;min-height:124px;color:var(--brand-strong);background:color-mix(in srgb, var(--brand-soft) 65%, var(--surface));transition:transform .2s var(--ease-out);border-radius:18px;flex-direction:column;flex:0 0 40%;gap:6px;padding:16px 14px;display:flex}.pop-tile:active{transform:scale(.96)}.pop-tile.dark{background:linear-gradient(160deg, var(--green-dark), var(--green-deep));color:#fff}.pop-tile strong{color:inherit;margin-top:auto;font-size:15px}.pop-tile span{opacity:.8;color:inherit;justify-content:space-between;align-items:center;font-size:12px;display:flex}.pop-tile:not(.dark) strong{color:var(--text)}.update-row{color:var(--text);background:var(--surface);box-shadow:var(--shadow);border:1px solid color-mix(in srgb, var(--border) 55%, transparent);animation:rise-in .5s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 50ms + .12s);transition:transform .2s var(--ease-out);border-radius:18px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.update-row:active{transform:scale(.98)}.update-row .thumb{background:var(--surface-2);border-radius:12px;flex-shrink:0;width:88px;height:72px;overflow:hidden}.update-row .thumb>*{object-fit:cover;width:100%;height:100%}.update-row strong{margin:4px 0 1px;font-size:15px;display:block}.update-row .type-pill,.update-row .phase-pill{box-shadow:none;padding:2px 8px;font-size:10.5px}.update-row .type-pill{background:var(--brand-soft);color:var(--brand-strong)}.update-row .phase-pill.upcoming{background:var(--accent-soft)}.update-row.ended{opacity:.8}.go-btn{color:#fff;background:linear-gradient(160deg, var(--green), var(--green-dark));width:34px;height:34px;transition:transform .25s var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}@media (hover:hover){.update-row:hover .go-btn{transform:translate(3px)}.update-row:hover{box-shadow:var(--shadow-lg)}}.tabbar{overflow:visible}.fab-slot{place-items:center;display:grid;position:relative}.fab{cursor:pointer;color:#fff;background:linear-gradient(160deg, var(--green), var(--green-dark));width:62px;height:62px;box-shadow:0 0 0 5px var(--bg), 0 0 0 7px color-mix(in srgb, var(--lime) 55%, transparent), 0 14px 26px -8px #07360eb3;transition:transform .35s var(--ease-spring), box-shadow .3s;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-26px}.fab:active{transform:scale(.92)}.fab.open{transform:rotate(45deg)}.fab:after{content:"";border:2px solid var(--lime);opacity:0;animation:ring-out 2.8s var(--ease-out) 1.5s 3;border-radius:50%;position:absolute;inset:-7px}.service-grid{grid-template-columns:repeat(4,1fr);gap:12px 6px;display:grid}.service{color:var(--text);cursor:pointer;animation:pop-in .35s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 35ms + 80ms);background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:500;display:flex}.service:active .qa-circle{transform:scale(.9)}.service.soon .qa-circle{background:var(--surface-2);color:var(--text-3)}.service.soon{color:var(--text-3)}.logo-rings .soon-icon{opacity:1;border:0;animation:3.2s ease-in-out infinite bob;position:relative;inset:auto}.app-frame{overflow-x:clip}.page{padding:0 14px calc(var(--tabbar-h) + 36px + env(safe-area-inset-bottom));gap:14px;max-width:100%}.page>*{min-width:0;max-width:100%}.app-topbar,.page-header{z-index:25;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(16px);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);margin:0 -14px;animation:none;position:sticky;top:0}.app-topbar{min-height:56px}.page-header{min-height:52px}.page-header h1{font-size:17px}.page-header .icon-btn{border-radius:10px;width:36px;height:36px}.brandmark span{font-size:20px}.topbar-btn{width:36px;height:36px}.topbar-btn svg{width:20px;height:20px}.topbar-avatar{width:34px;height:34px;font-size:14px}.topbar-sep{height:22px}:root{--tabbar-h:60px}.tabbar{background:var(--surface);-webkit-backdrop-filter:none;border-top:0;border-radius:20px 20px 0 0;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:stretch;box-shadow:0 -6px 24px #07360e14}.tabbar a{gap:2px;min-width:0;font-size:10.5px}.tabbar .tab-icon{width:46px;height:28px}.tabbar .tab-icon svg{width:20px;height:20px}.fab-slot{align-self:start;height:100%}.fab{width:54px;height:54px;box-shadow:0 0 0 5px var(--surface), 0 10px 22px -8px #07360eb3;top:-20px}.fab svg{width:24px;height:24px}.fab:after{inset:-5px}.greeting p{font-size:13.5px}.greeting h1{font-size:24px}.greeting .tagline{font-size:13px}.day-art{width:18px;height:18px}.day-art .sun-rays{transform-origin:24px 24px;animation:18s linear infinite spin}.section-head h2{font-size:16px}.section-head a{font-size:12.5px}.section-head a svg{width:14px;height:14px}.section-title{font-size:14px}.btn{border-radius:12px;height:44px;font-size:14px}.btn.sm{height:34px;font-size:13px}.input,.input-wrap.lead .lead-icon{height:44px}.input-wrap .trail{width:36px;height:36px}.field label{font-size:12.5px}.card{padding:14px}.list-item{padding:10px 0;font-size:14px}.chip{padding:6px 12px;font-size:13px}.small{font-size:12.5px}.tiny{font-size:11.5px}.balance-card.dark{border-radius:20px;gap:4px;padding:16px 14px 14px}.balance-card.dark .balance-label{font-size:12.5px}.balance-card.dark .amount{font-size:28px}.wallet-art{width:100px;height:80px;top:8px;right:4px}.delta{padding:3px 8px;font-size:11px}.balance-card.dark .bonus{font-size:11.5px}.balance-actions{gap:8px;margin-top:8px}.balance-actions button{border-radius:14px;gap:2px;height:54px;font-size:12.5px}.balance-actions button svg{width:18px;height:18px}.balance-actions .ring{width:22px;height:22px}.va-panel{padding:10px 12px}.va-number{font-size:14px}.quick-actions{gap:2px}.qa{gap:5px;min-width:0;font-size:11px}.qa-circle{width:44px;height:44px}.qa-circle svg{width:19px;height:19px}.promo-card{border-radius:18px;flex-basis:70%;gap:4px;min-height:0;padding:14px 96px 14px 14px}.promo-card strong{font-size:17px}.promo-text{font-size:12px}.promo-card .lime-pill{margin-top:6px}.promo-art{z-index:-1;width:84px;height:84px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.art-bob{animation:3.4s ease-in-out infinite bob}.art-tilt{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite tilt}@keyframes tilt{0%,to{transform:rotate(-8deg)}50%{transform:rotate(4deg)}}.spark{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite twinkle}.spark.s2{animation-delay:1.1s}.lime-pill{gap:4px;padding:6px 12px;font-size:12px}.lime-pill svg{width:13px;height:13px}.poster-card{aspect-ratio:16/10;border-radius:18px;min-height:0}.trend-card{aspect-ratio:4/5;border-radius:18px;flex-basis:74%;min-height:0}.poster-shade{background:linear-gradient(#0000 32%,#07360e8c 62%,#07360eeb 100%)}.poster-body,.trend-body{gap:4px;padding:14px}.poster-body strong{max-width:100%;font-size:18px}.trend-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:16px;display:-webkit-box;overflow:hidden}.poster-kicker{font-size:12px}.poster-line{font-size:11.5px}.poster-line svg{flex-shrink:0;width:13px;height:13px}.live-tag{padding:3px 8px;font-size:10.5px}img.img-wait{opacity:0}img.img-in{opacity:1;transition:opacity .5s var(--ease-out)}.search-bar.pill{height:44px;padding-left:14px}.search-bar input{font-size:16px}.search-bar input::placeholder{font-size:13.5px}.cat-tiles{gap:8px}.cat-tile{aspect-ratio:auto;border-radius:14px;gap:5px;min-width:0;height:68px;padding:0 2px;font-size:11.5px}.cat-tile svg{width:20px;height:20px}.featured{gap:10px}.featured-card.banner-card{aspect-ratio:16/9;border-radius:18px;flex-basis:88%;min-height:0}.banner-img{width:100%;-webkit-mask:none;mask:none}.banner-card .featured-body{background:linear-gradient(#0000 25%,#07360e99 58%,#07360ef0 100%);justify-content:flex-end;gap:4px;max-width:none;padding:14px;position:absolute;inset:0}.banner-card .featured-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;display:-webkit-box;overflow:hidden}.feat-tag{padding:2px 8px;font-size:9.5px}.feat-kicker{font-size:11.5px}.banner-card .feat-tag{position:absolute;top:12px;left:12px}.pop-tile{border-radius:14px;flex-basis:36%;gap:4px;min-height:0;padding:12px}.pop-tile svg:first-child{width:20px;height:20px}.pop-tile strong{margin-top:10px;font-size:13px}.pop-tile span{font-size:11px}.update-row{border-radius:14px;gap:10px;padding:6px 10px 6px 6px}.update-row .thumb{border-radius:10px;width:64px;height:56px}.update-row strong{margin:3px 0 0;font-size:13.5px}.update-row .row{flex-wrap:nowrap;overflow:hidden}.update-row .type-pill,.update-row .phase-pill{white-space:nowrap}.go-btn{width:28px;height:28px}.go-btn svg{width:16px;height:16px}.count-pill{font-size:10.5px}.live-count{font-size:11px}.dots button{width:5px;height:5px}.dots button[aria-current=true]{width:16px}.promo-row,.trend-row,.pop-row,.featured{margin:0 -14px;padding-left:14px;padding-right:14px;scroll-padding:0 14px}.chip-scroll{margin:0 -14px;padding-left:14px;padding-right:14px}.detail-hero,.detail-skeleton{aspect-ratio:16/11;margin:0 -14px}.hero-info h1{font-size:19px}.stat-strip b{font-size:14px}.stat-strip>div{padding:10px}.info-icon{border-radius:10px;width:32px;height:32px}.info-icon svg{width:16px;height:16px}.band-title{font-size:22px}.wallet-hero{border-radius:20px;gap:10px;padding:16px}.band-chip{padding:6px 10px;font-size:12px}.bill-card{border-radius:14px;gap:8px;padding:12px}.bill-card strong{font-size:14px}.bill-icon{border-radius:11px;width:38px;height:38px}.bill-icon svg{width:19px;height:19px}.logo-stack img{width:22px;height:22px}.profile-avatar{width:68px;height:68px;font-size:26px}.profile-band .band-title{font-size:20px}.set-icon{border-radius:9px;width:30px;height:30px}.set-icon svg{width:16px;height:16px}.action-tile{font-size:11.5px}.perk{padding:8px 10px;font-size:11.5px}.tx-icon{border-radius:10px;width:36px;height:36px}.tx-icon svg{width:16px;height:16px}.detail-amount{font-size:28px}.refer-amount{font-size:30px}.code-box .mono{font-size:16px}.choice-card{gap:12px;padding:12px}.choice-icon{width:46px;height:46px}.service-grid{gap:10px 4px}.service{font-size:11px}.sheet{padding:18px 14px calc(20px + env(safe-area-inset-bottom));gap:12px}.auth{gap:18px;padding:24px 18px}.welcome-title{font-size:30px!important}.auth h1.display-title{font-size:24px}.logo-rings{width:92px;height:92px}.logo-rings img{width:48px;height:48px}.welcome-stage{height:250px;transform:scale(.88)}.update-row .tiny,.update-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}img.img-wait{opacity:1;background:linear-gradient(100deg, var(--green-deep) 30%, var(--green-dark) 50%, var(--green-deep) 70%) 0 0 / 250% 100%;animation:1.4s linear infinite shimmer}.featured-card.banner-card{aspect-ratio:auto;min-height:196px}.banner-card .feat-tag{position:static}.banner-card .featured-body{gap:5px}.poster-card .poster-shade{background:linear-gradient(#07360e1a 20%,#07360ec7 55%,#07360ef5 100%)}.rank-card{isolation:isolate;color:#fff;background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px -20px #07360ecc}.rank-card:after{content:"";opacity:.05;z-index:-1;background:#fff;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-50px;right:-40px}.rank-badge{width:44px;height:44px;color:var(--mint);background:#ffffff24;border-radius:14px;flex-shrink:0;place-items:center;animation:3.6s ease-in-out infinite bob;display:grid}.rank-name{color:#fff;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:19px;font-weight:800;display:inline-flex}.rank-name svg{transition:transform .25s var(--ease-out);opacity:.8}.rank-name svg.flip{transform:rotate(180deg)}.rank-earned{text-align:right;flex-direction:column;display:flex}.rank-earned .tiny{opacity:.75}.rank-earned b{font-variant-numeric:tabular-nums;font-size:16px}.rank-bar{background:#ffffff24;border-radius:999px;height:8px;overflow:hidden}.rank-bar i{border-radius:inherit;background:var(--mint);transform-origin:0;height:100%;animation:grow-x 1.1s var(--ease-out) .3s backwards;display:block}.ladder{animation:rise-in .35s var(--ease-out);border-top:1px solid #ffffff1f;flex-direction:column;gap:2px;margin-top:4px;padding-top:8px;display:flex}.rung{opacity:.6;border-radius:10px;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:flex}.rung.done{opacity:.9}.rung.current{opacity:1;background:#ffffff1f;font-weight:600}.code-box .small{letter-spacing:0;text-transform:none;font-weight:600}.share-row{grid-template-columns:repeat(6,1fr);gap:2px;display:grid}.share-row .qa-circle{width:40px;height:40px}.qual{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.qual strong{font-size:13.5px;display:block}.qual .tiny{color:var(--text-2)}.qual.ok{border-color:color-mix(in srgb, var(--green) 35%, transparent);background:var(--green-light);color:var(--green-dark)}.qual.todo svg{color:var(--warning);flex-shrink:0}.pot{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.pot:last-of-type{border-bottom:0}.pot b{font-variant-numeric:tabular-nums;font-size:15px}.stat-strip.mini>div{box-shadow:none;background:var(--surface-2)}.stat-strip.mini b{font-size:13px}.referrals .row>.field{flex:1;min-width:0}.prize-card{color:#fff;background:linear-gradient(160deg, var(--green-dark), var(--green-deep));border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.prize-card b{font-size:16px}.prize-card.mine{background:var(--green-light);color:var(--green-deep)}.podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;padding-top:8px;display:grid}.podium .step{min-width:0;animation:rise-in .5s var(--ease-out) backwards;flex-direction:column;align-items:center;gap:4px;display:flex}.podium .step.s1{animation-delay:.1s}.podium .step.s2{animation-delay:.2s}.podium .step.s3{animation-delay:.3s}.podium .avatar{width:48px;height:48px;box-shadow:0 0 0 3px var(--surface);background:var(--green-light);color:var(--green-dark);border-radius:50%;font-weight:700}.podium .s1 .avatar{width:58px;height:58px;box-shadow:0 0 0 3px #d9a21b}.podium .tiny{max-width:100%}.plinth{color:#fff;background:linear-gradient(180deg, var(--green), var(--green-dark));border-radius:12px 12px 4px 4px;place-items:center;width:100%;font-size:18px;font-weight:800;display:grid}.s1 .plinth{background:linear-gradient(180deg, var(--green-dark), var(--green-deep));height:74px}.s2 .plinth{height:56px}.s3 .plinth{opacity:.85;height:44px}.rank-no{text-align:center;width:26px;color:var(--text-2);flex-shrink:0;font-size:13px;font-weight:700}.list-item.me{background:var(--green-light);border-radius:10px}.commission{border:1px solid var(--border);border-radius:12px;flex-direction:column;font-size:12.5px;display:flex;overflow:hidden}.commission>div{grid-template-columns:1.6fr 1fr .8fr .8fr;gap:6px;padding:8px 10px;display:grid}.commission>div:nth-child(2n){background:var(--surface-2)}.commission .head{color:#fff;font-size:11.5px;font-weight:600;background:var(--green-deep)!important}.commission span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.step-no{color:#fff;background:var(--green);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.app-topbar,.page-header{z-index:30;min-height:58px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;box-shadow:none;-webkit-backdrop-filter:none;transition:background .25s var(--ease-std), border-color .25s, box-shadow .25s;background:0 0;border-bottom:1px solid #0000;align-items:center;gap:10px;margin:0 -14px;animation:none;display:flex;position:sticky;top:0}.app-topbar{justify-content:space-between}.app-topbar.scrolled,.page-header.scrolled{background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(18px);border-bottom-color:color-mix(in srgb, var(--border) 70%, transparent);box-shadow:0 6px 18px -12px #07360e4d}.brandmark{gap:7px}.brandmark img{width:32px;height:32px}.brandmark span{letter-spacing:-.04em;color:var(--green-dark);font-size:20px;font-weight:800}.topbar-btn{background:var(--surface);width:38px;height:38px;box-shadow:var(--shadow-sm);color:var(--green-dark);border-radius:12px;position:relative}.topbar-btn:hover{background:var(--green-light)}.topbar-sep{display:none}.topbar-avatar{width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:12px}.page-header h1{letter-spacing:-.02em;color:var(--text);font-size:17px;font-weight:700;line-height:1.2}.header-sub{color:var(--text-2);font-size:12px;line-height:1.3}.back-btn{cursor:pointer;background:var(--surface);width:38px;height:38px;color:var(--green-dark);box-shadow:var(--shadow-sm);transition:var(--transition);border:0;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.back-btn:hover{background:var(--green-light)}.back-btn:active{transform:scale(.92)}.header-action{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-action .icon-btn{width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:12px}.share-row .qa{min-width:0;font-size:10px;overflow:hidden}.share-row .qa>:not(.qa-circle){max-width:100%}.share-row{gap:4px}html,body{overflow-x:clip}.rank-avatar{width:48px;height:48px;color:var(--green-deep);background:var(--mint);border-radius:50%;flex-shrink:0;place-items:center;font-size:19px;font-weight:700;display:grid;position:relative;box-shadow:0 0 0 3px #ffffff38}.rank-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.rank-crown{color:#fff;width:22px;height:22px;box-shadow:0 0 0 2px var(--green-dark);background:#d9a21b;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.quick-actions{grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column}.balance-actions.four{grid-template-columns:repeat(4,1fr)}.balance-actions.four button{font-size:11.5px}.va-panel{gap:8px}.va-panel .va-copy{width:34px;height:34px;color:var(--mint);background:#ffffff1f;border-radius:10px}button.va-panel{cursor:pointer;color:#fff;background:#ffffff0f;border:1px dashed #ffffff4d;width:100%}.va-create .va-bank{color:#fff;text-transform:none;letter-spacing:0;font-size:13.5px}.tier-badge{color:#fff;cursor:default;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:2px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.tier-badge.capped{cursor:pointer}.tier-badge b{background:var(--mint);color:var(--green-deep);border-radius:999px;margin-left:4px;padding:1px 8px;font-weight:700}.tier-badge:disabled{opacity:1}.promo-code{background:var(--surface);border:1px dashed color-mix(in srgb, var(--green) 40%, var(--border));border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.promo-code input{letter-spacing:.06em;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px;font-weight:600}.promo-code input::placeholder{letter-spacing:0;color:var(--text-3);font-size:14px;font-weight:400}.send-again .segmented button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.new-transfer{border-bottom:1px dashed var(--border)!important}.recent-avatar{background:var(--green-light);color:var(--green-dark);border-radius:50%;font-size:15px;font-weight:700}.recent-chips{scrollbar-width:none;gap:8px;margin:0 -14px;padding:0 14px 2px;display:flex;overflow-x:auto}.recent-chips::-webkit-scrollbar{display:none}.recent-chip{cursor:pointer;color:var(--text);background:0 0;border:0;flex-direction:column;flex:0 0 68px;align-items:center;gap:5px;min-width:0;font-size:11px;display:flex}.recent-chip .avatar{width:46px;height:46px}.recent-chip .truncate{max-width:68px;display:block}.suggestions{border:1px solid var(--border);animation:rise-in .25s var(--ease-out);border-radius:12px;margin-top:-6px;padding:0 10px}.found-card{background:var(--green-light);color:var(--green-deep);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.found-card>svg{color:var(--green);flex-shrink:0}.warn-mark{background:var(--warning-soft);width:60px;height:60px;color:var(--warning);animation:pop-in .4s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.sheet-head{flex-direction:column;gap:2px;display:flex}.qr-frame{width:232px;height:232px;box-shadow:0 0 0 6px var(--green-light), var(--shadow-md);animation:pop-in .4s var(--ease-spring);background:#fff;border-radius:22px;align-self:center;place-items:center;padding:14px;display:grid}.qr-frame img{width:100%;height:100%;image-rendering:pixelated}.summary .link-btn{align-items:center;gap:4px;padding:0;display:inline-flex}.scan-frame{aspect-ratio:1;background:#000;border-radius:20px;width:100%;position:relative;overflow:hidden}.scan-frame video{object-fit:cover;width:100%;height:100%}.scan-corners{background:linear-gradient(var(--mint), var(--mint)) top left / 34px 4px no-repeat, linear-gradient(var(--mint), var(--mint)) top left / 4px 34px no-repeat, linear-gradient(var(--mint), var(--mint)) top right / 34px 4px no-repeat, linear-gradient(var(--mint), var(--mint)) top right / 4px 34px no-repeat, linear-gradient(var(--mint), var(--mint)) bottom left / 34px 4px no-repeat, linear-gradient(var(--mint), var(--mint)) bottom left / 4px 34px no-repeat, linear-gradient(var(--mint), var(--mint)) bottom right / 34px 4px no-repeat, linear-gradient(var(--mint), var(--mint)) bottom right / 4px 34px no-repeat;border-radius:18px;position:absolute;inset:16%;box-shadow:0 0 0 999px #00000059}.scan-line{background:var(--mint);height:2px;box-shadow:0 0 12px var(--mint);animation:2.2s ease-in-out infinite alternate scan;position:absolute;top:18%;left:18%;right:18%}@keyframes scan{to{top:82%}}.scan-overlay{text-align:center;color:#fff;background:#07360ed1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.bill-hero{isolation:isolate;color:#fff;background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px -20px #07360ecc}.bill-hero:after{content:"";opacity:.05;z-index:-1;background:#fff;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.bill-hero h1{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.15}.bill-hero p{opacity:.8;font-size:12px}.eyebrow-light{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:10.5px;font-weight:700}.bill-hero-icon{width:44px;height:44px;color:var(--mint);background:#ffffff24;border-radius:14px;flex-shrink:0;place-items:center;animation:3.6s ease-in-out infinite bob;display:grid}.bill-balance{background:#ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.bill-balance .tiny{opacity:.75}.bill-balance b{font-variant-numeric:tabular-nums;flex:1;font-size:15px}.bill-balance button{cursor:pointer;color:#fff;background:#ffffff1f;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.bill-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bill-stats>div{background:#ffffff12;border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.bill-stats b{font-size:16px}.bill-stats span{opacity:.75;font-size:10.5px}.bill-links{grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid}.bill-links .qa-circle{width:40px;height:40px}.again-row{scrollbar-width:none;gap:10px;margin:0 -14px;padding:0 14px 4px;display:flex;overflow-x:auto}.again-row::-webkit-scrollbar{display:none}.again-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;max-width:70%;color:var(--text);box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:14px;flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.again-card:active{transform:scale(.97)}.again-card strong{font-size:13.5px}.disco-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.disco{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;min-width:0;color:var(--text);text-align:left;transition:var(--transition);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex;position:relative}.disco:disabled{opacity:.5;cursor:not-allowed}.disco[aria-pressed=true]{border-color:var(--green);background:var(--green-light)}.disco-code{letter-spacing:.02em;color:var(--green-dark);font-size:13px;font-weight:800}.disco .tiny{max-width:100%;color:var(--text-2)}.disco-check{background:var(--green);color:#fff;width:18px;height:18px;animation:pop-in .3s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.meter-card{background:var(--green-light);color:var(--green-deep);animation:rise-in .35s var(--ease-out);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.meter-card>.row>svg{color:var(--green);flex-shrink:0}.meter-card .summary>div{font-size:12.5px}.meter-card.blocked{background:var(--red-light)}.pay-summary{background:var(--surface-2);border:0;padding:12px}.pay-summary .total span:last-child{font-size:18px}.token-row{flex-direction:column;gap:6px;display:flex}.step-tag{background:var(--green);color:#fff;border-radius:999px;margin-right:6px;padding:1px 7px;font-size:10px;display:inline-block}.token-box{letter-spacing:.08em;font-size:20px}.poll-card{width:calc(100% - 32px);max-width:360px;animation:pop-in .35s var(--ease-spring);align-items:center}.poll-ring{width:64px;height:64px;color:var(--green);background:var(--green-light);border-radius:50%;place-items:center;display:grid;position:relative}.poll-ring:after{content:"";border:3px solid var(--green);border-right-color:#0000;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:-4px}.poll-bar{background:var(--surface-2);border-radius:999px;width:100%;height:6px;overflow:hidden}.poll-bar i{background:var(--green);height:100%;transition:width .4s var(--ease-out);display:block}.net-logo{object-fit:cover;border-radius:50%;width:22px;height:22px}.net-logo.sm{width:20px;height:20px}.tx-icon .net-logo{border-radius:inherit;width:100%;height:100%}.bundle-grid{grid-template-columns:1fr 1fr;gap:8px;max-height:420px;padding:2px;display:grid;overflow-y:auto}.bundle{border:1.5px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;min-width:0;color:var(--text);min-height:92px;transition:var(--transition);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.bundle strong{font-size:14px;line-height:1.25}.bundle b{color:var(--green-dark);font-size:14px}.bundle[aria-pressed=true]{border-color:var(--green);background:var(--green-light);box-shadow:0 0 0 3px var(--green-mid)}.bundle:disabled{opacity:.45;cursor:not-allowed}.bundle:active:not(:disabled){transform:scale(.97)}.tag{white-space:nowrap}.exam-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.exam-grid .disco .tiny{white-space:normal;line-height:1.35}.bundle .row{flex-wrap:wrap;row-gap:4px}.flow-card{color:#fff;background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));border-radius:20px;flex-direction:column;gap:8px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px -20px #07360ecc}.flow-card .eye{color:#fff;opacity:.85;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.flow-balance{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.flow-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.flow-grid>div{background:#ffffff14;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px;display:grid}.flow-grid .flow-ico{grid-row:span 2}.flow-grid .tiny{opacity:.75}.flow-grid b{font-variant-numeric:tabular-nums;font-size:14px}.flow-ico{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.flow-ico.in{background:var(--mint);color:var(--green-deep)}.flow-ico.out{color:#fff;background:#ffffff29}.flow-bar{background:#ffffff29;border-radius:999px;height:6px;overflow:hidden}.flow-bar i{background:var(--mint);border-radius:inherit;transform-origin:0;height:100%;animation:grow-x .9s var(--ease-out) .2s backwards;display:block}.range-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--green-dark);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.range-btn.on{background:var(--green);color:#fff;border-color:var(--green)}.filter-bar{background:var(--green-light);color:var(--green-deep);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}.breakdown-toggle{cursor:pointer;width:100%;color:inherit;background:0 0;border:0;padding:0}.flip{transition:transform .2s;transform:rotate(180deg)}.cat-row{animation:rise-in .3s var(--ease-out);flex-direction:column;gap:4px;display:flex}.cat-bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.cat-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--green-dark));transform-origin:0;height:100%;animation:grow-x .7s var(--ease-out) backwards;display:block}.count-strip{color:var(--text-2);flex-wrap:wrap;gap:6px 12px;font-size:12px;display:flex}.count-strip b{color:var(--text)}.count-strip .amount-credit b,.count-strip .amount-debit b{color:inherit}.tx-hero-icon{border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.tx-hero-icon.in{background:var(--green-light);color:var(--green)}.tx-hero-icon.out{background:var(--surface-2);color:var(--text-2)}.receipt-img{width:100%;box-shadow:var(--shadow-md);border-radius:12px}.plan:disabled{opacity:.5;cursor:not-allowed}.form-card{gap:12px}.cat-tiles{grid-template-columns:repeat(5,1fr);gap:6px}.cat-tile{font-size:10.5px}.dark-card,.trivia-hero,.pan-hero,.turn-card.mine,.session-card.live{background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));color:#fff;box-shadow:0 18px 34px -20px #07360ecc}.trivia-hero{isolation:isolate;border-radius:20px;flex-direction:column;gap:6px;padding:16px;display:flex;position:relative;overflow:hidden}.trivia-hero strong{letter-spacing:-.02em;font-size:22px;font-weight:800}.trivia-hero.countdown,.trivia-hero.none,.trivia-hero.draft,.trivia-hero.settling{filter:saturate(.85)}.trivia-art{z-index:-1;opacity:.35;width:110px;height:110px;animation:4s ease-in-out infinite bob;position:absolute;top:8px;right:4px}.soon-tag{background:#ffffff29;border-radius:8px;align-self:flex-start;padding:3px 9px;font-size:11px;font-weight:700}.cd{font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;margin:4px 0;display:flex}.cd-label{opacity:.8;margin-right:8px;font-size:11px}.cd b{font-size:24px;font-weight:800}.cd em{opacity:.7;margin-right:6px;font-size:11px;font-style:normal}.prize-chip{background:#ffffff24;border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.prize-chip.dark{background:var(--green-deep);color:#fff}.trivia-hero .lime-pill{margin-top:6px}.game-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.game-card{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);transition:var(--transition);animation:rise-in .5s var(--ease-out) backwards;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex;position:relative}.game-card:active{transform:scale(.97)}.game-card .tag{position:absolute;top:10px;right:10px}.game-card strong{font-size:15px}.game-ico{color:#fff;background:linear-gradient(150deg, var(--green), var(--green-dark));border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.game-ico.sm{border-radius:10px;width:34px;height:34px}.game-foot{color:var(--green-dark);align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:600;display:inline-flex}.resume-banner{cursor:pointer;color:#fff;background:linear-gradient(120deg, var(--green), var(--green-dark));width:100%;animation:pop-in .4s var(--ease-spring);border:0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 10px 22px -14px #07360ecc}.resume-banner strong{font-size:14px;display:block}.resume-banner .tiny{opacity:.85}.session-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.session-card strong{display:block}.session-card.demo{background:var(--green-light);color:var(--green-deep);border:0}.session-card .tiny{opacity:.85}.prize-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.prize-row>div{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:center;padding:8px;display:flex}.prize-row b{color:var(--green-dark);font-size:13.5px}.prize-row span{color:var(--text-3);font-size:10.5px}.bonus-card{cursor:pointer;text-align:left;color:#fff;background:linear-gradient(120deg, var(--green-dark), var(--green-deep));border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.bonus-card strong{display:block}.bonus-card .tiny{opacity:.8}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cat-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);transition:var(--transition);animation:pop-in .35s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 30ms);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;display:flex}.cat-card:disabled{opacity:.55;cursor:not-allowed}.cat-card:active:not(:disabled){transform:scale(.95)}.cat-card img,.cat-initial{object-fit:cover;border-radius:14px;width:48px;height:48px}.cat-initial{color:var(--green-dark);background:var(--green-light);text-transform:uppercase;place-items:center;font-size:16px;font-weight:800;display:grid}.cat-name{text-align:center;font-size:12px;font-weight:600;line-height:1.25}.fund-head{align-items:center;gap:12px;display:flex}.fund-head img,.fund-head .cat-initial{object-fit:cover;border-radius:16px;width:56px;height:56px}.quiz-page{gap:12px}.quiz{flex-direction:column;gap:12px;display:flex}.quiz-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.quiz-score{color:var(--text-3);flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.quiz-score b{font-size:24px;font-weight:800}.sm-av{border-radius:50%;width:36px;height:36px}.quiz-clock{place-items:center;width:76px;height:76px;display:grid;position:relative}.quiz-clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.quiz-clock circle{fill:none;stroke-width:6px}.quiz-clock .track{stroke:var(--surface-2)}.quiz-clock .bar{stroke:var(--green);stroke-linecap:round;stroke-dasharray:176;transition:stroke-dashoffset .3s linear,stroke .3s}.quiz-clock span{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:14px;font-weight:800;display:inline-flex}.quiz-clock.urgent .bar{stroke:var(--danger)}.quiz-clock.urgent span{color:var(--danger);animation:1s ease-in-out infinite pulse}.quiz-progress{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.quiz-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--green-dark));height:100%;transition:width .4s var(--ease-out);display:block}.quiz-card{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .35s var(--ease-out);border-radius:18px;padding:18px 16px}.quiz-img{object-fit:contain;background:var(--surface-2);border-radius:12px;width:100%;max-height:200px;margin-bottom:12px}.quiz-q{font-size:17px;font-weight:600;line-height:1.45}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-opt{border:1.5px solid var(--border);background:var(--surface);width:100%;min-height:54px;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition);animation:rise-in .35s var(--ease-out) backwards;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.quiz-opt:nth-child(2){animation-delay:40ms}.quiz-opt:nth-child(3){animation-delay:80ms}.quiz-opt:nth-child(4){animation-delay:.12s}.quiz-opt:active:not(:disabled){transform:scale(.98)}.quiz-opt .letter{background:var(--green-light);width:30px;height:30px;color:var(--green-dark);border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.quiz-opt.correct{border-color:var(--green);background:var(--green-light);color:var(--green-deep);animation:pop-in .3s var(--ease-spring)}.quiz-opt.correct .letter{background:var(--green);color:#fff}.quiz-opt.wrong{border-color:var(--danger);background:var(--red-light);color:var(--danger);animation:.35s shake}.quiz-opt.wrong .letter{background:var(--danger);color:#fff}.quiz-opt.dim{opacity:.5}.quiz-opt:disabled{cursor:default}.katex{font-size:1.05em}.result-card{text-align:center;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;display:flex}.result-card .stat-strip{width:100%}.result-ico{width:72px;height:72px;color:var(--green-dark);background:var(--green-light);animation:pop-in .5s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.result-ico.win{color:#fff;background:linear-gradient(150deg,#e3b643,#b0800f);box-shadow:0 12px 28px -12px #b0800fb3}.result-ico.pulse{animation:2s ease-in-out infinite bob}.result-card.won{background:linear-gradient(180deg, var(--green-light), var(--surface) 60%)}.versus{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.versus>div{flex-direction:column;align-items:center;min-width:0;display:flex}.versus b{font-size:34px;font-weight:800}.versus span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;overflow:hidden}.versus em{color:var(--text-3);font-style:normal;font-weight:800}.invite-code{cursor:pointer;color:var(--green-dark);background:0 0;border:0;align-items:center;gap:6px;padding:8px;display:flex}.invite-code span{background:var(--green-light);width:38px;height:48px;color:var(--green-deep);animation:pop-in .4s var(--ease-spring) backwards;border-radius:10px;place-items:center;font-family:ui-monospace,monospace;font-size:22px;font-weight:800;display:grid}.invite-code span:nth-child(2){animation-delay:50ms}.invite-code span:nth-child(3){animation-delay:.1s}.invite-code span:nth-child(4){animation-delay:.15s}.invite-code span:nth-child(5){animation-delay:.2s}.invite-code span:nth-child(6){animation-delay:.25s}.incoming{background:var(--green-light);color:var(--green-deep);animation:pop-in .4s var(--ease-spring);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.incoming .row>.btn{flex:1}.duel-row{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.duel-row.won{border-color:color-mix(in srgb, var(--green) 40%, transparent)}.duel-score{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.duel-score em{color:var(--text-3);margin:0 3px;font-style:normal}.agree{cursor:pointer;text-align:left;color:var(--text-2);background:0 0;border:0;align-items:flex-start;gap:10px;padding:0;font-size:12.5px;display:flex}.agree .box{border:1.5px solid var(--border);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.agree[aria-pressed=true] .box{background:var(--green);border-color:var(--green)}.stat-strip small{color:var(--text-3);font-size:11px;font-weight:500}.record-card{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.record-ring{--p:0;background:conic-gradient(var(--green) calc(var(--p) * 1%), var(--surface-2) 0);border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.record-ring span{background:var(--surface);border-radius:50%;place-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:grid}.game-podium .step.me .avatar{box-shadow:0 0 0 3px var(--green)}.game-podium .crown{color:#d9a21b;animation:2.4s ease-in-out infinite bob}.pan-hero{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px;display:flex}.pan-hero strong{font-size:20px;font-weight:800}.pan-digits{gap:8px;margin-bottom:6px;display:flex}.pan-digits span{width:40px;height:50px;animation:2.6s ease-in-out infinite bob;animation-delay:calc(var(--i) * -.4s);background:#ffffff24;border-radius:12px;place-items:center;font-family:ui-monospace,monospace;font-size:24px;font-weight:800;display:grid}.pan-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pan-action{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);text-align:left;transition:var(--transition);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.pan-action:active{transform:scale(.97)}.pan-action strong{margin-top:4px;font-size:14.5px}.pan-action.primary{background:linear-gradient(150deg, var(--green), var(--green-dark));color:#fff;border:0}.pan-action.primary .game-ico{background:#ffffff2e}.mode-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.range-field{flex-direction:column;gap:6px;display:flex}.range-field input{width:100%;accent-color:var(--green)}.turn-card{text-align:center;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.turn-card strong{font-size:20px;font-weight:800}.turn-card.mine{animation:pop-in .4s var(--ease-spring)}.turn-card .tiny{opacity:.8}.turn-clock{font-variant-numeric:tabular-nums;background:#7f7f7f1f;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-weight:800;display:inline-flex}.turn-clock.urgent{color:#fff;background:var(--danger);animation:.8s ease-in-out infinite pulse}.secret-chip{border:1px dashed var(--green);background:var(--green-light);color:var(--green-deep);cursor:pointer;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:inline-flex}.target-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.target{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;min-width:0;color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;display:flex}.target strong{max-width:100%;font-size:12.5px}.target[aria-pressed=true]{border-color:var(--green);background:var(--green-light)}.numpad-card{align-items:stretch}.numpad-display{text-align:center;letter-spacing:.04em;background:var(--surface-2);border-radius:14px;min-height:60px;padding:8px;font-family:ui-monospace,monospace;font-size:34px;font-weight:800}.numpad-display.secret{color:var(--green-dark)}.hint-line{border-bottom:1px dashed var(--border);padding:6px 0}.hint-line:last-child{border-bottom:0}.dark-green{background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));color:#fff}.arena-hero{isolation:isolate;color:#fff;background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));border-radius:24px;flex-direction:column;gap:8px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -22px #07360ed9}.hero-glow{z-index:-1;background:radial-gradient(circle,#ffffff29,#0000 65%);border-radius:50%;width:200px;height:200px;animation:3.5s ease-in-out infinite alternate breathe;position:absolute;top:-50px;right:-50px}.hero-emoji{filter:drop-shadow(0 10px 18px #0000004d);font-size:60px;animation:3s ease-in-out infinite bob;position:absolute;top:16px;right:14px}.arena-title{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.hero-sub{opacity:.85}.arena-hero.none,.arena-hero.draft{filter:saturate(.8)}.neon-tag,.ghost-tag{letter-spacing:.04em;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.neon-tag{background:var(--mint);color:var(--green-deep)}.neon-tag .live-dot{width:7px;height:7px}.ghost-tag{color:#fff;background:#ffffff1f;border:1px solid #fff3}.flip-cd{gap:8px;margin:4px 0;display:flex}.flip-cd span{flex-direction:column;align-items:center;gap:3px;display:flex}.flip-cd b{text-align:center;font-variant-numeric:tabular-nums;min-width:50px;color:var(--green-deep);background:linear-gradient(180deg, #fff 50%, var(--mint) 50%);border-radius:12px;padding:8px 6px;font-size:24px;font-weight:800;box-shadow:0 6px 14px -8px #00000073}.flip-cd em{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:10px;font-style:normal}.prize-badge{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.neon-btn{color:var(--green-deep);background:var(--mint);border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px -10px #00000080}.arena-hero:active{transform:scale(.985)}.arena-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.arena-card{min-height:172px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);transition:transform .25s var(--ease-out), box-shadow .25s;animation:rise-in .5s var(--ease-out) backwards;animation-delay:calc(var(--i) * 70ms + .1s);border-radius:20px;flex-direction:column;gap:6px;padding:14px;display:flex;position:relative;overflow:hidden}.arena-card:after{content:"";background:var(--green-light);z-index:0;border-radius:50%;width:96px;height:96px;position:absolute;bottom:-28px;right:-28px}.arena-card>*{z-index:1;position:relative}.arena-card:active{transform:scale(.96)}@media (hover:hover){.arena-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}}.arena-emoji{background:var(--green-light);border-radius:16px;place-items:center;width:50px;height:50px;font-size:28px;display:grid}.arena-card strong{letter-spacing:-.02em;font-size:16px;font-weight:800}.arena-text{color:var(--text-2);line-height:1.4}.arena-foot{color:var(--green-dark);align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:700;display:inline-flex}.arena-badge{letter-spacing:.04em;background:var(--green-light);color:var(--green-dark);border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:800;position:absolute;top:12px;right:12px}.top-strip{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:12px;padding:14px;display:flex}.top-title{color:var(--green-dark);align-items:center;gap:6px;font-weight:800;display:inline-flex}.top-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.top-item{flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:600;display:flex;position:relative}.top-item .avatar{background:var(--green-light);width:46px;height:46px;color:var(--green-dark);border-radius:50%;font-weight:700}.top-item em{color:var(--text-3);font-size:11px;font-style:normal}.medal-dot{color:#fff;z-index:1;width:20px;height:20px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;top:-4px;right:calc(50% - 30px)}.medal-dot.m1{background:linear-gradient(135deg,#f7d046,#d99a0b)}.medal-dot.m2{background:linear-gradient(135deg,#cfd6db,#8e99a3)}.medal-dot.m3{background:linear-gradient(135deg,#e3a26b,#a95d23)}.howto-emoji{background:var(--green-light);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.trivia-hero,.session-card.live,.pan-hero,.turn-card.mine,.bonus-card,.resume-banner{background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));color:#fff}.session-card.live .live-tag,.trivia-hero .live-tag{background:var(--mint);color:var(--green-deep)}.pan-action.primary{background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep))}.pan-digits span{color:#fff;background:#ffffff24}.quiz-card{box-shadow:var(--shadow-md)}.quiz-opt{box-shadow:var(--shadow-sm)}.quiz-opt.correct{box-shadow:0 0 0 3px var(--green-mid)}.result-card{box-shadow:var(--shadow-md)}.invite-code span{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 25%, transparent)}.cat-card{box-shadow:var(--shadow-sm);border-color:color-mix(in srgb, var(--border) 70%, transparent)}.cat-card img{box-shadow:0 6px 14px -8px #00000059}.record-card,.duel-row{box-shadow:var(--shadow-sm);border-color:color-mix(in srgb, var(--border) 70%, transparent)}.game-podium .s1 .avatar{box-shadow:0 0 0 3px #d9a21b,0 8px 20px -8px #d9a21b99}:root{--brand:#2a7134;--brand-strong:#205828;--text-3:#687782;--accent:#1d5a9e;--accent-soft:#e6effa;--navy:#1f3b64;--navy-strong:#14294a;--navy-soft:#e8eef7;--blue:var(--navy);--blue-soft:var(--navy-soft);--amber:#f59e0b;--amber-strong:#b45309;--amber-soft:#fef3c7;--gold:var(--amber);--gold-dark:var(--amber-strong);--gold-soft:var(--amber-soft);--violet:#6d28d9;--violet-strong:#5b21b6;--violet-soft:#ede9fe;--coral:#e4572e;--coral-strong:#c2410c;--coral-soft:#ffede5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#4fd46d;--brand-strong:#7ee08f;--text-3:#8b978f;--accent:#8db7ea;--accent-soft:#14233a;--navy:#8db7ea;--navy-strong:#b8d2f3;--navy-soft:#14233a;--amber:#fbbf24;--amber-strong:#fcd34d;--amber-soft:#33280f;--violet:#b39cf5;--violet-strong:#cbbcf9;--violet-soft:#221a3d;--coral:#fb8a64;--coral-strong:#fdab8d;--coral-soft:#3a1c12}}:root[data-theme=dark]{--brand:#4fd46d;--brand-strong:#7ee08f;--text-3:#8b978f;--accent:#8db7ea;--accent-soft:#14233a;--navy:#8db7ea;--navy-strong:#b8d2f3;--navy-soft:#14233a;--amber:#fbbf24;--amber-strong:#fcd34d;--amber-soft:#33280f;--violet:#b39cf5;--violet-strong:#cbbcf9;--violet-soft:#221a3d;--coral:#fb8a64;--coral-strong:#fdab8d;--coral-soft:#3a1c12}.btn:not(.secondary):not(.ghost):not(.outline):not(.danger):not(.signout){background:var(--green-dark)}.btn:not(.secondary):not(.ghost):not(.outline):not(.danger):not(.signout):hover:not(:disabled){background:var(--green-deep)}.bill-icon.blue,.set-icon.blue{background:linear-gradient(150deg, #2d5a93, var(--navy-strong))}.bill-icon.gold,.set-icon.gold{background:linear-gradient(150deg,#f7b52c,#c26a09)}.bill-icon.teal,.set-icon.teal{background:linear-gradient(150deg, #8b5cf6, var(--violet-strong))}.bill-icon.forest{background:linear-gradient(150deg, #f07a52, var(--coral-strong))}.tx-icon.blue{background:var(--navy-soft);color:var(--navy)}.tx-icon.gold{background:var(--amber-soft);color:var(--amber-strong)}.tx-icon.teal{background:var(--violet-soft);color:var(--violet)}.perk.gold{border-left-color:var(--amber)}.perk.gold svg{color:var(--amber-strong)}.choice-icon.blue,.tag.blue{background:var(--navy-soft);color:var(--navy)}.stage-bubble.gold{background:linear-gradient(150deg,#f7b52c,#c26a09)}.stage-bubble.blue{background:linear-gradient(150deg, #2d5a93, var(--navy-strong))}.notice.info{background:var(--accent-soft);color:var(--accent)}.balance-card.dark .bonus b,.rank-earned b,.refer-amount,.band-chip b,.va-bank{color:#fcd34d}.prize-badge{background:#fcd34d29;border-color:#fcd34d59}.delta.up{color:#fcd34d;background:#fcd34d24;border-color:#fcd34d4d}.count-pill{background:var(--navy-soft);color:var(--navy)}.medal{box-shadow:0 3px 10px #00000040}.promo-card.violet{background:radial-gradient(80% 70% at 90% 10%,#8b5cf6 0%,#0000 60%),linear-gradient(160deg,#5b21b6,#2e1065)}.promo-card.coral{background:radial-gradient(80% 70% at 90% 10%,#f07a52 0%,#0000 60%),linear-gradient(160deg,#c2410c,#7c2d12)}.promo-card.navy{background:radial-gradient(80% 70% at 90% 10%,#3b6db0 0%,#0000 60%),linear-gradient(160deg,#1f3b64,#0e1d33)}.promo-card.amber{background:radial-gradient(80% 70% at 90% 10%,#f59e0b 0%,#0000 60%),linear-gradient(160deg,#b45309,#6b3106)}.arena-card.coral .arena-emoji,.arena-card.coral:after{background:var(--coral-soft)}.arena-card.violet .arena-emoji,.arena-card.violet:after{background:var(--violet-soft)}.arena-card.navy .arena-emoji,.arena-card.navy:after{background:var(--navy-soft)}.arena-card.amber .arena-emoji,.arena-card.amber:after{background:var(--amber-soft)}.arena-card.coral .arena-badge{background:var(--coral-soft);color:var(--coral-strong)}.arena-card.violet .arena-badge{background:var(--violet-soft);color:var(--violet-strong)}.arena-card.navy .arena-badge{background:var(--navy-soft);color:var(--navy)}.arena-card.amber .arena-badge{background:var(--amber-soft);color:var(--amber-strong)}.arena-card.coral .arena-foot{color:var(--coral-strong)}.arena-card.violet .arena-foot{color:var(--violet)}.arena-card.navy .arena-foot{color:var(--navy)}.arena-card.amber .arena-foot,.top-title{color:var(--amber-strong)}.game-hero{isolation:isolate;color:#fff;background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));border-radius:24px;flex-direction:column;gap:8px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -22px #07360ecc}.game-hero.violet{background:radial-gradient(90% 90% at 100% 0,#8b5cf6 0%,#0000 60%),linear-gradient(160deg,#5b21b6,#2e1065);box-shadow:0 20px 40px -22px #2e1065cc}.game-hero.amber{background:radial-gradient(90% 90% at 100% 0,#f59e0b 0%,#0000 60%),linear-gradient(160deg,#b45309,#6b3106);box-shadow:0 20px 40px -22px #6b3106cc}.game-hero.navy{background:radial-gradient(90% 90% at 100% 0,#3b6db0 0%,#0000 60%),linear-gradient(160deg,#1f3b64,#0e1d33);box-shadow:0 20px 40px -22px #0e1d33cc}.game-hero.coral,.pan-hero{background:radial-gradient(90% 90% at 100% 0,#f07a52 0%,#0000 60%),linear-gradient(160deg,#c2410c,#7c2d12);box-shadow:0 20px 40px -22px #7c2d12cc}.pan-hero{isolation:isolate;position:relative;overflow:hidden}.game-hero.none,.game-hero.draft{filter:saturate(.8)}.hero-chips{flex-wrap:wrap;gap:6px;display:flex}.hero-chips span{animation:pop-in .4s var(--ease-spring) backwards;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.cd-label-inline{opacity:.8;writing-mode:horizontal-tb;align-self:center;margin-right:2px;font-size:11px}.flip-cd b.tick{animation:flip .35s var(--ease-out)}@keyframes flip{0%{opacity:.4;transform:rotateX(90deg)}}.particles{z-index:-1;pointer-events:none;position:absolute;inset:0}.particles i{background:#ffffff8c;border-radius:50%;animation:ease-in-out infinite drift-up;position:absolute}@keyframes drift-up{0%,to{opacity:.15;transform:translateY(0)}50%{opacity:.85;transform:translateY(-26px)}}.celebrate{isolation:isolate;position:relative;overflow:hidden}.celebrate>:not(.confetti){z-index:1;position:relative}.confetti{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;animation:linear forwards confetti-fall;position:absolute;top:-14px}.confetti .c-2{border-radius:50%}.confetti .t-0{background:var(--green)}.confetti .t-1{background:var(--amber)}.confetti .t-2{background:#8b5cf6}.confetti .t-3{background:var(--coral)}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--dx), 440px) rotate(var(--rot));opacity:0}}.stars{gap:6px;display:flex}.stars svg{width:34px;height:34px;fill:var(--surface-2);stroke:var(--border);stroke-width:1px;animation:star-pop .5s var(--ease-spring) backwards}.stars svg.on{fill:var(--amber);stroke:var(--amber-strong);filter:drop-shadow(0 4px 10px #f59e0b73)}.stars svg:nth-child(2){width:42px;height:42px;margin-top:-8px}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.result-title{animation:pop-in .45s var(--ease-spring) .2s backwards}.accuracy{background:var(--surface-2);border-radius:999px;width:100%;height:22px;position:relative;overflow:hidden}.accuracy i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--green-dark));transform-origin:0;animation:grow-x 1.1s var(--ease-out) .3s backwards;position:absolute;inset:0 auto 0 0}.accuracy span{z-index:1;text-align:center;color:var(--text);mix-blend-mode:normal;font-size:11.5px;font-weight:700;line-height:22px;display:block;position:relative}.quiz-score{position:relative}.quiz-score b{animation:pop-in .35s var(--ease-spring);display:inline-block}.plus-one{color:var(--green);pointer-events:none;animation:plus-up .9s var(--ease-out) forwards;font-size:14px;font-style:normal;font-weight:800;position:absolute;top:-6px;left:50%}@keyframes plus-up{0%{opacity:1;transform:translate(-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-34px)scale(1.2)}}.streak{color:#fff;background:linear-gradient(120deg, var(--coral), #f59e0b);animation:pop-in .4s var(--ease-spring);border-radius:999px;align-self:center;padding:6px 14px;font-size:13px;font-weight:800;box-shadow:0 8px 20px -8px #e4572eb3}.quiz-card{animation:q-in .4s var(--ease-out)}@keyframes q-in{0%{opacity:0;transform:translate(28px)}}.quiz-opt{position:relative;overflow:visible}.sparks{pointer-events:none;width:0;height:0;position:absolute;top:50%;right:22px}.sparks i{background:var(--green);width:3px;height:10px;transform:rotate(var(--a)) translateY(0);opacity:0;animation:spark .6s var(--ease-out) forwards;border-radius:2px;position:absolute}.sparks i:nth-child(2n){background:var(--amber)}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(-4px)}to{opacity:0;transform:rotate(var(--a)) translateY(-26px)}}.quiz-clock.urgent{animation:1s ease-in-out infinite pulse-ring}@keyframes pulse-ring{50%{transform:scale(1.06)}}.radar{width:84px;height:84px;color:var(--violet);place-items:center;display:grid;position:relative}.radar i{border:2px solid var(--violet);opacity:0;animation:ring-out 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}.radar svg{background:var(--violet-soft);border-radius:50%;width:64px;height:64px;padding:18px;position:relative}.versus.clash>div:first-child{animation:clash-l .6s var(--ease-spring) .2s backwards}.versus.clash>div:last-child{animation:clash-r .6s var(--ease-spring) .2s backwards}.versus.clash em{color:#fff;background:linear-gradient(120deg, var(--violet), var(--coral));animation:pop-in .5s var(--ease-spring) .6s backwards;border-radius:10px;padding:6px 10px}@keyframes clash-l{0%{opacity:0;transform:translate(-60px)}}@keyframes clash-r{0%{opacity:0;transform:translate(60px)}}.invite-code span{animation:code-flip .5s var(--ease-out) backwards}@keyframes code-flip{0%{opacity:0;transform:rotateY(90deg)}}.podium .plinth{transform-origin:bottom;animation:plinth-rise .7s var(--ease-spring) backwards}.podium .s1 .plinth{animation-delay:.25s}.podium .s2 .plinth{animation-delay:.1s}.podium .s3 .plinth{animation-delay:.4s}@keyframes plinth-rise{0%{transform:scaleY(0)}}.game-podium .crown{animation:crown-drop .8s var(--ease-spring) .6s backwards, bob 2.4s ease-in-out 1.4s infinite;color:var(--amber)}@keyframes crown-drop{0%{opacity:0;transform:translateY(-30px)rotate(-20deg)}}.game-podium .s1 .plinth{background:linear-gradient(#f7b52c,#b45309)}.record-ring{animation:pop-in .5s var(--ease-spring) backwards}.list-item.me{background:var(--amber-soft)}.accuracy{background:0 0;flex-direction:column;gap:6px;height:auto;display:flex;overflow:visible}.accuracy .bar{background:var(--surface-2);border-radius:999px;height:10px;position:relative;overflow:hidden}.accuracy .bar i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--amber));transform-origin:0;animation:grow-x 1.1s var(--ease-out) .3s backwards;position:absolute;inset:0 auto 0 0}.accuracy>span{color:var(--text-2);line-height:1.2}.topbar-me{min-width:0;color:var(--text);align-items:center;gap:10px;display:flex}.topbar-me .topbar-avatar{background:linear-gradient(150deg, var(--green), var(--green-dark));width:42px;height:42px;box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--green-light);border-radius:50%;font-size:16px;position:relative;overflow:visible}.topbar-me .topbar-avatar img{border-radius:50%}.topbar-me .online{width:12px;height:12px;box-shadow:0 0 0 2px var(--surface);background:#22c55e;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.topbar-hello{flex-direction:column;min-width:0;line-height:1.2;display:flex}.topbar-hello .tiny{color:var(--text-2)}.topbar-hello strong{letter-spacing:-.02em;color:var(--text);max-width:190px;font-size:17px;font-weight:800}.topbar-bell{width:44px;height:44px;color:var(--green-dark);background:var(--surface);box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent);transition:var(--transition);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.topbar-bell:active{transform:scale(.92)}.topbar-bell.has svg{transform-origin:50% 10%;animation:2.8s ease-in-out infinite bell-ring}@keyframes bell-ring{0%,70%,to{transform:rotate(0)}74%{transform:rotate(14deg)}78%{transform:rotate(-12deg)}82%{transform:rotate(8deg)}86%{transform:rotate(-4deg)}}.bell-badge{color:#fff;background:var(--coral-strong);min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);animation:pop-in .35s var(--ease-spring);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:4px;right:2px}.chip-count{background:#00000014;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:700}.chip[aria-pressed=true] .chip-count{background:#ffffff40}.notif{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border-radius:16px;align-items:stretch;display:flex;position:relative}.notif.unread{background:linear-gradient(90deg, var(--green-light), var(--surface) 55%);border-color:color-mix(in srgb, var(--green) 25%, transparent)}.notif-body{cursor:pointer;min-width:0;color:var(--text);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:12px 6px 12px 12px;display:flex}.notif-ico{border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.notif-ico img{object-fit:cover;width:100%;height:100%}.notif-ico.green{background:var(--green-light);color:var(--green-dark)}.notif-ico.amber{background:var(--amber-soft);color:var(--amber-strong)}.notif-ico.violet{background:var(--violet-soft);color:var(--violet)}.notif-ico.navy{background:var(--navy-soft);color:var(--navy)}.notif-ico.coral{background:var(--coral-soft);color:var(--coral-strong)}.notif-ico.plain{background:var(--surface-2);color:var(--text-2)}.notif-msg{margin-bottom:2px;font-size:14px;line-height:1.4;display:block}.notif.unread .notif-msg{font-weight:600}.unread-dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 3px var(--green-light);border-radius:50%;flex-shrink:0}.notif-x{width:36px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:0 16px 16px 0}.notif-x:hover{color:var(--danger);background:var(--red-light)}.notif-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.notif-empty-ico{width:72px;height:72px;color:var(--green-dark);background:var(--green-light);border-radius:50%;place-items:center;animation:3s ease-in-out infinite bob;display:grid}.floaters{z-index:-1;pointer-events:none;position:absolute;inset:0}.floaters i{bottom:-24px;left:calc(8% + var(--i) * 17%);opacity:0;animation:7s linear infinite float-by;animation-delay:calc(var(--i) * -1.4s);font-size:18px;font-style:normal;position:absolute}@keyframes float-by{0%{opacity:0;transform:translateY(0)rotate(-10deg)}15%{opacity:.55}85%{opacity:.4}to{opacity:0;transform:translateY(-230px)rotate(14deg)}}.live-pulse{color:var(--text);background:linear-gradient(90deg, var(--amber-soft), var(--surface) 70%);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb, var(--amber) 30%, transparent);animation:rise-in .4s var(--ease-out) backwards;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.live-pulse b{color:var(--amber-strong)}.lp-ico{color:#fff;background:var(--amber-strong);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;position:relative}.lp-ico:after{content:"";border:2px solid var(--amber);animation:ring-out 2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.lp-avatars{display:flex}.lp-avatars .avatar{width:26px;height:26px;box-shadow:0 0 0 2px var(--surface);margin-left:-8px;font-size:11px}.how-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid;position:relative}.how-strip li{text-align:center;background:var(--surface);box-shadow:var(--shadow-sm);animation:pop-in .4s var(--ease-spring) backwards;animation-delay:calc(.1s + var(--i) * 90ms);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex;position:relative}.how-strip li:not(:last-child):after{content:"›";z-index:1;color:var(--text-3);font-weight:800;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.how-strip b{font-size:13px}.how-strip span:last-child{color:var(--text-3);font-size:10.5px}.how-emoji{font-size:20px;line-height:1.2}.surprise-btn{cursor:pointer;text-align:left;color:#fff;background:linear-gradient(120deg, var(--violet), #8b5cf6 55%, var(--coral));width:100%;transition:var(--transition);border:0;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px -14px #6d28d9cc}.surprise-btn:before{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff47 50%,#0000 70%);animation:3.2s ease-in-out 1s infinite shine;position:absolute;inset:0;transform:translate(-100%)}.surprise-btn strong{font-size:15px;display:block}.surprise-btn .tiny{opacity:.9}.surprise-btn:active{transform:scale(.97)}.surprise-btn .dice{animation:dice-roll 2.6s var(--ease-spring) infinite;font-size:26px;display:inline-block}@keyframes dice-roll{0%,70%{transform:rotate(0)}80%{transform:rotate(200deg)scale(1.15)}to{transform:rotate(360deg)}}@keyframes shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.cat-card{isolation:isolate;--tone:var(--green-dark);--tone-soft:var(--green-light);position:relative;overflow:hidden}.cat-card.violet{--tone:var(--violet);--tone-soft:var(--violet-soft)}.cat-card.coral{--tone:var(--coral-strong);--tone-soft:var(--coral-soft)}.cat-card.navy{--tone:var(--navy);--tone-soft:var(--navy-soft)}.cat-card.amber{--tone:var(--amber-strong);--tone-soft:var(--amber-soft)}.cat-card:before{content:"";background:var(--tone-soft);z-index:-1;width:70px;height:70px;transition:transform .35s var(--ease-out);border-radius:50%;position:absolute;inset:auto -20px -30px auto}.cat-card:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover){.cat-card:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--tone) 35%, transparent);transform:translateY(-3px)}.cat-card:hover:not(:disabled):before{transform:scale(2.6)}.cat-card:hover:not(:disabled):after{transition:transform .7s var(--ease-out);transform:translate(120%)}}.cat-card:active:not(:disabled):before{transform:scale(2.6)}.cat-icon{background:var(--tone-soft,var(--green-light));width:50px;height:50px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone,var(--green)) 18%, transparent);transition:transform .3s var(--ease-spring);border-radius:16px;flex-shrink:0;place-items:center;font-size:26px;display:grid;overflow:hidden}.cat-icon img{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0}.cat-icon.big{width:58px;height:58px;font-size:30px}.cat-icon.violet{--tone:var(--violet);--tone-soft:var(--violet-soft)}.cat-icon.coral{--tone:var(--coral-strong);--tone-soft:var(--coral-soft)}.cat-icon.navy{--tone:var(--navy);--tone-soft:var(--navy-soft)}.cat-icon.amber{--tone:var(--amber-strong);--tone-soft:var(--amber-soft)}.cat-card:hover:not(:disabled) .cat-icon{transform:rotate(-6deg)scale(1.08)}.cat-card .cat-name{text-align:center;font-size:12.5px;font-weight:700;line-height:1.25}.get-ready{z-index:60;isolation:isolate;color:#fff;text-align:center;background:radial-gradient(70% 50% at 50% 45%, var(--green) 0%, transparent 70%), linear-gradient(160deg, var(--green-dark), var(--green-deep));flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.get-ready.navy{background:radial-gradient(70% 50% at 50% 45%,#3b6db0 0%,#0000 70%),linear-gradient(160deg,#1f3b64,#0e1d33)}.gr-title{opacity:.95;animation:rise-in .4s var(--ease-out);font-size:18px;font-weight:700}.gr-sub{opacity:.8;font-size:13px}.gr-num{letter-spacing:-.04em;text-shadow:0 16px 40px #00000059;animation:gr-pop .8s var(--ease-out) both;font-size:120px;font-weight:800;line-height:1}.gr-num.go{color:var(--mint);animation:gr-go .55s var(--ease-spring) both;font-size:96px}@keyframes gr-pop{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(.6)}}@keyframes gr-go{0%{opacity:0;transform:scale(.3)rotate(-8deg)}}.gr-rings{z-index:-1;width:240px;height:240px;margin:-120px 0 0 -120px;position:absolute;top:50%;left:50%}.gr-rings i{opacity:0;animation:ring-out 1.6s var(--ease-out) infinite;border:2px solid #fff6;border-radius:50%;position:absolute;inset:0}.gr-rings i:nth-child(2){animation-delay:.53s}.gr-rings i:nth-child(3){animation-delay:1.06s}@keyframes fade-in{0%{opacity:0}}.quiz-page.live{background:linear-gradient(180deg, var(--green-light), var(--bg) 280px)}.quiz-page.demo{background:linear-gradient(180deg, var(--navy-soft), var(--bg) 280px)}.quiz-dots{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;display:grid}.quiz-dots i{background:var(--surface-2);height:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 80%, transparent);border-radius:999px;transition:background .3s}.quiz-dots i.ok{background:var(--green);box-shadow:none;animation:dot-pop .35s var(--ease-spring)}.quiz-dots i.bad{background:var(--danger);box-shadow:none;animation:dot-pop .35s var(--ease-spring)}.quiz-dots i.now{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 30%, transparent);animation:1.2s ease-in-out infinite now-pulse}@keyframes dot-pop{0%{transform:scaleY(2.2)}}@keyframes now-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--amber) 15%, transparent)}}.q-label{letter-spacing:-.03em;color:var(--text);animation:pop-in .35s var(--ease-spring);font-size:26px;font-weight:800;line-height:1}.q-label em{color:var(--text-3);margin-left:2px;font-size:14px;font-style:normal;font-weight:600}.page>.app-topbar,.page>.page-header{align-self:stretch;width:auto;max-width:none}.topbar-me .topbar-avatar{width:44px;height:44px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px color-mix(in srgb, var(--green) 45%, transparent);flex-shrink:0}.topbar-me .topbar-avatar img{width:44px;height:44px;display:block}.topbar-me .online{width:11px;height:11px;bottom:0;right:0}.topbar-bell{width:44px;height:44px}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chip-scroll.wrap{flex-wrap:wrap;overflow:visible}.chip.removable{align-items:center;gap:6px;padding-right:6px;display:inline-flex}.chip.removable button{width:20px;height:20px;color:inherit;cursor:pointer;background:#00000014;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn.danger{color:var(--danger)}.type-chip{background:var(--green-light);color:var(--green-dark);border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.type-chip.navy{background:var(--navy-soft);color:var(--navy)}.type-chip.violet{background:var(--violet-soft);color:var(--violet)}.type-chip.amber{background:var(--amber-soft);color:var(--amber-strong)}.type-chip.coral{background:var(--coral-soft);color:var(--coral-strong)}.sheet-option{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;padding:14px;font-weight:500;display:block}.sheet-option[aria-pressed=true]{border-color:var(--green);background:var(--green-light);color:var(--green-dark);font-weight:700}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.spin{animation:1s linear infinite spin}.organiser-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.organiser-link{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);transition:var(--transition);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px;display:grid}.organiser-link>span{background:var(--green-light);width:36px;height:36px;color:var(--green-dark);border-radius:12px;grid-row:span 2;place-items:center;display:grid}.organiser-link.navy>span{background:var(--navy-soft);color:var(--navy)}.organiser-link b{font-size:13.5px}.organiser-link em{color:var(--text-3);font-size:11px;font-style:normal}.organiser-link:active{transform:scale(.97)}.ci-hero{color:#fff;background:radial-gradient(90% 90% at 100% 0,#3b6db0 0%,#0000 60%),linear-gradient(160deg,#1f3b64,#0e1d33);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px -20px #0e1d33cc}.ci-hero strong{margin-bottom:2px;font-size:16px;display:block}.ci-hero .small{opacity:.85}.ci-hero-art{background:#ffffff1f;border:1px solid #fff3;border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid;position:relative;overflow:hidden}.ci-hero-art i{background:var(--mint);height:2px;box-shadow:0 0 10px var(--mint);border-radius:2px;animation:2.2s ease-in-out infinite alternate scan-line;position:absolute;top:10px;left:8px;right:8px}@keyframes scan-line{to{top:calc(100% - 12px)}}.ci-card{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 45ms);transition:var(--transition);border-radius:18px;align-items:center;gap:12px;padding:10px;display:flex}.ci-card:active{transform:scale(.98)}.ci-card.ended{opacity:.7}.ci-thumb{background:var(--surface-2);border-radius:14px;flex-shrink:0;width:84px;height:96px;overflow:hidden}.ci-thumb img{object-fit:cover;width:100%;height:100%}.ci-card strong{font-size:15px}.ci-go{background:var(--green-light);width:34px;height:34px;color:var(--green-dark);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.owner-pill{background:var(--amber-soft);color:var(--amber-strong);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.owner-pill.light{color:#fff;background:#ffffff29;align-self:flex-start}.ci-mini{align-items:center;gap:8px;margin-top:2px;display:flex}.ci-mini .bar{background:var(--surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.ci-mini .bar i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--green-dark));height:100%;display:block}.ci-mini em{color:var(--green-dark);font-size:11px;font-style:normal;font-weight:700}.ci-event{color:#fff;min-height:150px;box-shadow:var(--shadow-md);border-radius:22px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.ci-event-cover{position:absolute;inset:0}.ci-event-cover img{object-fit:cover;width:100%;height:100%}.ci-event:after{content:"";background:linear-gradient(#0000 20%,#07140cd9);position:absolute;inset:0}.ci-event-body{z-index:1;flex-direction:column;gap:4px;padding:16px;display:flex;position:relative}.ci-event-body strong{font-size:19px;line-height:1.2}.ci-event-body .small{opacity:.9}.pin-gate{background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;animation:rise-in .4s var(--ease-out);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px;display:flex}.pin-gate-ico{width:56px;height:56px;color:var(--navy);background:var(--navy-soft);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.pin-gate strong{font-size:17px}.pin-gate .pin-dots{margin:12px 0 2px}.pin-gate .pin-dots i{border:2px solid var(--border);width:16px;height:16px;transition:all .2s var(--ease-spring);border-radius:50%}.pin-gate .pin-dots i.on{background:var(--navy);border-color:var(--navy);transform:scale(1.1)}.pin-gate .pin-dots.err{animation:.4s ease-in-out shake}.pin-gate .pin-dots.err i{border-color:var(--danger)}.pin-msg{min-height:20px;color:var(--danger);align-items:center;gap:6px;font-size:13px;display:inline-flex}.pin-gate .keypad{width:100%;max-width:300px}.pin-gate .keypad button{color:var(--text)}.gate-page{gap:12px}.gate-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gate-stats>div{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.gate-stats b{font-size:22px;font-weight:800;line-height:1.1}.gate-stats span{color:var(--text-3);text-align:center;font-size:10.5px}.scan-box{aspect-ratio:1;width:100%;max-height:62vh;box-shadow:var(--shadow-md);outline-offset:-3px;background:#0b1410;border-radius:24px;outline:3px solid #0000;place-items:center;transition:outline-color .2s;display:grid;position:relative;overflow:hidden}.scan-box video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-box.ok{outline-color:var(--green)}.scan-box.bad{outline-color:var(--danger)}.scan-box.warn{outline-color:var(--amber)}.scan-wait{z-index:1;color:#fff;text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:280px;padding:20px;font-size:13px;display:flex;position:relative}.scan-wait.err{color:#fde68a}.scan-frame{pointer-events:none;position:absolute;inset:18%}.scan-frame i{border:4px solid var(--mint);width:34px;height:34px;position:absolute}.scan-frame i:first-child{border-bottom:0;border-right:0;border-radius:12px 0 0;top:0;left:0}.scan-frame i:nth-child(2){border-bottom:0;border-left:0;border-radius:0 12px 0 0;top:0;right:0}.scan-frame i:nth-child(3){border-top:0;border-right:0;border-radius:0 0 0 12px;bottom:0;left:0}.scan-frame i:nth-child(4){border-top:0;border-left:0;border-radius:0 0 12px;bottom:0;right:0}.scan-frame em{background:var(--mint);height:2px;box-shadow:0 0 14px 2px var(--mint);opacity:0;border-radius:2px;position:absolute;top:6px;left:6px;right:6px}.scan-box.live .scan-frame em{opacity:1;animation:1.8s ease-in-out infinite alternate scan-line}.scan-flip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:12px;right:12px}.scan-result{z-index:2;color:#fff;text-align:center;cursor:pointer;font:inherit;animation:sr-in .3s var(--ease-spring);border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.scan-result strong{font-size:24px;font-weight:800}.sr-name{font-size:16px;font-weight:600}.sr-ico{animation:pop-in .4s var(--ease-spring) 50ms backwards}@keyframes sr-in{0%{opacity:0;transform:scale(1.08)}}.manual-row{gap:8px;display:flex}.manual-row input{border:1px solid var(--border);background:var(--surface);min-width:0;height:48px;color:var(--text);font:inherit;letter-spacing:.04em;border-radius:14px;flex:1;padding:0 14px;font-size:15px}.manual-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-light);outline:none}.manual-row .btn{width:auto;padding:0 18px}.scan-log,.guest{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 35ms);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.scan-log .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.scan-log.ok .dot{background:var(--green);box-shadow:0 0 0 3px var(--green-light)}.scan-log.bad .dot{background:var(--danger);box-shadow:0 0 0 3px var(--red-light)}.scan-log.warn .dot{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.scan-log .avatar,.guest .avatar{flex-shrink:0;width:36px;height:36px;font-size:14px}.guest.in{background:linear-gradient(90deg, var(--green-light), var(--surface) 60%)}.guest-btn{height:32px;font:inherit;cursor:pointer;color:#fff;background:var(--green-dark);border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.guest-btn.undo{background:var(--surface-2);color:var(--text-2)}.ci-dash{background:var(--surface);box-shadow:var(--shadow-md);border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px;display:grid}.ci-dash>.link-btn{color:var(--text-3);grid-column:span 2;justify-self:center}.ci-ring{width:120px;height:120px;position:relative}.ci-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ci-ring circle{fill:none;stroke-width:11px}.ci-ring .track{stroke:var(--surface-2)}.ci-ring .bar{stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.ci-ring>span{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ci-ring b{font-size:26px;font-weight:800;line-height:1}.ci-ring em{color:var(--text-3);font-size:10.5px;font-style:normal}.ci-dash-nums{flex-direction:column;gap:8px;display:flex}.ci-dash-nums>div{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:6px;display:flex}.ci-dash-nums>div:last-child{border:0;padding:0}.ci-dash-nums b{font-size:18px;font-weight:800}.ci-dash-nums span{color:var(--text-3);font-size:12px}.pin-row{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pin-row b{letter-spacing:.2em;font-variant-numeric:tabular-nums;font-size:20px}.pin-badge{background:var(--navy-soft);color:var(--navy);border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.pin-input{letter-spacing:.3em;text-align:center;flex:1;width:130px;font-weight:700}.host-page{padding-bottom:calc(var(--tabbar-h) + 110px + env(safe-area-inset-bottom));gap:14px}.stepper{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.stepper:before{content:"";background:var(--border);height:2px;position:absolute;top:14px;left:10%;right:10%}.stepper li{justify-content:center;display:flex;position:relative}.stepper button{font:inherit;color:var(--text-3);cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.stepper li.done button{cursor:pointer;color:var(--green-dark)}.stepper button>span{z-index:1;background:var(--surface);border:2px solid var(--border);width:28px;height:28px;transition:all .3s var(--ease-spring);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.stepper li.done button>span{background:var(--green);border-color:var(--green);color:#fff}.stepper li.now button>span{border-color:var(--green-dark);color:var(--green-dark);box-shadow:0 0 0 4px var(--green-light);transform:scale(1.1)}.stepper em{font-size:10.5px;font-style:normal;font-weight:600}.stepper li.now em{color:var(--text)}.host-step{animation:q-in .35s var(--ease-out);flex-direction:column;gap:12px;display:flex}.host-q{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.host-nav{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:19;width:100%;max-width:var(--maxw);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:auto 1fr;gap:10px;padding:10px 14px;display:grid;position:fixed;transform:translate(-50%)}.host-nav .btn{height:48px}.host-nav .btn.outline{padding:0 16px}.resume-card{background:var(--amber-soft);border:1px solid color-mix(in srgb, var(--amber) 35%, transparent);animation:pop-in .35s var(--ease-spring);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.resume-card strong{font-size:14px;display:block}.resume-card .btn{width:auto}.type-card{text-align:left;cursor:pointer;font:inherit;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);transition:var(--transition);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i) * 70ms);--tone:var(--green-dark);--tone-soft:var(--green-light);border:2px solid #0000;border-radius:18px;align-items:flex-start;gap:12px;padding:14px;display:flex;position:relative}.type-card.navy{--tone:var(--navy);--tone-soft:var(--navy-soft)}.type-card.violet{--tone:var(--violet);--tone-soft:var(--violet-soft)}.type-card.amber{--tone:var(--amber-strong);--tone-soft:var(--amber-soft)}.type-card[aria-pressed=true]{border-color:var(--tone);background:linear-gradient(120deg, var(--tone-soft), var(--surface) 70%)}.type-card strong{font-size:16px;display:block}.type-ico{background:var(--tone-soft);width:48px;height:48px;color:var(--tone);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.type-perks{flex-wrap:wrap;gap:4px 10px;margin-top:6px;display:flex}.type-perks span{color:var(--text-2);align-items:center;gap:3px;font-size:11px;display:inline-flex}.type-perks svg{color:var(--tone)}.type-radio{border:2px solid var(--border);color:#0000;width:22px;height:22px;transition:all .25s var(--ease-spring);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.type-card[aria-pressed=true] .type-radio{background:var(--tone);border-color:var(--tone);color:#fff;transform:scale(1.1)}.img-pick{cursor:pointer;border:2px dashed var(--border);background:var(--surface-2);width:110px;height:110px;color:var(--text-3);transition:var(--transition);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.img-pick.wide{aspect-ratio:16/9;width:100%;height:auto}.img-pick.round{border-radius:50%;margin:0 auto}.img-pick.err{border-color:var(--danger)}.img-pick:hover{border-color:var(--green);color:var(--green-dark)}.img-pick img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.img-pick-cta{flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex;position:relative}.img-pick-cta em{font-style:normal}.img-pick.has{border-style:solid;border-color:#0000}.img-pick.has .img-pick-cta{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:999px;flex-direction:row;padding:5px 10px;position:absolute;bottom:8px;right:8px}.img-pick.round.has .img-pick-cta{left:50%;right:auto;transform:translate(-50%)}.draft-row{background:var(--surface);box-shadow:var(--shadow-sm);animation:pop-in .3s var(--ease-spring) backwards;border-radius:14px;align-items:center;gap:10px;padding:10px 10px 10px 12px;display:flex}.draft-row strong{font-size:14px;display:block}.draft-ico{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.draft-ico.navy{background:var(--navy-soft);color:var(--navy)}.add-row{border:2px dashed color-mix(in srgb, var(--green) 45%, var(--border));height:50px;color:var(--green-dark);font:inherit;cursor:pointer;transition:var(--transition);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-weight:700;display:flex}.add-row:hover{background:var(--green-light)}.ct-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.contestant-tile{background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;min-width:0;font:inherit;color:var(--text);animation:pop-in .3s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 40ms);border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex;position:relative}.contestant-tile strong{max-width:100%;font-size:12.5px}.contestant-tile.add{cursor:pointer;border:2px dashed color-mix(in srgb, var(--violet) 40%, var(--border));box-shadow:none;color:var(--violet);background:0 0}.ct-photo{cursor:pointer;width:60px;height:60px;color:var(--violet);background:var(--violet-soft);border:0;border-radius:50%;place-items:center;padding:0;font-size:22px;font-weight:800;display:grid;position:relative;overflow:visible}.ct-photo img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ct-photo em{color:#fff;background:var(--violet);box-shadow:0 0 0 2px var(--surface);border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800;position:absolute;bottom:-2px;right:-4px}.ct-x{background:var(--surface-2);width:20px;height:20px;color:var(--text-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatches button{color:#fff;background:var(--sw);cursor:pointer;width:34px;height:34px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px transparent;transition:all .2s var(--ease-spring);border:0;border-radius:50%;place-items:center;display:grid}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--sw);transform:scale(1.1)}.field-card{background:var(--surface);box-shadow:var(--shadow-sm);border-left:4px solid var(--amber);animation:rise-in .3s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.field-num{background:var(--amber-soft);width:26px;height:26px;color:var(--amber-strong);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;width:100%;padding-right:34px}.select-wrap svg{pointer-events:none;color:var(--text-3);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.req-toggle{white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.req-toggle input{width:18px;height:18px;accent-color:var(--green-dark)}.field-tools{justify-content:flex-end;gap:4px;display:flex}.field-tools button{background:var(--surface-2);width:32px;height:32px;color:var(--text-2);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.field-tools button:disabled{opacity:.4;cursor:default}.field-tools .danger{color:var(--danger)}.review-poster{color:#fff;background:linear-gradient(160deg, var(--green-dark), var(--green-deep));min-height:160px;box-shadow:var(--shadow-md);border-radius:22px;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;display:flex;position:relative;overflow:hidden}.review-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.review-poster:after{content:"";background:linear-gradient(#0000 25%,#07140cd9);position:absolute;inset:0}.review-poster>:not(img){z-index:1;position:relative}.review-poster strong{font-size:20px;line-height:1.2}.review-block{flex-direction:column;gap:8px;display:flex}.review-block .summary{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:12px 14px}.face-pile .avatar{width:32px;height:32px;box-shadow:0 0 0 2px var(--surface);margin-left:-8px;font-size:12px}.next-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.next-steps li{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(.3s + var(--i) * .12s);border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex}.next-steps li>span{background:var(--green-light);width:38px;height:38px;color:var(--green-dark);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.next-steps strong{font-size:14px;display:block}.share-box{background:var(--amber-soft);border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex}.share-box code{background:var(--surface);border-radius:10px;padding:8px 10px;font-size:12.5px}.share-box .btn{width:auto}.cart-btn{position:relative}.cart-btn .bell-badge{top:-4px;right:-4px}.promo-carousel{box-shadow:var(--shadow-md);border-radius:22px;position:relative;overflow:hidden}.promo-track{transition:transform .6s var(--ease-out);display:flex}.promo-slide{isolation:isolate;color:#fff;background:radial-gradient(90% 90% at 100% 0%, var(--green) 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));flex:0 0 100%;align-items:center;min-height:150px;padding:18px;display:flex;position:relative;overflow:hidden}.promo-slide.navy{background:radial-gradient(90% 90% at 100% 0,#3b6db0 0%,#0000 60%),linear-gradient(160deg,#1f3b64,#0e1d33)}.promo-slide.coral{background:radial-gradient(90% 90% at 100% 0,#f07a52 0%,#0000 60%),linear-gradient(160deg,#c2410c,#7c2d12)}.promo-copy{flex-direction:column;align-items:flex-start;gap:8px;max-width:64%;display:flex}.promo-copy strong{letter-spacing:-.02em;font-size:21px;font-weight:800;line-height:1.15}.promo-emoji{filter:drop-shadow(0 14px 20px #00000059);font-size:86px;animation:3s ease-in-out infinite bob;position:absolute;bottom:6px;right:8px}.neon-btn.sm{padding:7px 12px;font-size:12.5px}.promo-dots{gap:6px;display:flex;position:absolute;bottom:10px;left:18px}.promo-dots button{cursor:pointer;width:7px;height:7px;transition:width .3s var(--ease-out);background:#ffffff73;border:0;border-radius:999px;padding:0}.promo-dots button[aria-pressed=true]{background:#fff;width:20px}.cat-rail{scrollbar-width:none;gap:10px;margin:0 -14px;padding:2px 14px 4px;display:flex;overflow-x:auto}.cat-rail::-webkit-scrollbar{display:none}.cat-dot{width:64px;font:inherit;color:var(--text-2);cursor:pointer;--tone:var(--green-dark);--tone-soft:var(--green-light);background:0 0;border:0;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.cat-dot.navy{--tone:var(--navy);--tone-soft:var(--navy-soft)}.cat-dot.coral{--tone:var(--coral-strong);--tone-soft:var(--coral-soft)}.cat-dot.violet{--tone:var(--violet);--tone-soft:var(--violet-soft)}.cat-dot.amber{--tone:var(--amber-strong);--tone-soft:var(--amber-soft)}.cat-dot>span{width:54px;height:54px;color:var(--tone);background:var(--tone-soft);transition:all .25s var(--ease-spring);border-radius:50%;place-items:center;font-size:24px;display:grid}.cat-dot[aria-pressed=true]{color:var(--text);font-weight:700}.cat-dot[aria-pressed=true]>span{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--tone);transform:scale(1.06)}.flash{background:linear-gradient(135deg, var(--coral-soft), var(--amber-soft));border-radius:20px;flex-direction:column;gap:10px;padding:14px 0 14px 14px;display:flex}.flash-head{justify-content:space-between;align-items:center;padding-right:14px;display:flex}.flash-head strong{color:var(--coral-strong);align-items:center;gap:5px;font-size:16px;display:inline-flex}.flash-cd{color:var(--text-2);align-items:center;gap:3px;font-size:11.5px;display:inline-flex}.flash-cd b{text-align:center;color:#fff;background:var(--coral-strong);font-variant-numeric:tabular-nums;border-radius:6px;min-width:22px;padding:2px 4px;display:inline-block}.flash-cd b.tick{animation:flip .35s var(--ease-out)}.flash-rail{scrollbar-width:none;gap:10px;padding:2px 14px 4px 0;display:flex;overflow-x:auto}.flash-rail::-webkit-scrollbar{display:none}.flash-card{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);animation:pop-in .35s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 60ms);border-radius:16px;flex-direction:column;flex:0 0 116px;gap:3px;padding:8px;display:flex;position:relative}.flash-card .p-off{top:12px;left:12px}.flash-card b{margin-top:4px;font-size:14px}.flash-bar{background:var(--coral-soft);border-radius:999px;height:6px;margin-top:3px;overflow:hidden}.flash-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--amber), var(--coral));height:100%;display:block}.trust-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.trust-row span{text-align:center;color:var(--text-2);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10.5px;font-weight:600;display:flex}.trust-row svg{color:var(--green-dark)}.p-art{aspect-ratio:1;isolation:isolate;--a:var(--green-light);--b:#cfe9d4;background:linear-gradient(150deg, var(--a), var(--b));border-radius:14px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.p-art.navy{--a:var(--navy-soft);--b:#cbd9ee}.p-art.violet{--a:var(--violet-soft);--b:#ddd3fb}.p-art.amber{--a:var(--amber-soft);--b:#fde3a0}.p-art.coral{--a:var(--coral-soft);--b:#fdd0bd}.p-art[style*=--swatch]{--b:color-mix(in srgb, var(--swatch) 35%, var(--a))}.p-blob{z-index:-1;background:#ffffff73;border-radius:50%;position:absolute}.p-blob.a{width:60%;height:60%;top:-12%;right:-14%}.p-blob.b{background:#ffffff4d;width:34%;height:34%;bottom:8%;left:-8%}.p-emoji{filter:drop-shadow(0 10px 12px #0000002e);transition:transform .35s var(--ease-spring);font-size:58px;line-height:1}.p-floor{filter:blur(3px);z-index:-1;background:#0000001a;border-radius:50%;height:8px;position:absolute;bottom:14%;left:30%;right:30%}.p-art.sm .p-emoji{font-size:40px}.p-art.lg .p-emoji{font-size:130px;animation:3.2s ease-in-out infinite bob}.p-art.lg{aspect-ratio:5/4;border-radius:24px}.p-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.p-card{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);min-width:0;transition:var(--transition);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border-radius:18px;flex-direction:column;gap:8px;padding:8px;display:flex}@media (hover:hover){.p-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.p-card:hover .p-emoji{transform:scale(1.1)rotate(-6deg)}}.p-card:active{transform:scale(.98)}.p-media{position:relative}.p-off,.p-badge{color:#fff;background:var(--coral-strong);border-radius:8px;padding:3px 7px;font-size:10.5px;font-weight:800;position:absolute;top:8px;left:8px}.p-badge{background:var(--green-dark)}.p-off.big{padding:5px 10px;font-size:13px;top:14px;left:14px}.p-save{cursor:pointer;width:32px;height:32px;color:var(--text-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);transition:all .25s var(--ease-spring);background:#ffffffd9;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.p-save.on{color:var(--coral-strong);animation:heart-pop .4s var(--ease-spring)}@keyframes heart-pop{40%{transform:scale(1.3)}}.p-body{flex-direction:column;gap:3px;min-width:0;padding:0 2px 2px;display:flex}.p-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.p-rating{color:var(--amber-strong);align-items:center;gap:3px;font-size:11.5px;font-weight:700;display:inline-flex}.p-rating em{color:var(--text-3);font-style:normal;font-weight:500}.p-price-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.p-price{color:var(--text);flex-direction:column;font-size:15px;font-weight:800;line-height:1.15;display:flex}.p-price s{color:var(--text-3);font-size:11px;font-weight:500}.p-add{cursor:pointer;color:#fff;background:var(--green-dark);width:32px;height:32px;transition:all .2s var(--ease-spring);border:0;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.p-add:active{transform:scale(.85)rotate(90deg)}.p-vendor{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;display:inline-flex;overflow:hidden}.p-vendor svg{color:var(--navy);flex-shrink:0}.sell-banner{isolation:isolate;cursor:pointer;text-align:left;font:inherit;color:#fff;background:radial-gradient(90% 90% at 100% 0,#f59e0b 0%,#0000 60%),linear-gradient(160deg,#b45309,#6b3106);border:0;border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px -20px #6b3106cc}.sell-banner strong{font-size:16px;display:block}.sell-banner .small{opacity:.9}.sell-ico{background:#ffffff29;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.product-page,.cart-page{padding-bottom:calc(var(--tabbar-h) + 100px + env(safe-area-inset-bottom))}.pd-hero{animation:pop-in .45s var(--ease-spring);position:relative}.pd-actions{flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.pd-actions .p-save{width:38px;height:38px;position:static}.pd-title{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:800;line-height:1.25}.pd-price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pd-price b{color:var(--green-dark);font-size:26px;font-weight:800}.pd-price s{color:var(--text-3)}.save-chip{background:var(--coral-soft);color:var(--coral-strong);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.stock-low{color:var(--coral-strong);font-weight:700}.variants{flex-wrap:wrap;gap:8px;display:flex}.variants button{border:1.5px solid var(--border);background:var(--surface);min-width:46px;height:40px;color:var(--text);font:inherit;cursor:pointer;transition:all .2s var(--ease-spring);border-radius:12px;padding:0 12px;font-weight:600}.variants button[aria-pressed=true]{border-color:var(--green-dark);background:var(--green-light);color:var(--green-dark)}.variants button.swatch{background:var(--sw);color:#fff;border-radius:50%;place-items:center;width:40px;min-width:0;padding:0;display:grid;box-shadow:inset 0 0 0 1px #0000001a}.variants button.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--sw);border-color:#0000;transform:scale(1.08)}.stepper-qty{background:var(--surface-2);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.stepper-qty button{background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:50%;place-items:center;display:grid}.stepper-qty button:disabled{opacity:.4;cursor:default}.stepper-qty b{text-align:center;font-variant-numeric:tabular-nums;min-width:26px}.stepper-qty.sm button{width:28px;height:28px}.vendor-card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.vendor-card .avatar{width:44px;height:44px;font-size:17px}.vendor-card .verified{color:var(--navy)}.pd-perks{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:2px;padding:4px 12px;display:flex}.pd-perks>span{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.pd-perks>span:last-child{border:0}.pd-perks svg{color:var(--green-dark);flex-shrink:0;margin-top:2px}.pd-perks b{font-size:13.5px;display:block}.pd-perks em{color:var(--text-3);font-size:12px;font-style:normal}.pd-highlights{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pd-highlights li{align-items:center;gap:8px;font-size:13.5px;display:flex}.pd-highlights svg{color:var(--green);flex-shrink:0}.buy-bar{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:19;width:100%;max-width:var(--maxw);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 14px;display:grid;position:fixed;transform:translate(-50%)}.buy-bar .btn{width:auto;height:46px;padding:0 18px}.cart-page .buy-bar{grid-template-columns:1fr auto}.buy-total{flex-direction:column;line-height:1.15;display:flex}.buy-total b{font-size:18px;font-weight:800}.bag-pop{animation:heart-pop .4s var(--ease-spring)}.cart-line{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border-radius:16px;gap:12px;padding:10px;display:flex}.cart-art{flex-shrink:0;width:86px}.cart-name{color:var(--text);font-size:14px;font-weight:600;line-height:1.3;display:block}.radio-card{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:var(--transition);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.radio-card strong{font-size:14px;display:block}.radio-card[aria-pressed=true]{border-color:var(--green-dark);background:var(--green-light)}.radio-dot{border:2px solid var(--border);width:20px;height:20px;transition:all .2s var(--ease-spring);border-radius:50%;flex-shrink:0}.radio-card[aria-pressed=true] .radio-dot{border:6px solid var(--green-dark)}.checkout-art{place-items:center;height:110px;display:grid;position:relative}.checkout-art span{font-size:64px;animation:3s ease-in-out infinite bob}.checkout-art i{border:2px solid var(--green);opacity:0;width:90px;height:90px;animation:ring-out 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute}.checkout-art i:nth-child(3){animation-delay:.8s}.checkout-art i:nth-child(4){animation-delay:1.6s}.scan-result.ok{background:var(--green-dark)}.scan-result.bad{background:#b91c1c}.scan-result.warn{background:var(--amber-strong)}.pin-input::placeholder{letter-spacing:normal;font-weight:500}.topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-bell.support{cursor:pointer;color:var(--navy);border:0}.support-head{align-items:center;gap:12px;display:flex}.support-ico{width:52px;height:52px;color:var(--navy);background:var(--navy-soft);animation:pop-in .4s var(--ease-spring);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.support-row{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:var(--transition);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.support-row strong{font-size:14.5px;display:block}.support-row:active{transform:scale(.98)}.sp-ico{border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.support-row.wa .sp-ico{color:#15803d;background:#dcfce7}.support-row.mail .sp-ico{background:var(--navy-soft);color:var(--navy)}.support-row.fb .sp-ico{background:var(--amber-soft);color:var(--amber-strong)}.topic-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.topic-grid button{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:12.5px;font-weight:600;display:flex}.topic-grid button span{font-size:18px}.topic-grid button[aria-pressed=true]{border-color:var(--green-dark);background:var(--green-light);color:var(--green-dark)}.sent-ico{color:#fff;background:var(--green);width:64px;height:64px;box-shadow:0 0 0 8px var(--green-light);animation:pop-in .45s var(--ease-spring);border-radius:50%;place-items:center;margin:0 auto;display:grid}.save-hero,.lock-hero,.agent-hero,.sv-hero{isolation:isolate;color:#fff;border-radius:24px;flex-direction:column;gap:6px;padding:18px;display:flex;position:relative;overflow:hidden}.save-hero{background:radial-gradient(90% 90% at 100% 0%, #f59e0b 0%, transparent 55%), linear-gradient(160deg, var(--green-dark), var(--green-deep));box-shadow:0 20px 40px -22px #07360ecc}.lock-hero{background:radial-gradient(90% 90% at 100% 0,#3b6db0 0%,#0000 60%),linear-gradient(160deg,#1f3b64,#0e1d33);box-shadow:0 20px 40px -22px #0e1d33cc}.agent-hero,.sv-hero{background:radial-gradient(90% 90% at 100% 0,#8b5cf6 0%,#0000 60%),linear-gradient(160deg,#5b21b6,#2e1065);box-shadow:0 20px 40px -22px #2e1065cc}.save-coin{filter:drop-shadow(0 10px 16px #0000004d);font-size:56px;animation:3s ease-in-out infinite bob;position:absolute;top:10px;right:14px}.save-eyebrow{opacity:.85;align-items:center;gap:5px;font-weight:600;display:inline-flex}.save-amount{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1.1}.save-mini{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin-top:6px;display:grid}.save-mini span{background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.save-mini em{opacity:.8;font-size:10.5px;font-style:normal}.save-mini b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.save-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.save-actions.two{grid-template-columns:1fr 1fr}.save-actions>*{font:inherit;color:var(--green-deep);background:var(--mint);cursor:pointer;transition:var(--transition);border:0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:12.5px;font-weight:700;display:flex}.save-actions>:disabled{opacity:.55;cursor:not-allowed}.save-actions>:active:not(:disabled){transform:scale(.95)}.save-actions span{color:#fff;background:var(--green-dark);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.agent-hero .save-actions>*{color:#2e1065}.agent-hero .save-actions span{background:var(--violet)}.matured-banner{cursor:pointer;width:100%;font:inherit;text-align:left;color:#fff;background:linear-gradient(120deg, var(--amber-strong), var(--amber));animation:pop-in .4s var(--ease-spring);border:0;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 12px 24px -14px #b45309cc}.matured-banner strong{font-size:15px;display:block}.mb-ico{font-size:26px;animation:2s ease-in-out infinite bob}.lock-nudge{color:var(--text);background:linear-gradient(90deg, var(--navy-soft), var(--surface) 70%);border:1px solid color-mix(in srgb, var(--navy) 18%, transparent);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.lock-nudge strong{font-size:14px;display:block}.lock-nudge.violet{background:linear-gradient(90deg, var(--violet-soft), var(--surface) 70%);border-color:color-mix(in srgb, var(--violet) 20%, transparent)}.ln-ico{color:#fff;background:var(--navy);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.lock-nudge.violet .ln-ico{background:var(--violet)}.goal-card{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms);border-radius:18px;gap:12px;padding:14px;display:flex}.goal-card.completed{background:linear-gradient(120deg, var(--green-light), var(--surface) 70%)}.goal-card.cancelled{opacity:.65}.goal-ring{flex-shrink:0;width:64px;height:64px;position:relative}.goal-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.goal-ring circle{fill:none;stroke-width:6px}.goal-ring .track{stroke:var(--surface-2)}.goal-ring .bar{stroke:var(--amber);stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.goal-card.completed .goal-ring .bar{stroke:var(--green)}.goal-ring>span{place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.goal-card strong{font-size:15px}.goal-pct{color:var(--amber-strong);font-size:13px}.goal-tools{align-items:center;gap:6px;margin-top:8px;display:flex}.goal-tools .btn{width:auto;height:32px;padding:0 12px}.goal-trophy{animation:pop-in .5s var(--ease-spring), bob 2.4s ease-in-out .5s infinite;font-size:64px}.emoji-pick{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.emoji-pick button{aspect-ratio:1;background:var(--surface-2);cursor:pointer;transition:all .2s var(--ease-spring);border:1.5px solid #0000;border-radius:12px;font-size:22px}.emoji-pick button[aria-pressed=true]{border-color:var(--amber);background:var(--amber-soft);transform:scale(1.08)}.from-to{background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.from-to span{align-items:center;gap:5px;display:inline-flex}.from-to .rot{transform:rotate(-135deg)}.goal-pick{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.goal-pick button{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;width:84px;padding:8px 6px;font-size:20px;display:flex}.goal-pick button span{color:var(--text-2);max-width:100%;font-size:11px;font-weight:600}.goal-pick button[aria-pressed=true]{border-color:var(--amber-strong);background:var(--amber-soft)}.auto-intro{background:var(--amber-soft);color:var(--amber-strong);border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex}.auto-intro .small{color:var(--text)}.rule-row{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 50ms);border-radius:16px;align-items:center;gap:10px;padding:10px 10px 10px 12px;transition:opacity .2s;display:flex}.rule-row.off{opacity:.6}.rule-ico{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.rule-ico.earn{background:var(--amber-soft)}.rule-ico.spend{background:var(--navy-soft)}.rule-body{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.rule-body strong{font-size:14px;display:block}.switch{background:var(--border);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:44px;height:26px;transition:background .2s;position:relative}.switch i{width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch.on{background:var(--green)}.switch.on i{transform:translate(18px)}.rule-ideas{flex-direction:column;gap:6px;display:flex}.rule-ideas button{border:1px dashed color-mix(in srgb, var(--amber) 55%, var(--border));color:var(--amber-strong);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.trigger-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.trigger-grid button{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:9px 10px;font-size:12px;font-weight:600;display:flex}.trigger-grid button span{font-size:16px}.trigger-grid button:disabled{opacity:.4;cursor:default}.trigger-grid button.earn[aria-pressed=true]{border-color:var(--amber-strong);background:var(--amber-soft)}.trigger-grid button.spend[aria-pressed=true]{border-color:var(--navy);background:var(--navy-soft)}.rule-preview{background:var(--green-light);color:var(--green-dark);animation:pop-in .3s var(--ease-spring);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.save-tx{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.save-tx-ico{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.save-tx-ico.in{background:var(--green-light);color:var(--green-dark)}.save-tx-ico.out{background:var(--coral-soft);color:var(--coral-strong)}.save-tx-ico.neutral{background:var(--surface-2)}.lock-vault{background:#ffffff1f;border:1px solid #ffffff38;border-radius:20px;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:16px;right:16px}.lock-vault i{opacity:0;animation:ring-out 2.6s var(--ease-out) infinite;border:2px solid #ffffff4d;border-radius:24px;position:absolute;inset:-6px}.lock-vault i:nth-child(3){animation-delay:1.3s}.plan-rail{scrollbar-width:none;gap:10px;margin:0 -14px;padding:4px 14px 6px;display:flex;overflow-x:auto}.plan-rail::-webkit-scrollbar{display:none}.plan-card{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:var(--transition);animation:pop-in .35s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 60ms);--tone:var(--green-dark);--tone-soft:var(--green-light);border:2px solid #0000;border-radius:18px;flex-direction:column;flex:0 0 150px;align-items:flex-start;gap:4px;padding:14px;display:flex;position:relative}.plan-card.navy{--tone:var(--navy);--tone-soft:var(--navy-soft)}.plan-card.violet{--tone:var(--violet);--tone-soft:var(--violet-soft)}.plan-card.amber{--tone:var(--amber-strong);--tone-soft:var(--amber-soft)}.plan-card[aria-pressed=true]{border-color:var(--tone);background:linear-gradient(160deg, var(--tone-soft), var(--surface) 80%);transform:translateY(-2px)}.plan-rate{color:var(--tone);align-items:baseline;gap:4px;display:flex}.plan-rate b{letter-spacing:-.03em;font-size:26px;font-weight:800}.plan-rate em{font-size:11px;font-style:normal;font-weight:600}.plan-card strong{font-size:14.5px}.plan-card .tiny{color:var(--text-3);text-transform:capitalize}.plan-roi{background:var(--tone-soft);color:var(--tone);border-radius:999px;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:700}.plan-check{color:#fff;background:var(--tone);width:22px;height:22px;animation:pop-in .3s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.calc-card{background:var(--surface);box-shadow:var(--shadow-md);border-radius:22px;flex-direction:column;gap:10px;padding:16px;display:flex}.calc-input{width:100%;font:inherit;letter-spacing:-.03em;color:var(--text);background:0 0;border:0;padding:0;font-size:32px;font-weight:800}.calc-input:focus{outline:none}.calc-range{width:100%;accent-color:var(--navy)}.calc-out{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.calc-out>div{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.calc-out em{color:var(--text-3);font-size:10.5px;font-style:normal}.calc-out b{font-size:13.5px}.agree input{width:18px;height:18px;accent-color:var(--green-dark);flex-shrink:0;margin:1px 0 0}.lock-done{color:#fff;width:72px;height:72px;animation:pop-in .5s var(--ease-spring);background:linear-gradient(160deg,#1f3b64,#0e1d33);border-radius:24px;place-items:center;margin:0 auto;display:grid}.lock-card{background:var(--surface);width:100%;box-shadow:var(--shadow-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer;animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 50ms);border:0;border-radius:18px;flex-direction:column;gap:8px;padding:14px;display:flex}.lock-card.matured{background:linear-gradient(120deg, var(--amber-soft), var(--surface) 70%);box-shadow:0 0 0 2px color-mix(in srgb, var(--amber) 50%, transparent)}.lock-card.withdrawn,.lock-card.broken{opacity:.75}.lock-ico{width:36px;height:36px;color:var(--navy);background:var(--navy-soft);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.lock-card.matured .lock-ico{color:var(--amber-strong);background:var(--amber-soft)}.lock-status{background:var(--navy-soft);color:var(--navy);border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}.lock-status.matured{background:var(--amber);color:#fff}.lock-status.withdrawn{background:var(--green-light);color:var(--green-dark)}.lock-status.broken{background:var(--red-light);color:var(--danger)}.lock-bar{background:var(--surface-2);border-radius:999px;height:6px;display:block;overflow:hidden}.lock-bar.big{height:10px}.lock-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--navy), #3b6db0);transform-origin:0;height:100%;animation:grow-x 1s var(--ease-out) backwards;display:block}.lock-card.matured .lock-bar i{background:linear-gradient(90deg, var(--amber), var(--amber-strong))}.lock-detail-head{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.lock-big{background:var(--surface-2);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.lock-big>div{flex-direction:column;display:flex}.lock-big>div:last-child{align-items:flex-end}.lock-big em{color:var(--text-3);font-size:11px;font-style:normal}.lock-big b{font-size:20px;font-weight:800}.timeline-chart{align-items:flex-end;gap:6px;height:150px;padding:8px 4px 0;display:flex}.timeline-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.timeline-chart em{color:var(--green-dark);white-space:nowrap;font-size:9.5px;font-style:normal;font-weight:700}.tc-bar{background:color-mix(in srgb, var(--navy) 25%, var(--surface-2));transform-origin:bottom;width:100%;max-width:36px;animation:plinth-rise .6s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 80ms);border-radius:8px 8px 4px 4px}.timeline-chart .reached .tc-bar{background:linear-gradient(180deg, #3b6db0, var(--navy))}.timeline-chart b{color:var(--text-3);font-size:10.5px}.break-head{color:var(--danger);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.agent-logo{background:#ffffff29;border:1px solid #ffffff38;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:26px;display:grid;overflow:hidden}.agent-logo img{object-fit:cover;width:100%;height:100%}.agent-logo.sm{background:var(--violet-soft);border:0;width:46px;height:46px;font-size:22px}.agent-hero strong{font-size:17px}.agent-flag{background:#f59e0b40;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kpi-grid>div{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:2px;min-width:0;padding:12px;display:flex}.kpi-grid em{color:var(--text-3);font-size:11px;font-style:normal}.kpi-grid b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:800;overflow:hidden}.rate-table{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.rate-table>div{border-bottom:1px solid var(--border);animation:rise-in .3s var(--ease-out) backwards;animation-delay:calc(var(--i) * 30ms);align-items:center;gap:8px;padding:10px 14px;display:flex}.rate-table>div:last-child{border:0}.rate-table strong{font-size:13.5px}.rate-pill{background:var(--green-light);color:var(--green-dark);border-radius:999px;padding:3px 10px;font-size:13px}.or-divider{color:var(--text-3);align-items:center;gap:10px;font-size:12px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.agent-intro{isolation:isolate;color:#fff;background:radial-gradient(90% 90% at 100% 0,#8b5cf6 0%,#0000 60%),linear-gradient(160deg,#5b21b6,#2e1065);border-radius:24px;flex-direction:column;gap:6px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -22px #2e1065cc}.agent-intro strong{letter-spacing:-.02em;padding-right:60px;font-size:20px;font-weight:800}.agent-intro .small{opacity:.9}.agent-intro-art{font-size:52px;animation:3s ease-in-out infinite bob;position:absolute;top:12px;right:14px}.agent-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.agent-steps span{background:#ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:8px;font-size:11.5px;font-weight:600;display:flex}.agent-steps b{color:#2e1065;background:var(--mint);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.pending-card{text-align:center;background:var(--amber-soft);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.pending-ico{color:#fff;background:var(--amber-strong);border-radius:50%;place-items:center;width:52px;height:52px;animation:2.4s ease-in-out infinite bob;display:grid}.group-card{background:var(--surface);width:100%;box-shadow:var(--shadow-sm);color:var(--text);font:inherit;cursor:pointer;animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 50ms);transition:var(--transition);border:0;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.group-card:active{transform:scale(.98)}.group-card .verified{color:var(--navy);flex-shrink:0}.member-row,.request-row{background:var(--surface);width:100%;box-shadow:var(--shadow-sm);color:var(--text);font:inherit;cursor:pointer;animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 35ms);border:0;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.request-row{cursor:default}.member-row .avatar,.request-row .avatar{flex-shrink:0;width:38px;height:38px;font-size:15px}.rank-dot{width:22px;color:var(--text-3);text-align:center;flex-shrink:0;font-size:12px;font-weight:800}.rank-dot.r1{color:#b45309}.rank-dot.r2{color:#64748b}.rank-dot.r3{color:#9a3412}.member-num{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.member-num b{font-size:13.5px}.member-num em{color:var(--text-3);font-size:10.5px;font-style:normal}.req-btn{cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.req-btn.yes{color:#fff;background:var(--green-dark)}.req-btn.no{color:var(--danger);background:var(--red-light)}.cat-tile{position:relative}.tile-count{background:var(--green-light);min-width:17px;height:17px;color:var(--green-dark);border-radius:999px;place-items:center;padding:0 4px;font-size:9.5px;font-weight:800;display:grid;position:absolute;top:5px;right:6px}.cat-tile[aria-pressed=true] .tile-count{color:#fff;background:#ffffff40}.banner-card .banner-img:after{content:"";background:linear-gradient(#0000001a 20%,#041808e0 100%);position:absolute;inset:0}.banner-card .featured-body strong{text-shadow:0 2px 10px #00000073}.update-row{content-visibility:auto;contain-intrinsic-size:auto 80px}.update-row .thumb{position:relative}.date-badge{min-width:26px;color:var(--text);background:#fffffff0;border-radius:7px;flex-direction:column;align-items:center;padding:2px 4px;line-height:1.05;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #00000040}.date-badge b{font-size:12px;font-weight:800}.date-badge em{text-transform:uppercase;color:var(--coral-strong);font-size:8.5px;font-style:normal;font-weight:700}.detail-hero .cover{transform:translateY(calc(var(--sy,0) * .35px)) scale(calc(1 + var(--sy,0) * .0004));will-change:transform}.detail-hero .hero-info{transform:translateY(calc(var(--sy,0) * -.08px));opacity:calc(1 - var(--sy,0) / 420)}.detail.has-bar{padding-bottom:calc(var(--tabbar-h) + 96px + env(safe-area-inset-bottom))}.detail-cd{color:#fff;animation:rise-in .45s var(--ease-out) .1s backwards;background:radial-gradient(90% 120% at 100% 0,#3b6db0 0%,#0000 60%),linear-gradient(160deg,#1f3b64,#0e1d33);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin-top:-4px;padding:12px 14px;display:flex;box-shadow:0 14px 28px -18px #0e1d33cc}.detail-cd.soon{background:radial-gradient(90% 120% at 100% 0,#f07a52 0%,#0000 60%),linear-gradient(160deg,#c2410c,#7c2d12)}.detail-cd-label{align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.detail-cd-units{gap:6px;display:flex}.detail-cd-units span{flex-direction:column;align-items:center;gap:2px;display:flex}.detail-cd-units b{text-align:center;font-variant-numeric:tabular-nums;color:#0e1d33;background:linear-gradient(#fff 50%,#eef3fa 50%);border-radius:9px;min-width:36px;padding:5px 4px;font-size:17px;font-weight:800}.detail-cd.soon .detail-cd-units b{color:#7c2d12;background:linear-gradient(#fff 50%,#fff1ea 50%)}.detail-cd-units b.tick{animation:flip .35s var(--ease-out)}.detail-cd-units em{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:9px;font-style:normal}.info-actions{flex-wrap:wrap;gap:8px;display:flex}.info-actions>*{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--green-dark);font:inherit;cursor:pointer;transition:var(--transition);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.info-actions>:active{transform:scale(.96)}.venue-map{background:linear-gradient(135deg, var(--green-light), var(--navy-soft));border:1px solid var(--border);border-radius:16px;height:170px;position:relative;overflow:hidden}.venue-map iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.venue-map.loaded iframe{opacity:1}.venue-map-wait{color:var(--green-dark);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.venue-map-wait svg{animation:1.6s ease-in-out infinite bob}.venue-map-open{color:#fff;background:var(--green-dark);border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 6px 14px -6px #00000073}.action-bar{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);z-index:19;width:calc(100% - 20px);max-width:calc(var(--maxw) - 20px);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 30px -12px #0000004d, inset 0 0 0 1px var(--border);transition:transform .35s var(--ease-out), opacity .25s;animation:bar-in .45s var(--ease-spring) .3s backwards;border-radius:18px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:fixed;transform:translate(-50%)}.action-bar.hidden{opacity:0;pointer-events:none;transform:translate(-50%,140%)}.action-bar b{font-size:15px}.action-bar .btn{flex-shrink:0;width:auto;height:44px;padding:0 16px}@keyframes bar-in{0%{transform:translate(-50%,140%)}}.similar-row{scrollbar-width:none;gap:10px;margin:0 -14px;padding:2px 14px 6px;display:flex;overflow-x:auto}.similar-row::-webkit-scrollbar{display:none}.similar-card{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);animation:pop-in .35s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 50ms);border-radius:16px;flex-direction:column;flex:0 0 150px;gap:5px;padding:8px;display:flex}.similar-img{background:var(--surface-2);border-radius:11px;height:96px;display:block;overflow:hidden}.similar-img>*{object-fit:cover;width:100%;height:100%}.similar-card .phase-pill{align-self:flex-start}.similar-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.detail-hero .cover,.detail-hero .hero-info{opacity:1;transform:none}}.date-badge{border-radius:6px;min-width:22px;padding:1px 3px;top:3px;left:3px}.date-badge b{font-size:11px}.date-badge em{font-size:7.5px}.share-link{border:1.5px solid var(--border);background:var(--surface-2);border-radius:14px;align-items:center;gap:6px;padding:5px 5px 5px 12px;transition:border-color .2s;display:flex}.share-link.copied{border-color:var(--green)}.share-link input{min-width:0;font:inherit;color:var(--text-2);background:0 0;border:0;flex:1;font-size:13px}.share-link input:focus{outline:none}.share-link button{height:38px;font:inherit;color:#fff;background:var(--green-dark);cursor:pointer;border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.share-link.copied button{background:var(--green)}.share-apps{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:10px 6px;display:grid}.share-apps>*{font:inherit;color:var(--text-2);cursor:pointer;animation:pop-in .3s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 40ms);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:11.5px;font-weight:600;display:flex}.share-apps span{width:50px;height:50px;transition:transform .2s var(--ease-spring);border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 14px -8px #0006}.share-apps span.more{background:var(--surface-2);color:var(--text);box-shadow:none}.share-apps>:active span{transform:scale(.9)}.auth{width:100%;max-width:440px;margin:0 auto;position:relative}.auth-head{width:100%;position:relative}.auth-back{width:40px;height:40px;color:var(--green-dark);background:var(--surface);box-shadow:var(--shadow-sm);z-index:1;border-radius:12px;place-items:center;display:grid;position:absolute;top:-4px;left:0}.auth-back+.eyebrow{align-self:center}.ring-icon{width:60px;height:60px;color:var(--green-dark);background:var(--green-light);box-shadow:0 0 0 6px var(--surface), 0 10px 24px -8px #07360e59;animation:pop-in .45s var(--ease-spring);border-radius:50%;place-items:center;font-style:normal;display:grid;position:relative}.logo-rings.sent .ring-icon{color:#fff;background:var(--green)}.logo-rings.bad span{border-color:var(--danger)}.logo-rings.bad .ring-icon{color:var(--danger);background:var(--red-light)}@media (width<=520px){.ring-icon{width:50px;height:50px}}.auth-form.shake{animation:.4s ease-in-out shake}.caps-warn{color:var(--amber-strong);align-items:center;gap:4px;font-weight:600;display:inline-flex}.reg-progress{background:var(--surface-2);border-radius:999px;height:4px;margin-top:-6px;overflow:hidden}.reg-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--amber));height:100%;transition:width .4s var(--ease-out);display:block}.pw-meter{flex-direction:column;gap:4px;margin-top:2px;display:flex}.pw-bars{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pw-bars i{background:var(--surface-2);border-radius:999px;height:4px;transition:background .25s}.pw-meter.s1 .pw-bars i.on{background:var(--danger)}.pw-meter.s1 b{color:var(--danger)}.pw-meter.s2 .pw-bars i.on{background:var(--amber)}.pw-meter.s2 b{color:var(--amber-strong)}.pw-meter.s3 .pw-bars i.on{background:var(--green)}.pw-meter.s3 b{color:var(--green-dark)}.pw-meter.s4 .pw-bars i.on{background:var(--green-dark)}.pw-meter.s4 b{color:var(--green-dark)}.pw-meter.s0 b{color:var(--danger)}.field-status{align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.field-status.ok{color:var(--green-dark)}.field-status.bad{color:var(--danger)}.field-status.checking{color:var(--text-3)}.verify-manual{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 14px}.verify-manual summary{color:var(--green-dark);cursor:pointer;align-items:center;gap:6px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.verify-manual summary::-webkit-details-marker{display:none}.promo-row{scroll-snap-type:x mandatory;scroll-padding-inline:14px}.promo-row>*{scroll-snap-align:start}.setup-card{background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb, var(--amber) 30%, transparent);animation:rise-in .45s var(--ease-out) backwards;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.setup-ring{flex-shrink:0;width:44px;height:44px;position:relative}.setup-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.setup-ring circle{fill:none;stroke-width:5px}.setup-ring .track{stroke:var(--surface-2)}.setup-ring .bar{stroke:var(--amber);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out)}.setup-ring b{place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.setup-steps{flex-direction:column;gap:6px;display:flex}.setup-step{color:var(--text);background:var(--surface-2);animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i) * 50ms);border-radius:12px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:600;display:flex}.setup-step>svg:last-child{margin-left:auto}.setup-step.done{color:var(--text-3);background:0 0;font-weight:500}.ss-ico{width:26px;height:26px;color:var(--amber-strong);background:var(--amber-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.setup-step.done .ss-ico{color:#fff;background:var(--green)}.save-snap{color:var(--text);background:linear-gradient(110deg, var(--amber-soft), var(--surface) 65%);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb, var(--amber) 25%, transparent);animation:rise-in .4s var(--ease-out) backwards;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.save-snap b{font-size:18px;font-weight:800}.save-snap-ico{color:#fff;background:linear-gradient(160deg, var(--amber), var(--amber-strong));border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.save-snap-goal{align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.save-snap-goal .truncate{max-width:45%}.save-snap-goal .bar{background:#00000012;border-radius:999px;flex:1;height:5px;overflow:hidden}.save-snap-goal .bar i{border-radius:inherit;background:var(--amber);height:100%;display:block}.save-snap-goal em{color:var(--amber-strong);font-style:normal;font-weight:700}.day-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:10px 2px 2px;font-size:11px;font-weight:700;display:block}.ptr{transition:height .25s var(--ease-out);place-items:center;display:grid;overflow:hidden}.ptr span{width:34px;height:34px;color:var(--green-dark);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.ptr.busy{transition:none}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.auth-head .eyebrow{align-self:center}html,body{overscroll-behavior-y:none}a,button,input,select,textarea,label,[role=button]{touch-action:manipulation}.manual-row input,.share-link input,.calc-range,select.input{font-size:16px}.balance-amount,.save-amount,.invite-code,.gr-num{-webkit-touch-callout:none}.kb-open .tabbar,.kb-open .fab,.kb-open .buy-bar,.kb-open .action-bar,.kb-open .host-nav{display:none}.tab-icon{position:relative}.tab-badge{color:#fff;background:var(--coral-strong);min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);animation:pop-in .35s var(--ease-spring);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-6px;right:-12px}.chat-avatar{color:#fff;background:linear-gradient(150deg, var(--green), var(--green-dark));border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid;position:relative;overflow:visible}.chat-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-avatar.tone-1{background:linear-gradient(150deg, #8b5cf6, var(--violet))}.chat-avatar.tone-2{background:linear-gradient(150deg, #3b6db0, var(--navy))}.chat-avatar.tone-3{background:linear-gradient(150deg, var(--amber), var(--amber-strong))}.chat-avatar.tone-4{background:linear-gradient(150deg, #f07a52, var(--coral-strong))}.chat-avatar.group,.chat-avatar.group img{border-radius:30%}.online-dot{width:28%;min-width:10px;height:28%;min-height:10px;box-shadow:0 0 0 2.5px var(--surface);background:#22c55e;border-radius:50%;position:absolute;bottom:0;right:0}.frequent-row{scrollbar-width:none;gap:14px;margin:0 -14px;padding:4px 14px 2px;display:flex;overflow-x:auto}.frequent-row::-webkit-scrollbar{display:none}.frequent-row button{width:62px;font:inherit;color:var(--text-2);cursor:pointer;animation:pop-in .35s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 40ms);background:0 0;border:0;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;padding:0;font-size:11.5px;font-weight:600;display:flex}.frequent-row .chat-avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--green-light)}.frequent-row span.truncate{max-width:100%}.convo-list{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.convo-row{color:var(--text);animation:rise-in .3s var(--ease-out) backwards;animation-delay:calc(var(--i) * 25ms);align-items:center;gap:12px;padding:11px 14px;transition:background .15s;display:flex;position:relative}.convo-row+.convo-row:before{content:"";background:color-mix(in srgb, var(--border) 70%, transparent);height:1px;position:absolute;top:0;left:74px;right:0}.convo-row:active{background:var(--surface-2)}.convo-top,.convo-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.convo-top strong{font-size:15px}.convo-top em{color:var(--text-3);flex-shrink:0;font-size:11.5px;font-style:normal}.convo-row.unread .convo-top em{color:var(--green-dark);font-weight:700}.convo-preview{color:var(--text-2);align-items:center;gap:3px;font-size:13.5px;display:flex}.convo-row.unread .convo-preview{color:var(--text);font-weight:600}.tick{color:var(--text-3);flex-shrink:0}.tick.read{color:#34b7f1}.unread-pill{color:#fff;background:var(--green);border-radius:999px;flex-shrink:0;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:grid}.typing-text{color:var(--green-dark);align-items:center;gap:4px;font-size:13.5px;font-weight:600;display:inline-flex}.dots{gap:3px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dot-bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.convo-skel{grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:11px 14px;display:grid}.convo-skel span:first-child{border-radius:50%;width:48px;height:48px}.convo-skel span:last-child{border-radius:10px;height:34px}.chat-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.chat-empty-art{place-items:center;width:96px;height:96px;display:grid;position:relative}.chat-empty-art i{font-size:48px;font-style:normal;animation:3s ease-in-out infinite bob}.chat-empty-art b{border:2px solid var(--green);opacity:0;animation:ring-out 2.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.chat-empty-art b:last-child{animation-delay:1.3s}.person-row{width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px 6px;display:flex}.person-row:active:not(:disabled){background:var(--surface-2)}.person-row:disabled{cursor:default}.admin-tag{background:var(--green-light);color:var(--green-dark);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.chat-room{min-height:100dvh;max-width:var(--maxw);--chat-bg:color-mix(in srgb, var(--green-light) 45%, var(--bg));background:radial-gradient(circle at 20% 20%, #348a400d 0 2px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle at 70% 60%, #f59e0b0d 0 1.5px, transparent 2.5px) 0 0 / 34px 34px, var(--chat-bg);flex-direction:column;margin:0 auto;display:flex;position:relative}.room-head{z-index:20;padding:calc(6px + env(safe-area-inset-top)) 8px 6px 4px;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);align-items:center;gap:4px;display:flex;position:sticky;top:0}.icon-btn.ghost{box-shadow:none;background:0 0}.room-who{min-width:0;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:10px;padding:2px 4px;display:flex}.room-who strong{font-size:15.5px}.room-status{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.room-status.live{color:var(--green-dark);font-weight:600}.status-dot{background:var(--text-3);opacity:.55;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s,opacity .3s}.room-status.live .status-dot{opacity:1;background:#22c55e;animation:2s ease-out infinite online-pulse;box-shadow:0 0 #22c55e80}@keyframes online-pulse{70%{box-shadow:0 0 0 5px #22c55e00}}.pinned-bar{top:calc(58px + env(safe-area-inset-top));z-index:15;width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex;position:sticky}.pinned-bar svg:first-child,.pinned-bar b{color:var(--amber-strong)}.msg-list{flex-direction:column;flex:1;padding:8px 10px 16px;display:flex}.msg-top{place-items:center;min-height:28px;display:grid}.chat-start{color:var(--amber-strong);background:var(--amber-soft);text-align:center;border-radius:10px;align-items:center;gap:5px;margin:6px auto 10px;padding:6px 12px;font-size:11.5px;display:inline-flex}.day-sep{top:calc(64px + env(safe-area-inset-top));z-index:5;pointer-events:none;justify-content:center;margin:12px 0 8px;display:flex;position:sticky}.day-sep span{color:var(--text-2);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700}.sys-msg{justify-content:center;margin:6px 0;display:flex}.sys-msg span{text-align:center;max-width:80%;color:var(--text-2);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:10px;padding:5px 12px;font-size:12px}.msg-row{align-items:flex-end;gap:6px;margin-top:6px;display:flex;position:relative}.msg-row.gt{margin-top:2px}.msg-row.mine{flex-direction:row-reverse}.msg-row.flash .bubble{animation:1.4s msg-flash}@keyframes msg-flash{0%,60%{box-shadow:0 0 0 3px var(--amber)}}.msg-av{flex-shrink:0;width:28px}.swipe-reply{width:28px;height:28px;color:var(--green-dark);background:var(--surface);box-shadow:var(--shadow-sm);pointer-events:none;border-radius:50%;place-items:center;margin-top:-14px;display:grid;position:absolute;top:50%;left:4px}.msg-row.mine .swipe-reply{left:auto;right:auto}.bubble{max-width:min(78%,420px);color:var(--text);background:var(--surface);transition:transform .2s var(--ease-out);touch-action:pan-y;-webkit-user-select:text;user-select:text;animation:bubble-in .25s var(--ease-out);border-radius:18px;padding:7px 10px 6px;font-size:15px;line-height:1.4;position:relative;box-shadow:0 1px 1.5px #00000014}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.msg-row:not(.mine):not(.gb) .bubble{border-bottom-left-radius:5px}.msg-row.mine:not(.gb) .bubble{border-bottom-right-radius:5px}.msg-row.mine .bubble{color:#fff;background:linear-gradient(160deg, var(--green), var(--green-dark))}.msg-row.mine .bubble a{color:#fff;text-decoration:underline}.bubble.failed{opacity:.75;outline:1.5px dashed var(--danger)}.bubble.emoji-only{box-shadow:none;padding:0 2px;background:0 0!important}.bubble.media-only{padding:3px}.msg-author{color:var(--violet);margin-bottom:1px;font-size:12.5px;font-weight:700;display:block}.msg-fwd{opacity:.75;font-size:11.5px;font-style:italic;display:block}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.msg-text.big{font-size:38px;line-height:1.15}.msg-meta{float:right;color:var(--text-3);white-space:nowrap;align-items:center;gap:3px;margin:6px 0 -3px 10px;font-size:10.5px;display:inline-flex;position:relative;top:2px}.msg-row.mine .msg-meta,.msg-row.mine .msg-meta .tick{color:#ffffffc7}.msg-row.mine .msg-meta .tick.read{color:#a5f3fc}.bubble.media-only .msg-meta,.bubble.emoji-only .msg-meta{color:#fff;background:#0006;border-radius:999px;margin:0;padding:2px 6px;position:absolute;bottom:7px;right:8px}.bubble.emoji-only .msg-meta{float:none;background:var(--surface);color:var(--text-3);position:static}.msg-deleted{opacity:.7;align-items:center;gap:5px;font-size:14px;font-style:italic;display:inline-flex}.msg-quote{border:0;border-left:3px solid var(--violet);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#0000000d;border-radius:9px;flex-direction:column;margin:2px 0 5px;padding:5px 9px;font-size:13px;display:flex}.msg-row.mine .msg-quote{background:#ffffff29;border-left-color:#fff}.msg-quote b{color:var(--violet);font-size:12.5px}.msg-row.mine .msg-quote b{color:#fff}.msg-media{border-radius:14px;gap:3px;max-width:280px;margin-bottom:3px;display:grid;overflow:hidden}.msg-media.n1{grid-template-columns:1fr}.msg-media.n2,.msg-media.n4,.msg-media.n3{grid-template-columns:1fr 1fr}.msg-media.n3>:first-child{grid-column:span 2}.msg-media button{background:var(--surface-2);cursor:zoom-in;aspect-ratio:1;border:0;padding:0;position:relative;overflow:hidden}.msg-media.n1 button{aspect-ratio:auto;max-height:340px}.msg-media img,.msg-media video{object-fit:cover;width:100%;height:100%;display:block}.msg-media.n1 img{max-height:340px}.msg-media em{color:#fff;background:#00000073;place-items:center;font-size:24px;font-style:normal;font-weight:800;display:grid;position:absolute;inset:0}.play-badge{color:#fff;background:#00000073;border-radius:50%;place-items:center;width:44px;height:44px;margin:auto;display:grid;position:absolute;inset:0}.upload-veil{background:#0000004d;place-items:center;display:grid;position:absolute;inset:0}.msg-file{min-width:220px;color:inherit;background:#0000000d;border-radius:12px;align-items:center;gap:10px;margin:2px 0 4px;padding:8px;display:flex}.msg-row.mine .msg-file{background:#ffffff26}.msg-file em{opacity:.75;font-size:11.5px;font-style:normal}.file-ico{color:#fff;background:var(--navy);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.msg-link{color:inherit;background:#0000000d;border-radius:12px;flex-direction:column;max-width:300px;margin-top:6px;display:flex;overflow:hidden}.msg-row.mine .msg-link{background:#ffffff24}.msg-link img{object-fit:cover;width:100%;max-height:150px}.msg-link>span{flex-direction:column;gap:1px;padding:7px 10px;display:flex}.msg-link em{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-style:normal}.msg-link b{font-size:13.5px}.msg-link small{opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.msg-call{text-transform:capitalize;align-items:center;gap:6px;font-size:14px;display:inline-flex}.msg-invite{background:#0000000d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;min-width:220px;padding:8px;display:flex}.msg-invite>span:nth-child(2){flex-direction:column;display:flex}.msg-invite em{opacity:.7;font-size:11.5px;font-style:normal}.invite-ico{color:#fff;background:var(--violet);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.msg-retry{font:inherit;color:#fecaca;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-size:12px;font-weight:700;display:block}.msg-reacts{z-index:1;gap:3px;margin:-6px 10px 0;display:flex;position:relative}.msg-row.mine .msg-reacts{justify-content:flex-end}.msg-row .msg-reacts{position:absolute;bottom:-14px;left:40px}.msg-row.mine .msg-reacts{left:auto;right:12px}.msg-reacts button{border:1.5px solid var(--surface);cursor:pointer;background:var(--surface-2);height:24px;box-shadow:var(--shadow-sm);animation:pop-in .3s var(--ease-spring);border-radius:999px;align-items:center;gap:2px;padding:0 6px;font-size:13px;display:inline-flex}.msg-reacts button.mine{background:var(--green-light)}.msg-reacts b{color:var(--text-2);font-size:11px}.typing-bubble{color:var(--text-3);background:var(--surface);animation:bubble-in .25s var(--ease-out);border-radius:18px 18px 18px 5px;align-self:flex-start;margin-top:6px;padding:12px 14px;box-shadow:0 1px 1.5px #00000014}.chat-hello{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto 0;padding:40px 16px;display:flex}.chat-hello strong{font-size:18px}.hello-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.to-bottom{right:max(14px, calc(50vw - var(--maxw) / 2 + 14px));bottom:calc(86px + env(safe-area-inset-bottom));z-index:18;width:42px;height:42px;color:var(--green-dark);background:var(--surface);box-shadow:var(--shadow-md);cursor:pointer;animation:pop-in .3s var(--ease-spring);border:0;border-radius:50%;place-items:center;display:grid;position:fixed}.to-bottom b{color:#fff;background:var(--green);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-6px;right:-4px}.voice{align-items:center;gap:8px;min-width:230px;padding:2px 0;display:flex}.voice-play{cursor:pointer;color:#fff;background:var(--green-dark);border:0;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.voice.mine .voice-play{color:var(--green-dark);background:#fff}.voice-wave{cursor:pointer;flex:1;align-items:center;gap:2px;height:30px;display:flex}.voice-wave i{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:2px;flex:1;transition:background .15s}.voice-wave i.on{background:currentColor}.voice-rate{font:inherit;cursor:pointer;color:inherit;background:#00000014;border:0;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:800}.voice.mine .voice-rate{background:#fff3}.voice-time{opacity:.8;min-width:30px;font-size:11px;font-style:normal}.composer-wrap{z-index:19;padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--chat-bg) 30%);position:sticky;bottom:0}.composer{background:var(--surface);box-shadow:0 6px 20px -8px #00000040, inset 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent);border-radius:26px;align-items:flex-end;gap:4px;padding:5px;display:flex}.composer textarea{resize:none;min-width:0;min-height:40px;max-height:140px;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:10px 4px;font-size:16px;line-height:1.35}.composer .icon-btn{cursor:pointer;flex-shrink:0;width:40px;height:40px}.send-btn{cursor:pointer;color:#fff;background:linear-gradient(160deg, var(--green), var(--green-dark));width:44px;height:44px;transition:transform .2s var(--ease-spring);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 6px 14px -6px #2a7134b3}.send-btn:active{transform:scale(.88)}.send-btn.pop{animation:pop-in .25s var(--ease-spring)}.composer.recording{align-items:center;padding-left:8px}.rec-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite alternate breathe}.rec-time{font-variant-numeric:tabular-nums;font-weight:700}.rec-time em{color:var(--text-3);margin-left:6px;font-style:normal;font-weight:500}.compose-context{background:var(--surface);box-shadow:var(--shadow-sm);border-left:3px solid var(--violet);animation:rise-in .2s var(--ease-out);border-radius:14px;align-items:center;gap:10px;margin:0 4px 6px;padding:8px 10px;font-size:13px;display:flex}.compose-context b{color:var(--violet);font-size:12.5px;display:block}.compose-context button{background:var(--surface-2);cursor:pointer;width:28px;height:28px;color:var(--text-2);border:0;border-radius:50%;place-items:center;display:grid}.compose-files{gap:8px;margin:0 4px 6px;display:flex;overflow-x:auto}.cf{background:var(--surface);width:64px;height:64px;box-shadow:var(--shadow-sm);color:var(--navy);border-radius:12px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.cf img{object-fit:cover;width:100%;height:100%}.cf button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:3px;right:3px}.emoji-grid{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .2s var(--ease-out);border-radius:18px;grid-template-columns:repeat(8,1fr);gap:2px;margin:0 4px 6px;padding:8px;display:grid}.emoji-grid button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:24px}.emoji-grid button:active{background:var(--surface-2);transform:scale(.9)}.react-row{background:var(--surface-2);border-radius:999px;justify-content:space-between;gap:4px;padding:6px;display:flex}.react-row button{cursor:pointer;width:46px;height:46px;transition:transform .2s var(--ease-spring);animation:pop-in .3s var(--ease-spring) backwards;animation-delay:calc(var(--i) * 35ms);background:0 0;border:0;border-radius:50%;font-size:28px}.react-row button:hover,.react-row button.on{background:var(--surface);transform:scale(1.2)}.action-list{background:var(--surface-2);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.action-list button{font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;display:flex}.action-list button+button{border-top:1px solid var(--border)}.action-list button.danger{color:var(--danger)}.info-hero,.invite-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px 0;display:flex}.info-hero strong{font-size:20px;font-weight:800}.invite-hero{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:24px;gap:10px;padding:24px 16px}.info-actions-row{justify-content:center;gap:12px;display:flex}.info-act{background:var(--surface-2);min-width:84px;font:inherit;color:var(--green-dark);cursor:pointer;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-size:12px;font-weight:600;display:flex}.info-act span{color:#fff;background:var(--green-dark);border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.media-grid{border-radius:12px;grid-template-columns:repeat(4,1fr);gap:3px;display:grid;overflow:hidden}.media-grid button{aspect-ratio:1;background:var(--surface-2);cursor:pointer;border:0;padding:0;overflow:hidden}.media-grid img,.media-grid video{object-fit:cover;width:100%;height:100%}.search-hit{background:var(--surface-2);font:inherit;text-align:left;color:var(--text);cursor:pointer;border:0;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.search-hit mark{background:var(--amber-soft);color:var(--amber-strong);border-radius:3px;padding:0 1px}.lightbox{z-index:80;background:#000000f0;flex-direction:column;animation:.2s fade-in;display:flex;position:fixed;inset:0}.lb-bar{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;color:#fff;justify-content:space-between;align-items:center;font-weight:600;display:flex}.lb-stage{flex:1;place-items:center;min-height:0;padding:8px;display:grid}.lb-stage img,.lb-stage video{object-fit:contain;max-width:100%;max-height:100%;animation:pop-in .25s var(--ease-out)}.face-pile{padding-left:8px;display:flex}.face-pile .chat-avatar{box-shadow:0 0 0 2px var(--surface);margin-left:-8px}@media (prefers-reduced-motion:reduce){.bubble,.typing-bubble{animation:none}}.bubble.media-only .msg-meta{float:none;top:auto}.msg-row{flex-wrap:wrap}.msg-row .msg-reacts,.msg-row.mine .msg-reacts{flex-basis:100%;margin:-7px 0 0;padding:0 10px;position:static}.msg-row:not(.mine) .msg-reacts{padding-left:14px}.msg-row:not(.mine):has(.msg-av) .msg-reacts{padding-left:48px}.msg-row.mine .msg-reacts{justify-content:flex-end;padding-right:14px}.msg-row:has(.msg-reacts){margin-bottom:2px}.chat-avatar img{object-fit:cover;border-radius:inherit;width:100%;max-width:none;height:100%;position:absolute;inset:0}.chat-avatar{isolation:isolate}.chat-avatar .online-dot{z-index:1}.generic-av{color:#ffffffe0;clip-path:circle(50%);width:100%;height:100%;position:absolute;inset:0}.chat-avatar.group .generic-av,.call-face.group .generic-av{clip-path:inset(0 round 30%)}.call-face.group{border-radius:30%}.padi-bubble{width:62px;color:var(--green-dark);flex-direction:column;flex-shrink:0;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:flex}.padi-bubble span{width:54px;height:54px;color:var(--green-dark);background:var(--green-light);border:2px dashed color-mix(in srgb, var(--green) 55%, transparent);border-radius:50%;place-items:center;display:grid}.padi-hero{color:#fff;background:radial-gradient(90% 90% at 100% 0%, #8b5cf6 0%, transparent 60%), linear-gradient(160deg, var(--green-dark), var(--green-deep));border-radius:24px;flex-direction:column;gap:4px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -22px #07360ecc}.padi-hero strong{padding-right:64px;font-size:19px;font-weight:800}.padi-hero .small{opacity:.9;padding-right:50px}.padi-hero-art{font-size:48px;animation:3s ease-in-out infinite bob;position:absolute;top:12px;right:16px}.invite-card .padi-hero-art{position:static}.padi-stats{gap:8px;margin-top:8px;display:flex}.padi-stats button{color:#fff;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;flex:1;align-items:flex-start;padding:8px 12px;font-size:11.5px;display:flex}.padi-stats b{font-size:20px;font-weight:800}.padi-row{background:var(--surface);box-shadow:var(--shadow-sm);animation:rise-in .3s var(--ease-out) backwards;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.padi-btn{height:34px;font:inherit;color:#fff;background:var(--green-dark);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.padi-btn.ghost{color:var(--green-dark);background:var(--green-light)}.padi-btn.muted{color:var(--text-3);background:var(--surface-2);cursor:default}.contacts-cta{border:1.5px dashed color-mix(in srgb, var(--violet) 40%, var(--border));background:linear-gradient(110deg, var(--violet-soft), var(--surface) 70%);width:100%;font:inherit;color:var(--text);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.contacts-cta strong{display:block}.cc-ico{color:#fff;background:var(--violet);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.invite-card{text-align:center;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;display:flex}.invite-link{overflow-wrap:anywhere;background:var(--surface-2);border-radius:10px;max-width:100%;padding:8px 12px;font-size:12.5px}.fwd-preview{background:var(--surface-2);color:var(--text-2);border-left:3px solid var(--green);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.fwd-chips{flex-wrap:wrap;gap:6px;display:flex}.fwd-chips button{font:inherit;color:var(--green-dark);background:var(--green-light);cursor:pointer;animation:pop-in .2s var(--ease-spring);border:0;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.fwd-row.on{background:var(--green-light)}.fwd-check{border:2px solid var(--border);color:#fff;width:24px;height:24px;transition:all .2s var(--ease-spring);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.fwd-row.on .fwd-check{background:var(--green);border-color:var(--green);transform:scale(1.08)}.call-meta{color:var(--text-3);text-transform:none;align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.call-meta.missed,.missed-name{color:var(--danger)}.call-layer{z-index:90;padding:calc(24px + env(safe-area-inset-top)) 20px calc(34px + env(safe-area-inset-bottom));color:#fff;background:radial-gradient(80% 60% at 50% 30%,#1f5c2a 0%,#0000 70%),linear-gradient(170deg,#0e2a14,#07130a);flex-direction:column;justify-content:space-between;align-items:center;animation:.25s fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.call-layer.ph-incoming{background:radial-gradient(80% 60% at 50% 30%,#3b2a6b 0%,#0000 70%),linear-gradient(170deg,#1a1236,#0a0716)}.call-layer.video{background:#000;padding:0}.call-face{color:#fff;background:linear-gradient(150deg, var(--green), var(--green-dark));border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 4px #ffffff1f}.call-face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.call-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.call-hero strong{margin-top:18px;font-size:26px;font-weight:800}.call-status{opacity:.85;font-variant-numeric:tabular-nums;font-size:15px}.call-rings{place-items:center;display:grid;position:relative}.call-rings i{opacity:0;animation:ring-out 2.4s var(--ease-out) infinite;border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:-8px}.call-rings i:nth-child(2){animation-delay:.8s}.call-rings i:nth-child(3){animation-delay:1.6s}.call-rings.live i{animation-duration:3.6s}.call-controls{z-index:2;justify-content:center;align-items:center;gap:clamp(10px,3.4vw,18px);display:flex;position:relative}.call-layer.video .call-controls{left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom));position:absolute}.call-controls.ringing{gap:70px}.cc-col{flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cc-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:clamp(52px,14vw,60px);height:clamp(52px,14vw,60px);transition:transform .15s var(--ease-spring), background .2s;background:#ffffff29;border:0;border-radius:50%;place-items:center;display:grid}.cc-btn:active{transform:scale(.9)}.cc-btn.off{color:#0b1a0f;background:#fff}.cc-btn.decline{background:#e5484d}.cc-btn.accept{background:#22c55e;animation:1.4s ease-in-out infinite accept-pulse}.call-controls.ringing .cc-btn{width:70px;height:70px}@keyframes accept-pulse{50%{box-shadow:0 0 0 14px #22c55e33}}.call-remote,.call-remote-wait{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.call-remote-wait{opacity:.9;background:linear-gradient(170deg,#0e2a14,#07130a);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.call-local{right:14px;top:calc(70px + env(safe-area-inset-top));object-fit:cover;z-index:2;border:2px solid #ffffff40;border-radius:16px;width:104px;height:150px;position:absolute;box-shadow:0 10px 24px -8px #0009}.call-top{z-index:2;padding:calc(16px + env(safe-area-inset-top)) 16px 30px;background:linear-gradient(#0000008c,#0000);flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.call-top strong{font-size:18px}.call-top span{opacity:.85;font-variant-numeric:tabular-nums;font-size:13px}.call-min{left:12px;top:calc(12px + env(safe-area-inset-top));z-index:3;color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute}.call-grid{width:100%;padding:calc(64px + env(safe-area-inset-top)) 8px 120px;flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:6px;display:grid}.call-grid.n2{grid-template-columns:1fr}.call-tile{aspect-ratio:3/4;background:#ffffff14;border-radius:16px;place-items:center;transition:box-shadow .2s;display:grid;position:relative;overflow:hidden}.call-tile.speaking{box-shadow:0 0 0 3px #22c55e}.call-tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.call-tile em{background:#00000073;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;position:absolute;bottom:8px;left:8px}.call-pill{left:50%;top:calc(8px + env(safe-area-inset-top));z-index:90;width:calc(100% - 24px);max-width:calc(var(--maxw) - 24px);font:inherit;color:#fff;background:linear-gradient(120deg, #16a34a, var(--green-dark));cursor:pointer;animation:pop-in .3s var(--ease-spring);border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px -10px #00000080}.call-pill-dot{background:#bbf7d0;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate breathe}.cc-btn.on{color:#fff;background:#7c3aed;box-shadow:0 0 0 4px #7c3aed4d}.call-stage{background:radial-gradient(70% 50% at 50% 45%,#1c1733,#05040a);place-items:center;display:grid;position:absolute;inset:0}.call-screen{object-fit:contain;width:100%;height:100%;animation:.35s fade-in}.call-layer.presenting .call-top strong{background:#7c3aedd9;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;display:inline-flex}.call-layer.presenting .call-top span{margin-top:4px}.call-strip{right:12px;bottom:calc(110px + env(safe-area-inset-bottom));z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute}.call-strip-tile{width:84px;height:112px;animation:pop-in .3s var(--ease-spring);border:2px solid #ffffff40;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px -8px #0009}.call-strip-tile video{object-fit:cover;width:100%;height:100%}.call-sharing{left:50%;top:calc(64px + env(safe-area-inset-top));z-index:4;max-width:calc(100% - 32px);font:inherit;color:#fff;cursor:pointer;white-space:nowrap;animation:pop-in .3s var(--ease-spring);background:#7c3aedeb;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 24px -10px #0009}.call-sharing b{color:#5b21b6;background:#fff;border-radius:999px;padding:4px 12px}.call-sharing-dot{background:#fecaca;border-radius:50%;width:8px;height:8px;animation:1.4s ease-out infinite rec-pulse;box-shadow:0 0 #fecacab3}@keyframes rec-pulse{70%{box-shadow:0 0 0 8px #fecaca00}}.call-pill-share{background:#7c3aedd9;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:11.5px;display:inline-flex}@media (width>=768px){.call-strip-tile{width:150px;height:100px}}.slide-stage{padding:calc(96px + env(safe-area-inset-top)) 10px calc(150px + env(safe-area-inset-bottom));touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(70% 50% at 50% 45%,#1c1733,#05040a);place-items:center;display:grid;position:absolute;inset:0}.slide-stage.mine{cursor:crosshair}.slide-frame{place-items:center;width:100%;height:100%;min-height:0;display:grid}.slide-page{max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative}.slide-page img{max-width:100%;max-height:calc(100dvh - 250px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;animation:slide-in .28s var(--ease-out);-webkit-user-drag:none;background:#fff;border-radius:10px;box-shadow:0 24px 60px -20px #000c}@keyframes slide-in{0%{opacity:0;transform:scale(.985)}}.slide-pointer{pointer-events:none;background:radial-gradient(circle,#ff4d4f 0 35%,#ff4d4f73 36% 60%,#0000 62%);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:2.5s ease-out forwards ptr-pop;position:absolute}@keyframes ptr-pop{0%{opacity:0;transform:scale(.3)}8%{opacity:1;transform:scale(1.3)}16%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.slide-wait{opacity:.8;align-items:center;gap:10px;font-size:14px;display:inline-flex}.slide-nav{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:36px;height:30px;transition:opacity .2s, transform .15s var(--ease-spring);background:#0000008c;border:0;border-radius:999px;place-items:center;display:grid}.slide-nav:active{transform:scale(.9)}.slide-nav:disabled{opacity:.3;cursor:default}.slide-bar{left:0;right:0;bottom:calc(104px + env(safe-area-inset-bottom));z-index:3;pointer-events:none;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute}.slide-bar>*{pointer-events:auto}.slide-count,.slide-chip{font:inherit;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:#0000008c;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.slide-count small{opacity:.75;font-weight:500}.slide-chip{cursor:pointer}.slide-chip[aria-pressed=true]{background:#7c3aed}.slide-thumbs{left:0;right:0;bottom:calc(140px + env(safe-area-inset-bottom));z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;background:#0000008c;gap:8px;padding:8px 12px;animation:.2s fade-in;display:flex;position:absolute;overflow-x:auto}.slide-thumbs button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:8px;flex-shrink:0;place-items:center;width:64px;height:48px;padding:0;display:grid;position:relative;overflow:hidden}.slide-thumbs button.on{border-color:#a78bfa}.slide-thumbs img{object-fit:cover;background:#fff;width:100%;height:100%}.slide-thumbs em{background:#0009;border-radius:4px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;position:absolute;bottom:2px;right:3px}.spinner.sm{border-width:2px;width:14px;height:14px}.call-sharing{overflow:hidden}.call-sharing-bar{background:#c4b5fd;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.present-scrim{z-index:10;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:absolute;inset:0}.present-menu{width:100%;max-width:440px;padding:16px 14px calc(20px + env(safe-area-inset-bottom));color:#fff;animation:sheet-up .35s var(--ease-out);background:#161225;border-radius:24px 24px 0 0;flex-direction:column;gap:8px;display:flex;box-shadow:0 -20px 40px -20px #000c}@media (width>=600px){.present-scrim{align-items:center}.present-menu{border-radius:24px}}.present-head{justify-content:space-between;align-items:center;padding:0 4px 4px;display:flex}.present-head strong{font-size:17px}.present-x{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.present-opt{width:100%;font:inherit;text-align:left;color:#fff;cursor:pointer;transition:background .2s, transform .15s var(--ease-spring);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.present-opt:active{transform:scale(.98)}.present-opt:hover:not(:disabled){background:#ffffff1a}.present-opt:disabled{opacity:.45;cursor:not-allowed}.present-opt b{font-size:15px;display:block}.present-opt small{color:#ffffffb3;margin-top:2px;font-size:12.5px;display:block}.po-ico{border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.po-ico.screen{background:linear-gradient(150deg,#8b5cf6,#6d28d9)}.po-ico.file{background:linear-gradient(150deg,#f59e0b,#b45309)}.present-note{color:#fff9;margin:2px 4px 0;font-size:12px}.newchat-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.newchat-actions button{background:var(--surface-2);font:inherit;color:var(--text);cursor:pointer;border:0;border-radius:14px;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:700;display:flex}.newchat-actions span{color:#fff;background:var(--green-dark);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.newchat-actions button:last-child span{background:var(--violet)}.group-photo{cursor:pointer;width:64px;height:64px;color:var(--green-dark);background:var(--green-light);border:2px dashed color-mix(in srgb, var(--green) 50%, transparent);border-radius:30%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.group-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bubble.call-bubble{padding:4px}.bubble.call-bubble .msg-meta{display:none}.call-card{min-width:230px;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .15s var(--ease-spring), background .2s;background:#0000000d;border:0;border-radius:14px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex}.msg-row.mine .call-card{background:#ffffff24}.call-card:active{transform:scale(.97)}@media (hover:hover){.call-card:hover{background:#00000014}.msg-row.mine .call-card:hover{background:#ffffff38}}.callcard-ico{color:#fff;background:var(--green-dark);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative}.msg-row.mine .callcard-ico{color:var(--green-dark);background:#fff}.call-card.missed .callcard-ico{background:var(--danger);animation:pop-in .3s var(--ease-spring)}.callcard-ico i{width:16px;height:16px;color:var(--danger);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:-2px;right:-2px}.call-card b{font-size:14px}.call-card.missed b{color:var(--danger)}.call-card em{opacity:.75;font-variant-numeric:tabular-nums;font-size:11.5px;font-style:normal}.callcard-back{color:var(--green-dark);background:var(--green-light);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:800}.msg-row.mine .callcard-back{color:var(--green-dark);background:#fff}.call-card.missed .callcard-back{color:#fff;background:var(--danger)}.bubble.call-bubble{max-width:min(88%,380px)}.call-card b{overflow-wrap:anywhere;line-height:1.25}.p-art.photo{background:var(--surface-2)}.p-art.photo img{object-fit:cover;width:100%;height:100%;display:block}.p-rating.new{color:var(--green-dark);font-size:11.5px;font-weight:600}.pd-thumbs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pd-thumbs button{background:var(--surface-2);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-shrink:0;width:58px;height:58px;padding:0;overflow:hidden}.pd-thumbs button[aria-pressed=true]{border-color:var(--green-dark)}.pd-thumbs img{object-fit:cover;width:100%;height:100%}.vendor-card .avatar img,.store-hero .avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.review-row{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;padding:10px 12px}.cart-line.off{opacity:.7}.store-hero{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;align-items:flex-start;gap:14px;padding:14px;display:flex}.sell-pitch{background:var(--green-light);border-radius:20px;flex-direction:column;gap:12px;padding:14px;display:flex}.order-row{background:var(--surface);width:100%;box-shadow:var(--shadow-sm);color:var(--text);text-align:left;font:inherit;cursor:pointer;animation:rise-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 40ms);border:0;border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.order-row .cart-art{width:56px}.order-status{background:var(--surface-2);color:var(--text-2);border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.order-status.live{background:var(--amber-soft);color:var(--amber-strong)}.order-status.ok{background:var(--green-light);color:var(--green-dark)}.order-status.bad{background:var(--danger-soft);color:var(--danger)}.order-hero{color:#fff;background:linear-gradient(135deg, var(--green-dark), var(--green-deep));border-radius:20px;flex-direction:column;gap:4px;padding:16px;display:flex}.order-hero strong{font-family:var(--display);font-size:22px}.order-hero.bad{background:linear-gradient(135deg,#b91c1c,#7f1d1d)}.order-hero.muted{background:linear-gradient(135deg,#4a5568,#2d3748)}.order-hero .small{opacity:.9}.code-card{text-align:center;background:var(--surface);border:2px dashed var(--green);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.handover-code{font-family:var(--display);letter-spacing:6px;color:var(--green-deep);font-variant-numeric:tabular-nums;font-size:38px;font-weight:800}.handover-code i{width:8px;display:inline-block}.code-input{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.timeline-row{background:var(--surface);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.timeline-row svg{color:var(--text-3);flex-shrink:0}.star-btn{color:var(--amber);cursor:pointer;background:0 0;border:0;padding:2px}.job-card{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;font:inherit;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.job-card.live{border-color:var(--green);cursor:pointer}.job-card strong{font-size:14px;display:block}.variant-row{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));align-items:center;gap:6px;display:grid}.photo-picker{flex-wrap:wrap;gap:8px;display:flex}.photo-tile{background:var(--surface-2);width:84px;height:84px;color:var(--text-2);border:0;border-radius:14px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%}.photo-tile.add{border:1.5px dashed var(--border);cursor:pointer;align-content:center;gap:2px}.photo-tile button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:4px;right:4px}.promo-pop-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0414098c;place-items:center;padding:22px;animation:.25s ease-out pp-fade;display:grid;position:fixed;inset:0}.promo-pop-overlay.out{animation:.22s ease-in reverse forwards pp-fade}@keyframes pp-fade{0%{opacity:0}}.promo-pop{background:var(--surface);border-radius:28px;width:min(360px,100%);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.promo-pop-x{z-index:3;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff38;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.promo-pop-art{isolation:isolate;background:linear-gradient(140deg, var(--pp-a), var(--pp-b));place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.promo-pop-art img{z-index:2;object-fit:cover;width:100%;height:100%;animation:6s ease-in-out infinite alternate pp-zoom-slow;position:relative}.pp-emoji{z-index:2;filter:drop-shadow(0 12px 18px #0000004d);font-size:92px;animation:2.8s ease-in-out infinite pp-bob,.7s cubic-bezier(.34,1.56,.64,1) .12s backwards pp-pop-emoji;position:relative}.pp-orb{z-index:1;background:#ffffff24;border-radius:50%;animation:7s ease-in-out infinite alternate pp-drift;position:absolute}.pp-orb.a{width:170px;height:170px;top:-60px;left:-40px}.pp-orb.b{background:#ffffff1a;width:110px;height:110px;animation-delay:-2s;bottom:-30px;right:-20px}.pp-orb.c{background:#ffffff38;width:46px;height:46px;animation-delay:-4s;top:30px;right:60px}.promo-pop-body{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 22px 18px;display:flex}.promo-pop-body>*{animation:rise-in .45s var(--ease-out,ease-out) backwards}.promo-pop-body>:nth-child(2){animation-delay:80ms}.promo-pop-body>:nth-child(3){animation-delay:.14s}.promo-pop-body>:nth-child(4){animation-delay:.2s}.pp-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--pp-a);background:color-mix(in srgb, var(--pp-a) 14%, transparent);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.promo-pop-body strong{font-family:var(--display);color:var(--text);font-size:21px;line-height:1.25}.promo-pop-body p{color:var(--text-2);white-space:pre-line;margin:0;font-size:14px;line-height:1.5}.pp-cta{width:100%;height:50px;font:700 15px var(--display);color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--pp-a), var(--pp-b));box-shadow:0 10px 22px color-mix(in srgb, var(--pp-a) 40%, transparent);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:inline-flex;position:relative;overflow:hidden}.pp-cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:2.6s ease-in-out .8s infinite pp-shine;position:absolute;inset:0;transform:translate(-100%)}.pp-cta:active{transform:scale(.98)}.pp-foot{justify-content:space-between;width:100%;margin-top:2px;display:flex}.pp-later,.pp-never{color:var(--text-3);cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:13px}.pp-later{color:var(--text-2);font-weight:600}.pp-dots{gap:5px;margin-top:4px;display:flex}.pp-dots i{background:var(--border);border-radius:999px;width:6px;height:6px;transition:all .25s}.pp-dots i.on{background:var(--pp-a);width:18px}.pp-confetti{z-index:2;pointer-events:none;position:absolute;inset:0}.pp-confetti i{top:-12px;left:calc(var(--i) * 5.6%);background:hsl(calc(var(--i) * 47deg) 85% 62%);--dx:calc((var(--i) - 9) * 6px);--rot:calc(var(--i) * 70deg);width:7px;height:12px;animation:confetti-fall 2.4s ease-in calc(var(--i) * 70ms) both;border-radius:2px;position:absolute}.promo-pop.anim-pop{animation:.55s cubic-bezier(.34,1.56,.64,1) backwards pp-in-pop}.promo-pop.anim-slide_up{animation:.55s cubic-bezier(.22,1,.36,1) backwards pp-in-slide}.promo-pop.anim-zoom{animation:.5s cubic-bezier(.22,1,.36,1) backwards pp-in-zoom}.promo-pop.anim-flip{transform-origin:top;animation:.7s cubic-bezier(.22,1,.36,1) backwards pp-in-flip}.promo-pop.anim-confetti{animation:.55s cubic-bezier(.34,1.56,.64,1) backwards pp-in-pop}.promo-pop.anim-float{animation:.6s cubic-bezier(.22,1,.36,1) backwards pp-in-slide,4s ease-in-out .6s infinite pp-float}@keyframes pp-in-pop{0%{opacity:0;transform:scale(.7)translateY(30px)}}@keyframes pp-in-slide{0%{opacity:0;transform:translateY(120px)}}@keyframes pp-in-zoom{0%{opacity:0;filter:blur(6px);transform:scale(1.25)}}@keyframes pp-in-flip{0%{opacity:0;transform:perspective(900px)rotateX(-70deg)}}@keyframes pp-float{50%{transform:translateY(-8px)}}@keyframes pp-bob{50%{transform:translateY(-10px)rotate(-3deg)}}@keyframes pp-pop-emoji{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}@keyframes pp-drift{to{transform:translate(18px,14px)scale(1.08)}}@keyframes pp-zoom-slow{to{transform:scale(1.06)}}@keyframes pp-shine{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.promo-pop,.promo-pop *,.promo-pop-overlay{animation:none!important}}