/* FINZO WALLET generated CSS bundle (tail). Do not edit; edit the source files. */

/* ---- legacy_color_mix_fallback.css ---- */
/* FINZO WALLET v268 - legacy color-mix fallback. */
/* Modern browsers use the original CSS unchanged; this is only for older WebViews. */
/* Uses the existing --surface/--border/--primary/-soft tokens for light, dark and accent colors. */
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)) {
/* Color-preserving accent tint: use the selected preset without requiring color-mix. */
:root{--finzo-legacy-primary-tint:var(--primary-soft);}
[data-theme="dark"]{--finzo-legacy-primary-tint:rgba(115,94,232,.14);}
[data-theme="dark"][data-color="amethyst"]{--finzo-legacy-primary-tint:rgba(114,91,250,0.14);}
[data-theme="dark"][data-color="sapphire"]{--finzo-legacy-primary-tint:rgba(46,108,245,0.14);}
[data-theme="dark"][data-color="blackgold"]{--finzo-legacy-primary-tint:rgba(153,110,4,0.14);}
[data-theme="dark"][data-color="rosegold"]{--finzo-legacy-primary-tint:rgba(177,91,109,0.14);}
[data-theme="dark"][data-color="emerald"]{--finzo-legacy-primary-tint:rgba(4,134,92,0.14);}
[data-theme="dark"][data-color="aurora"]{--finzo-legacy-primary-tint:rgba(34,127,156,0.14);}
[data-theme="dark"][data-color="sunset"]{--finzo-legacy-primary-tint:rgba(204,75,28,0.14);}
[data-theme="dark"][data-color="ruby"]{--finzo-legacy-primary-tint:rgba(217,54,81,0.14);}
[data-theme="dark"][data-color="lavender"]{--finzo-legacy-primary-tint:rgba(127,96,218,0.14);}
[data-theme="dark"][data-color="graphite"]{--finzo-legacy-primary-tint:rgba(102,118,144,0.14);}
[data-theme="dark"][data-color="lagoon"]{--finzo-legacy-primary-tint:rgba(36,130,122,0.14);}
[data-theme="dark"][data-color="plum"]{--finzo-legacy-primary-tint:rgba(173,87,151,0.14);}
[data-theme="dark"][data-color="navratri"]{--finzo-legacy-primary-tint:rgba(212,58,69,0.14);}
[data-theme="dark"][data-color="diwali"]{--finzo-legacy-primary-tint:rgba(165,101,18,0.14);}
[data-theme="dark"][data-color="holi"]{--finzo-legacy-primary-tint:rgba(200,61,139,0.14);}
[data-theme="dark"][data-color="tiranga"]{--finzo-legacy-primary-tint:rgba(73,114,193,0.14);}
[data-theme="dark"][data-color="newyear"]{--finzo-legacy-primary-tint:rgba(55,115,203,0.14);}
/* layout.css */
.theme-orb{background:var(--primary);}
.theme-orb:nth-child(2){background:var(--primary-dark);}
.theme-orb:nth-child(3){background:white;}
.theme-orb:nth-child(4){background:white;}
.sheet.support-sheet-shell{background:var(--surface);border:1px solid var(--border);}
.sheet.support-sheet-shell .sheet-close{background:var(--surface-2);}
.support-telegram-hero{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border);}
.support-contact-icon{background:var(--surface-2);}
.support-row-action{border:1px solid var(--border);background:var(--surface-2);}
.support-channel-banner{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface-2));}
.support-channel-banner:after{background:var(--finzo-legacy-primary-tint);}
.support-icon-btn{border:1px solid var(--border);}
/* components.css */
.btn-loadmore-spin{border:2px solid currentColor;}
.input:focus,.textarea:focus{border-color:var(--primary);}
.lrow .lic.has-sender-avatar{border:1px solid var(--border);}
#tx-list .lrow{border-bottom-color:var(--text-muted);}
[data-theme="dark"] #tx-list .lrow{border-bottom-color:var(--text-muted);}
.tg-alert-account-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface-2),var(--surface));}
.tg-alert-change{border:1px solid var(--border);}
.tg-alert-tile.is-on{border-color:var(--border);box-shadow:0 6px 18px var(--finzo-legacy-primary-tint);}
.tg-alert-mini-icon{border:1px solid var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .tg-alert-account-card{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--border);}
[data-theme="dark"] .tg-alert-tile{background:linear-gradient(150deg,var(--surface),var(--surface-2));}
[data-theme="dark"] .tg-alert-tile.is-on{border-color:var(--border);}
[data-theme="dark"] .tg-alert-change{background:var(--finzo-legacy-primary-tint);}
.gateway-api-hero{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));}
.gateway-api-hero.is-on{border-color:var(--border);box-shadow:0 10px 25px var(--finzo-legacy-primary-tint);}
.gateway-api-hero-icon{box-shadow:0 9px 20px var(--finzo-legacy-primary-tint);}
.gateway-api-notice.warning>i{background:var(--warning-soft);}
[data-theme="dark"] .gateway-code-tabs{background:var(--surface-2);}
[data-theme="dark"] .gateway-code-tabs button.active{background:var(--surface);}
[data-theme="dark"] .gateway-api-hero{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--border);}
[data-theme="dark"] .gateway-api-section{background:var(--surface);}
[data-theme="dark"] .gateway-key-list,[data-theme="dark"] .gateway-doc-endpoint,[data-theme="dark"] .gateway-doc-table>div,[data-theme="dark"] .gateway-doc-errors>div{background:var(--surface-2);}
[data-theme="dark"] .gateway-param-grid article{background:linear-gradient(150deg,var(--surface),var(--surface-2));}
.notification-item.expanded{border-color:var(--border);box-shadow:0 12px 28px -22px var(--finzo-legacy-primary-tint);}
.notification-item.was-unread{border-color:var(--border);}
.notification-item.expanded .notification-expand-arrow{border-color:var(--border);}
[data-theme="dark"] .notification-attachment-viewer{background:var(--surface-2);border-color:var(--border);}
.notification-empty-icon{border:1px solid var(--border);}
[data-theme="dark"] .notification-item.was-unread{background:linear-gradient(135deg,var(--surface),var(--primary-soft));}
[data-theme="dark"] .notification-expand-arrow{background:var(--surface-2);border-color:var(--border);}
.legal-refund-link{border:1px solid var(--border);background:var(--surface);}
[data-theme="dark"] .notification-item.was-unread{background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface-2));border-color:var(--border);box-shadow:0 12px 30px -28px var(--primary);}
[data-theme="dark"] .notification-item.was-unread .notification-message{color:var(--text);}
[data-theme="dark"] .notification-item.was-unread .notification-category{color:var(--primary);}
.a-prompt-reason-pill{border:1px solid var(--border);background:var(--surface);}
.a-prompt-reason-pill:hover,.a-prompt-reason-pill.active{border-color:var(--border);background:var(--finzo-legacy-primary-tint);}
.gateway-ip-note{background:var(--surface-2);}
.gateway-ip-note.warning i{background:var(--warning-soft);}
.gateway-ip-add>button{box-shadow:0 9px 20px var(--finzo-legacy-primary-tint);}
.gateway-ip-row>button{background:var(--surface);}
[data-theme="dark"] .gateway-ip-list{background:var(--surface-2);}
.legal-support-card{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface));}
.legal-support-card>button{border:1px solid var(--border);}
[data-theme="dark"] .legal-support-card{background:linear-gradient(135deg,var(--surface),var(--surface-2));}
.finzo-download-spin{border:3px solid var(--finzo-legacy-primary-tint);}
.network-offline-screen{background:var(--bg);}
.network-offline-card{border:1px solid var(--border);background:linear-gradient(160deg,var(--surface),var(--surface));}
.network-offline-icon{box-shadow:inset 0 0 0 1px var(--finzo-legacy-primary-tint);}
.network-offline-wait span{box-shadow:0 0 0 0 var(--warning-soft);}
[data-theme="dark"] .network-offline-screen{background:var(--bg);}
.profile-name-gate-input-wrap .input:focus{border-color:var(--border);box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint);}
.scheduled-maintenance-banner{border:1px solid var(--border);background:var(--surface);}
.scheduled-maintenance-banner.active{border-color:var(--border);background:var(--surface);}
.scheduled-maintenance-banner.active .scheduled-maintenance-icon{background:rgba(245,158,11,0.140);}
.sla-timer{border:1px solid var(--border);background:var(--surface);}
.sla-timer.warning{border-color:var(--border);background:var(--surface);}
.sla-timer.breached{border-color:var(--border);background:var(--surface);}
.sla-timer{border:1px solid var(--border);background:var(--surface);}
.sla-timer.warning{border-color:var(--border);background:var(--surface);}
.sla-timer.breached{border-color:var(--border);background:var(--surface);}
.legal-company-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface-2),var(--surface));}
[data-theme="dark"] .gateway-extra-api{background:linear-gradient(150deg,var(--surface),var(--surface-2));}
.gateway-gp-commission{border:1px solid var(--border);}
[data-theme="dark"] .gateway-gp-commission{background:linear-gradient(145deg,var(--primary-soft),var(--surface-2));}
.gateway-mr-api .gateway-gp-toggle-icon{background:var(--primary-soft);}
.gateway-api-nav-card:hover{border-color:var(--border);box-shadow:0 9px 24px var(--finzo-legacy-primary-tint);}
.gateway-api-nav-icon.recharge{background:var(--surface);}
.gateway-api-nav-icon.google{background:var(--surface);}
[data-theme="dark"] .gateway-api-nav-card{background:var(--surface);}
.gateway-callback-input-row>button{box-shadow:0 7px 18px var(--finzo-legacy-primary-tint);}
.gateway-callback-note{border:1px solid var(--border);background:var(--primary-soft);}
.gateway-callback-state.ready{background:var(--success-soft);border-color:var(--border);}
.gateway-api-nav-icon.accept{background:var(--surface);}
.gateway-live-test-link{border:1px solid var(--border);background:linear-gradient(135deg,var(--primary-soft),var(--surface));}
.gateway-live-test-link:hover{border-color:var(--border);}
.gateway-api-nav-icon.wallet{background:var(--surface);}
[data-theme="dark"] .gateway-api-nav-icon.wallet{background:var(--surface);border:1px solid var(--border);}
[data-theme="dark"] .gateway-live-test-link{background:linear-gradient(135deg,var(--surface),var(--surface-2));border-color:var(--border);}
[data-theme="dark"] .gateway-live-test-link small,[data-theme="dark"] .gateway-live-test-link>i{color:var(--primary);}
[data-theme="dark"] .gateway-callback-note{background:var(--surface-2);border-color:var(--border);color:var(--text);}
[data-theme="dark"] .gateway-callback-note>i,[data-theme="dark"] .gateway-callback-note code{color:var(--primary);}
[data-theme="dark"] .gateway-upi-flow-strip{background:var(--surface-2);border-color:var(--border);}
@media (max-width:520px){[data-theme="dark"] .gateway-upi-flow-strip>span{background:var(--surface);border-color:var(--border);}}
.gateway-api-nav-icon.payout{background:var(--surface);}
[data-theme="dark"] .gateway-api-nav-icon.payout{background:var(--surface);border:1px solid var(--border);}
.sheet.tx-detail-modal .handle{background:var(--border);}
.sheet.tx-detail-modal .sheet-close{background:var(--surface-2);border:1px solid var(--border);}
.tx-detail-hero-card{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface) 58%,var(--surface));box-shadow:0 18px 38px -34px var(--tx-tone);}
.tx-detail-hero-card:before{background:var(--tx-tone);}
.tx-detail-hero-card:after{background:var(--info-soft);}
.tx-detail-hero-icon{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--border);box-shadow:0 14px 28px -22px var(--tx-tone);}
.tx-detail-hero-icon.has-sender-avatar{background:var(--surface-2);}
.tx-detail-status{background:var(--surface);border:1px solid var(--tx-tone);}
.tx-detail-hero-art{color:var(--tx-tone);}
.tx-detail-info-list{border:1px solid var(--border);}
.tx-detail-info-row{border-bottom:1px solid var(--border);}
.tx-detail-info-icon{background:var(--surface-2);}
.tx-detail-copy{background:var(--surface-2);border:1px solid var(--border);}
.tx-detail-balance-card{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface));box-shadow:0 14px 30px -30px var(--success);}
.tx-detail-balance-icon{background:var(--success-soft);border:1px solid var(--border);}
.tx-detail-balance-card:after{background:var(--info-soft);}
[data-theme="dark"] .sheet.tx-detail-modal{background:var(--surface);}
[data-theme="dark"] .tx-detail-hero-card{background:linear-gradient(135deg,var(--surface),var(--surface-2) 60%,var(--surface));border-color:var(--border);box-shadow:0 20px 42px -32px var(--tx-tone);}
[data-theme="dark"] .tx-detail-info-list{background:var(--surface-2);border-color:var(--border);}
[data-theme="dark"] .tx-detail-info-row{border-bottom-color:var(--border);}
[data-theme="dark"] .tx-detail-info-icon,[data-theme="dark"] .tx-detail-copy{background:var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .tx-detail-balance-card{background:linear-gradient(135deg,var(--surface),var(--surface-2));border-color:var(--border);}
/* pages.css */
.service.is-live .sic{border-color:var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.service.is-soon .sic{background:var(--surface-2);border-color:var(--border);}
[data-theme="dark"] .service.is-live .sic{border-color:var(--border);}
.home-command-balance{border:1px solid var(--border);}
[data-theme="dark"] .home-layout-option.selected{background:var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .home-finance-card{background:linear-gradient(145deg,var(--primary-dark),var(--primary));}
.home-rewards-panel{border:1px solid var(--border);}
.home-rewards-panel::after{background:var(--finzo-legacy-primary-tint);}
.hac-bars i:nth-child(4){background:var(--primary-soft);}
.hac-bars i:nth-child(7){background:var(--primary);}
.home-pro-balance{background:linear-gradient(135deg,var(--primary-soft),var(--surface));}
[data-theme="dark"] .home-rewards-panel{background:linear-gradient(145deg,var(--finzo-legacy-primary-tint),var(--surface-2));}
[data-theme="dark"] .home-pro-balance{background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface-2));}
[data-theme="dark"] .heh-earn{background:#fff;}
.home-layout-10 .home-pro-shell{background:linear-gradient(145deg,var(--finzo-legacy-primary-tint) 0%,var(--surface) 46%,var(--surface-2) 100%);border:1px solid var(--border);box-shadow:0 18px 46px -28px var(--finzo-legacy-primary-tint),var(--shadow-sm);}
.home-pro-glow-a{background:radial-gradient(circle,var(--finzo-legacy-primary-tint),transparent 70%);}
.home-pro-glow-b{background:radial-gradient(circle,var(--finzo-legacy-primary-tint),transparent 72%);}
.home-layout-10 .home-pro-profile .pc-avatar{box-shadow:0 0 0 3px var(--surface),0 8px 20px -12px var(--text);}
.home-layout-10 .home-pro-profile .home-layout-edit{background:var(--surface);border-color:var(--border);}
.home-layout-10 .home-pro-balance{background:linear-gradient(135deg,var(--finzo-legacy-primary-tint) 0%,var(--surface) 58%,var(--finzo-legacy-primary-tint) 100%);border-top:1px solid var(--border);}
.home-pro-wallet-btn{background:var(--surface);border:1px solid var(--border);}
.home-layout-10 .home-pro-actions{border-top:1px solid var(--border);background:var(--surface);}
.home-layout-10 .home-pro-actions>button{border-right-color:var(--border);}
.home-layout-10 .home-pro-actions>button>span{background:linear-gradient(145deg,var(--primary-soft),var(--finzo-legacy-primary-tint));box-shadow:inset 0 0 0 1px var(--finzo-legacy-primary-tint);}
.home-layout-10 .home-pro-links>button{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--border);}
.home-layout-10 .home-pro-links>button:active{border-color:var(--border);}
[data-theme="dark"] .home-layout-10 .home-pro-shell{background:linear-gradient(145deg,var(--finzo-legacy-primary-tint) 0%,var(--surface) 48%,var(--surface-2) 100%);border-color:var(--border);}
[data-theme="dark"] .home-layout-10 .home-pro-balance{background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface-2));}
[data-theme="dark"] .home-layout-10 .home-pro-actions{background:var(--surface);}
.tx-advanced-toggle.active{border-color:var(--border);}
.tx-advanced-panel{background:linear-gradient(155deg,var(--surface),var(--surface-2));}
.tx-search-field>div:focus-within{box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint);}
.tx-search-field input::placeholder{color:var(--text-muted);}
.tx-date-field input:focus{box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint);}
.tx-result-found{border-color:var(--border);background:var(--surface);}
.wallet-hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 22px 46px -29px var(--primary);}
.policy-mini-status.on{background:var(--success-soft);border-color:var(--border);}
.profile-crop-stage{box-shadow:0 18px 42px -24px rgba(0,0,0,.65),0 0 0 1px var(--border);}
.profile-crop-control:active,.profile-crop-reset:active{border-color:var(--border);}
.email-otp-delivery-note{border:1px solid var(--border);}
.apin-reset-feedback.success{border-color:var(--success-soft);}
.apin-reset-feedback.error{border-color:var(--danger-soft);}
.home-promo-slide{border:1px solid var(--border);}
.home-promo-dot{background:var(--text-muted);}
[data-theme="dark"] .home-promo-slide{border-color:var(--border);}
/* earn.css */
.coin-wallet-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));}
.coin-withdraw-btn{color:var(--primary-dark);}
.earn-tile{border:1px solid var(--border);}
.earn-tile.is-live:hover{border-color:var(--border);}
.earn-tile-icon{border:1px solid var(--finzo-legacy-primary-tint);}
.checkin-overview{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--border);}
.checkin-today-card.done{background:linear-gradient(145deg,var(--surface),var(--surface));}
.checkin-milestone{background:var(--surface-2);border:1px solid var(--border);}
.checkin-milestone:before{background:var(--finzo-legacy-primary-tint);}
.checkin-milestone.complete{background:var(--surface);border-color:var(--border);}
.checkin-progress{border:1px solid var(--border);}
.coin-withdraw-summary{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--border);}
.coin-record-hero{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--border);}
[data-theme="dark"] .earn-tile{background:var(--surface);}
.coin-record-skeleton:after{background:linear-gradient(90deg,transparent,var(--text-muted),transparent);}
.spin-wheel-halo{background:radial-gradient(circle,var(--finzo-legacy-primary-tint) 0 54%,transparent 72%);}
.spin-wheel-frame{background:linear-gradient(145deg,var(--primary),var(--primary));box-shadow:0 22px 48px -28px var(--primary),inset 0 0 0 1px rgba(255,255,255,.45);}
.spin-wheel-slices{background:conic-gradient(from -22.5deg,
 var(--primary) 0deg 45deg,
 var(--primary) 45deg 90deg,
 var(--primary) 90deg 135deg,
 var(--primary) 135deg 180deg,
 var(--primary) 180deg 225deg,
 var(--primary) 225deg 270deg,
 var(--primary) 270deg 315deg,
 var(--primary) 315deg 360deg);}
.spin-wheel-center{border:6px solid var(--primary);}
.spin-pointer{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--border);box-shadow:0 10px 22px -13px rgba(0,0,0,.48),0 0 0 4px var(--surface);}
.spin-pointer:before{box-shadow:inset 0 0 0 3px #fff;}
.spin-primary-btn{box-shadow:0 15px 28px -20px var(--primary);}
.spin-primary-btn.is-waiting{background:var(--surface);border:1px solid var(--border);}
.spin-countdown-ring{border:2px solid var(--border);}
.spin-ad-banner-wrap{background:linear-gradient(155deg,var(--surface),var(--surface));border:1px solid var(--border);}
.spin-win-card{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--border);}
.spin-win-card:before{background:var(--success-soft);}
.free-lf-intro{background:linear-gradient(145deg,var(--surface),var(--surface));border:1px solid var(--border);}
.free-lf-intro:after{background:var(--finzo-legacy-primary-tint);}
.free-lf-summary{border-top:1px solid var(--border);}
.free-lf-card.is-claimed{background:var(--surface);}
.free-lf-live i{box-shadow:0 0 0 4px var(--success-soft);}
.free-lf-open{box-shadow:0 12px 22px -18px var(--primary);}
.free-lf-empty{background:var(--surface);}
.free-lf-section-head>span.free-lf-count-badge{background:var(--surface);border:1px solid var(--border);}
.free-lf-card.is-claimed{background:var(--surface);}
.free-lf-card.is-owner{border-color:var(--border);}
.spin-ad-loading{background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface));}
.earn-video-task-tile .earn-tile-icon{background:var(--surface);}
.video-task-action>span{background:var(--finzo-legacy-primary-tint);}
.video-task-steps li{background:var(--surface-2);}
.video-task-claim-all{border:1px solid var(--border);background:var(--surface);}
.video-task-warning{border:1px solid var(--border);background:var(--surface);}
.video-task-channel-avatar{background:var(--surface);}
.video-task-channel-open{background:var(--surface);}
[data-theme="dark"] .video-task-action,[data-theme="dark"] .video-task-steps li,[data-theme="dark"] .video-task-channel{background:var(--surface-2);}
.video-task-guide-divider{border-top:1px dashed var(--border);}
.video-task-collapsible{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));}
.video-task-guide-toggle-icon{background:var(--surface);box-shadow:inset 0 0 0 1px var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .video-task-collapsible{background:linear-gradient(145deg,var(--surface),var(--surface-2));}
.earn-timewall-tile .earn-tile-icon{background:var(--finzo-legacy-primary-tint);}
.timewall-hero{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
[data-theme="dark"] .timewall-info,[data-theme="dark"] .timewall-note{background:var(--surface-2);}
.timewall-guide{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));}
.timewall-guide-icon{background:var(--surface);}
.timewall-video-card{border:1px solid var(--border);}
[data-theme="dark"] .timewall-guide{background:linear-gradient(145deg,var(--surface),var(--surface-2));}
.earn-games-tile .earn-tile-icon{background:var(--finzo-legacy-primary-tint);}
.game-preview-card{border:1px solid var(--border);}
.game-preview-card:hover{border-color:var(--border);}
.game-preview-media{background:var(--surface-2);border:1px solid var(--border);}
[data-theme="dark"] .game-preview-card{background:var(--surface);}
.earn-access-notice{border:1px solid var(--border);background:var(--card);}
.earn-access-notice>span{background:var(--finzo-legacy-primary-tint);}
.earn-tile.earning-locked .earn-tile-meta{background:var(--border)!important;}
[data-theme="dark"] .earn-access-notice{background:var(--card);}
.spin-unlock-btn{box-shadow:0 16px 30px -20px var(--primary),inset 0 1px 0 rgba(255,255,255,.22);}
.earn-tile{--earn-tint:var(--surface);border-color:var(--border);box-shadow:0 14px 28px -29px var(--earn-accent),inset 0 1px 0 rgba(255,255,255,0.420);}
.earn-tile .earn-tile-icon{background:var(--surface);border-color:var(--earn-accent);}
.earn-tile .earn-tile-meta{background:var(--surface);}
.earn-tile.is-live:hover{border-color:var(--border);box-shadow:0 17px 32px -28px var(--earn-accent);}
.earn-tile .earn-tile-meta.soon{background:var(--surface-2);border-color:var(--border);color:var(--earn-accent);}
[data-theme="dark"] .earn-tile{background:linear-gradient(145deg,var(--surface),var(--surface));border-color:var(--border);}
.refer-coin-pill{border:1px solid var(--border);}
.refer-hero-card{background:linear-gradient(145deg,var(--finzo-legacy-primary-tint),var(--surface) 68%);border:1px solid var(--border);box-shadow:0 22px 46px -38px var(--primary);}
.refer-link-note{background:var(--surface-2);}
.refer-rule-step{background:var(--surface-2);border:1px solid var(--border);}
.refer-rule-icon.register{background:var(--surface);}
.refer-rule-icon.addfund{background:var(--surface);}
.refer-rule-icon.game{background:var(--finzo-legacy-primary-tint);}
.refer-rule-icon.lifafa{background:var(--surface);}
.refer-users-section{border-top:1px dashed var(--border);}
.refer-users-spinner{border:2px solid var(--finzo-legacy-primary-tint);}
.refer-addfund-meter{background:var(--border);}
.refer-sort-control select{border:1px solid var(--border);}
.refer-users-more button{border:1px solid var(--border);}
/* red_green.css */
.rg-rules-btn i{border:1px solid var(--border);}
.rg-divider{background:var(--border);}
.rg-orders-divider{border-top:1px dashed var(--border);}
.rg-record img{filter:drop-shadow(0 4px 5px var(--text-muted));}
.rg-record.is-loading>span{background:linear-gradient(100deg,var(--surface-2) 20%,var(--surface) 40%,var(--surface-2) 60%);}
.rg-record.is-current img{filter:drop-shadow(0 5px 7px var(--finzo-legacy-primary-tint));}
.rg-progress-track span{background:linear-gradient(90deg,var(--primary),var(--primary));}
.rg-your-bet{border:1px solid var(--border);}
.rg-number-value{text-shadow:0 5px 12px currentColor;}
.rg-number-card.tone-green{background:var(--surface);border-color:var(--border);}
.rg-number-card.tone-red{background:var(--surface);border-color:var(--border);}
.rg-number-card.tone-green-violet{background:linear-gradient(135deg,var(--surface),var(--surface));border-color:var(--border);}
.rg-number-card.tone-red-violet{background:linear-gradient(135deg,var(--surface),var(--surface));border-color:var(--border);}
.rg-number-card.has-bet{box-shadow:inset 0 0 0 1px var(--finzo-legacy-primary-tint),0 9px 20px -19px var(--primary);}
.rg-table th,.rg-table td{border-bottom:1px solid var(--border);}
.rg-table th{color:var(--primary);border-bottom:1px solid var(--border);}
.rg-sheet-hero{border:1px solid var(--border);background:var(--surface-2);}
.rg-sheet-hero-img{border:1px solid var(--border);}
.rg-contract-btn.active{background:var(--surface);}
.rg-join-sheet-content .rg-sheet-hero{border-color:var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 18px 34px -28px var(--rg-sheet-accent,var(--primary)),inset 0 1px 0 rgba(255,255,255,0.420);}
.rg-join-sheet-content .rg-sheet-hero:after{background:var(--rg-sheet-accent,var(--primary));}
.rg-join-sheet-content .rg-sheet-hero-img{background:var(--surface);border-color:var(--border);box-shadow:0 14px 28px -20px var(--text-muted),inset 0 1px 0 rgba(255,255,255,0.550);}
.rg-join-sheet-content .rg-sheet-hero-img img{filter:drop-shadow(0 7px 9px var(--text-muted));}
.rg-join-sheet-content .rg-sheet-wallet{background:linear-gradient(180deg,var(--surface-2),var(--surface-2));box-shadow:0 12px 26px -26px var(--text),inset 0 1px 0 rgba(255,255,255,0.450);}
.rg-join-sheet-content .rg-sheet-wallet button{border:1px solid var(--finzo-legacy-primary-tint);}
.rg-join-sheet-content .rg-sheet-section{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 14px 28px -30px var(--text),inset 0 1px 0 rgba(255,255,255,0.450);}
.rg-join-sheet-content .rg-contract-btn{box-shadow:0 8px 16px -18px var(--text),inset 0 1px 0 rgba(255,255,255,0.450);}
.rg-join-sheet-content .rg-contract-btn.active{background:linear-gradient(145deg,var(--rg-sheet-accent,var(--primary)),var(--rg-sheet-accent,var(--primary)));}
.rg-join-sheet-content .rg-qty-row button,.rg-join-sheet-content .rg-qty-row input{box-shadow:inset 0 1px 0 rgba(255,255,255,0.450);}
.rg-join-sheet-content .rg-qty-row button:active{background:var(--surface);}
.rg-join-sheet-content .rg-qty-row input:focus{box-shadow:0 0 0 4px var(--rg-sheet-accent,var(--primary));}
.rg-join-sheet-content .rg-join-summary{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 16px 28px -28px var(--rg-sheet-accent,var(--primary)),inset 0 1px 0 rgba(255,255,255,0.480);}
.rg-join-sheet-content .rg-join-total strong{text-shadow:0 9px 20px var(--rg-sheet-accent,var(--primary));}
.rg-join-sheet-content .rg-join-action{background:linear-gradient(135deg,var(--rg-sheet-accent,var(--primary)),var(--rg-sheet-accent,var(--primary)));box-shadow:0 18px 28px -18px var(--rg-sheet-accent,var(--primary)),inset 0 1px 0 rgba(255,255,255,.25);}
.rg-rule-fee-note{border:1px solid var(--border);background:var(--surface);}
.rg-popup-banner{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));}
.rg-popup-banner:after{background:var(--rg-result-accent);}
.rg-popup-status{background:var(--surface);}
.rg-popup-result-ball{border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 24px -20px var(--text-muted);}
.rg-popup-number{filter:drop-shadow(0 8px 10px var(--text-muted));}
.rg-popup-bets.is-scrollable{scrollbar-color:var(--border) transparent;}
.rg-popup-bets.is-scrollable::-webkit-scrollbar-thumb{background:var(--border);}
.rg-popup-bet+.rg-popup-bet{border-top:1px solid var(--border);}
[data-theme="dark"] .rg-table th{color:var(--primary);}
[data-theme="dark"] .rg-your-bet{background:var(--surface);border-color:var(--border);}
[data-theme="dark"] .rg-orders-divider{border-top-color:var(--border);}
.rg-test-join-note{border:1px solid var(--border);background:var(--surface);}
.rg-day-report{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 12px 24px -24px var(--primary);}
.rg-day-report-nav:not(:disabled):hover{color:var(--primary);}
.rg-day-report-nav:focus-visible{outline:2px solid var(--finzo-legacy-primary-tint);}
.rg-day-report-stat{border:1px solid var(--border);background:var(--surface);}
.rg-day-report-loader{background:var(--surface);}
[data-theme="dark"] .rg-day-report{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--border);}
[data-theme="dark"] .rg-day-report-stat{background:var(--surface-2);border-color:var(--border);}
/* lifafa.css */
.lf-promoted-note{background:var(--surface);border:1px solid var(--border);}
.lf-share-copy-btn{border:1px solid var(--border);}
.lf-share-copy-btn:active{background:var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .lf-share-link-row{background:var(--surface-2);}
/* phase2.css */
.bn-divider{border-top:1.5px dashed var(--text-muted);}
.bn-preview-error{border-color:var(--border);}
.bn-unban-all{border:1px solid var(--border);}
.nt-code-pill{border:1px solid var(--border);}
.lf-defaults-open{border:1px solid var(--border);}
.lf-defaults-open:active{background:var(--finzo-legacy-primary-tint);}
.lfd-hero{border:1px solid var(--border);}
.claim-all-heading h2 span{text-shadow:0 8px 24px var(--finzo-legacy-primary-tint);}
.claim-all-number-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.claim-all-number-card:before{background:var(--finzo-legacy-primary-tint);}
.claim-all-number-icon{background:linear-gradient(145deg,var(--primary),var(--primary));box-shadow:0 8px 16px var(--finzo-legacy-primary-tint),inset 0 1px 0 rgba(255,255,255,.38);}
.claim-all-settings-btn{background:var(--finzo-legacy-primary-tint);}
.claim-all-number-input-wrap .input{background:var(--surface);}
.claim-all-save-btn{background:linear-gradient(135deg,var(--primary),var(--primary));box-shadow:0 8px 18px var(--finzo-legacy-primary-tint);}
.claim-all-account-ok{border:1px solid var(--border);background:var(--surface);}
.claim-all-account-saved{border:1px solid var(--border);background:var(--surface);}
.claim-all-account-warn{border:1px solid var(--border);background:var(--surface);}
.claim-all-warn-icon{background:var(--surface);}
.claim-all-divider{border-top:1px dashed var(--border);}
.claim-all-summary>div{background:linear-gradient(145deg,var(--surface),var(--surface));}
.claim-all-summary .claimed .claim-all-summary-ic{background:var(--surface);}
.claim-all-summary .blocked .claim-all-summary-ic{background:var(--surface);}
.claim-all-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));box-shadow:0 16px 30px rgba(15,23,42,.12),0 3px 0 rgba(124,58,237,0.120),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(15,23,42,.04);}
.claim-all-card-title em.claimed{background:var(--surface);}
.claim-all-card-title em.blocked{background:var(--surface);}
.claim-all-remark{background:var(--surface);}
.claim-all-badges span{background:var(--surface);}
.claim-all-card-foot{border-top:1px dashed var(--border);}
.cas-hero{background:linear-gradient(135deg,var(--primary-soft),var(--surface));border:1px solid var(--border);}
.cas-hero>div{box-shadow:0 7px 14px var(--finzo-legacy-primary-tint);}
.cas-info.owner{background:var(--surface);}
.claim-all-amount{background:var(--surface);border:1px solid var(--border);}
.claim-all-amount b{color:var(--primary);}
[data-theme="dark"] .claim-all-amount{background:linear-gradient(145deg,var(--surface-2),var(--finzo-legacy-primary-tint));border-color:var(--border);}
[data-theme="dark"] .claim-all-amount small{color:var(--text);}
[data-theme="dark"] .claim-all-amount b{color:var(--primary);}
.claim-all-batch-panel{border:1px solid var(--border);background:linear-gradient(135deg,var(--primary-soft),var(--surface));}
[data-theme="dark"] .claim-all-batch-panel{background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface-2));}
.claim-all-confirm-rules{background:var(--primary-soft);}
.claim-all-confirm-note{background:var(--surface);}
.claim-all-history-card{background:linear-gradient(145deg,var(--surface),var(--surface));}
.cah-icon{background:linear-gradient(145deg,var(--primary),var(--primary));}
.cah-sheet-hero{background:linear-gradient(135deg,var(--surface),var(--surface));border:1px solid var(--border);}
.special-copy-ribbon{border:1px solid var(--border);background:var(--surface);}
[data-theme="dark"] .special-copy-ribbon{background:var(--finzo-legacy-primary-tint);border-color:var(--border);}
.claim-all-batch-info{border:1px solid var(--border);background:var(--surface);}
[data-theme="dark"] .claim-all-batch-info{background:var(--finzo-legacy-primary-tint);border-color:var(--border);}
.pay-history-divider{border-top:1.5px dashed var(--border);}
.pay-again-link{border:1px solid var(--border);}
.pay-again-link:active{background:var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .claim-all-confirm-rules{background:linear-gradient(145deg,var(--finzo-legacy-primary-tint),var(--surface));border:1px solid var(--border);}
[data-theme="dark"] .claim-all-confirm-rules>span{color:var(--text);}
.lf-history-link:active{border-color:var(--border);}
.pay-history-card.credit{border-color:var(--border);}
.two-step-hero{background:linear-gradient(135deg,var(--surface-2),var(--surface));}
.two-step-hero.is-on{border-color:var(--border);background:linear-gradient(135deg,var(--surface),var(--surface));}
.special-clear-ribbon{border:1px solid var(--border);background:var(--surface);}
[data-theme="dark"] .special-clear-ribbon{background:var(--danger-soft);border-color:var(--border);}
.otp-sms-fallback{background:var(--surface);border:1px solid var(--border);}
.otp-sms-fallback-spinner{border:2px solid var(--finzo-legacy-primary-tint);}
.login-referral-applied{background:var(--surface);border:1px solid var(--border);}
.pay-detail-b-hero{background:linear-gradient(180deg,var(--finzo-legacy-primary-tint) 0%,var(--surface) 58%,var(--surface) 100%);border:1px solid var(--border);}
.pay-detail-b-hero::before{background:var(--finzo-legacy-primary-tint);}
.pay-detail-b-hero::after{background:var(--success-soft);}
.pay-detail-b-avatar-wrap{background:linear-gradient(145deg,var(--primary),#fff);box-shadow:0 12px 28px var(--finzo-legacy-primary-tint);}
.pay-detail-b-ico{background:var(--surface-2);}
[data-theme="dark"] .pay-detail-b-hero{background:linear-gradient(180deg,var(--finzo-legacy-primary-tint) 0%,var(--surface) 58%,var(--surface) 100%);border-color:var(--border);}
[data-theme="dark"] .pay-detail-b-copybtn{background:var(--surface-2);}
.pay-history-card{border:1px solid var(--border);box-shadow:0 5px 16px -15px var(--finzo-legacy-primary-tint);}
.pay-history-card.credit{border-color:var(--border);}
/* addfund.css */
.af-hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));}
.af-method-card,.af-amount-card,.af-history-shell{border-color:var(--border);}
.af-method.active{border-color:var(--border);}
.af-method-icon.crypto{background:var(--surface);}
.af-soon{background:var(--surface);}
.af-live-dot i{box-shadow:0 0 0 4px var(--success-soft);}
.af-amount-input-wrap{background:linear-gradient(145deg,var(--surface-2),var(--surface));}
.af-amt-tile.active{border-color:var(--border);}
.af-qr-card{background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--border);}
.af-pay-warning{color:var(--warning);}
.af-upload-zone{border:1.5px dashed var(--border);background:linear-gradient(145deg,var(--surface-2),var(--surface));}
.af-review-icon span{box-shadow:0 0 0 6px currentColor;}
.af-review-time>i{background:var(--info-soft);}
.wd-hero{border:1px solid var(--border);}
[data-theme="dark"] .af-hero{background:linear-gradient(135deg,var(--primary),#151725);}
.af-method.active{background:var(--finzo-legacy-primary-tint)!important;border-color:var(--border)!important;}
.af-method.active small{color:var(--text-muted)!important;}
.af-method-mode{background:var(--surface);}
.af-method-icon.crypto{background:var(--surface);}
.af-test-banner{background:var(--warning-soft);border:1px solid var(--border);}
.af-crypto-amount span{background:var(--surface);}
.af-crypto-live{background:var(--surface);border:1px solid var(--border);}
.af-crypto-live>span{box-shadow:0 0 0 5px var(--success-soft);}
.af-pay-warning.crypto{background:var(--surface);border:1px solid var(--border);}
.af-method.active .af-method-icon.crypto{background:var(--surface);}
.af-crypto-inline-status{background:var(--surface);border:1px solid var(--border);}
.af-crypto-inline-status i{box-shadow:0 0 0 5px var(--success-soft);}
.af-rejection-note.settlement{background:var(--surface);border-color:var(--border);}
.af-history-reason.settlement{background:var(--finzo-legacy-primary-tint);}
.af-agent-intro>span{background:var(--finzo-legacy-primary-tint);}
.af-agent-tile.active{border-color:var(--primary);background:var(--surface);box-shadow:0 10px 24px var(--finzo-legacy-primary-tint);}
.af-agent-radio{border:2px solid var(--border);}
.af-daily-limit-note{border:1px solid var(--border);color:var(--warning);}
.af-api-order-ref{border:1px solid var(--border);background:var(--primary-soft);}
.af-history-item.af-history-clickable:hover{background:var(--surface);}
.af-history-item.af-history-clickable:focus-visible{outline:2px solid var(--finzo-legacy-primary-tint);}
/* withdrawalmanager.css */
.wm-wallet{background:linear-gradient(145deg,var(--primary),var(--primary));}
.wm-proof-box label{border:1px dashed var(--border);background:var(--surface);}
.wm-incoming-card{border-color:var(--border);}
.wm-count-pill{border:1px solid var(--border);}
.wm-request:hover{border-color:var(--border);}
.wm-request-icon.bank{background:var(--surface);}
.wm-request>button{border:1px solid var(--border);}
.wm-receive-state.on{border-color:var(--border);}
.wm-count-box{border:1px solid var(--border);}
.wm-request-payline{border:1px solid var(--border);}
.wm-approve-proof{border:1px dashed var(--border);background:var(--surface);}
[data-theme="dark"] .mgmt-home-access,[data-theme="dark"] .fm-home-access{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--border);}
[data-theme="dark"] .mgmt-home-head small,[data-theme="dark"] .mgmt-home-options small,[data-theme="dark"] .fm-home-access small{color:var(--text);}
[data-theme="dark"] .mgmt-home-options button{background:var(--surface-2);border-color:var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,0.050);}
[data-theme="dark"] .mgmt-home-options button i,[data-theme="dark"] .mgmt-home-head>span,[data-theme="dark"] .fm-home-access>span{background:var(--finzo-legacy-primary-tint);color:var(--primary);}
/* withdraw.css */
.wd-balance-pill{border:1px solid var(--border);}
.wd-method-slider{border:1px solid var(--border);}
.wd-method-icon{background:var(--surface);}
.wd-input{background:linear-gradient(145deg,var(--surface-2),var(--surface));}
.wd-breakdown.active{border-color:var(--border);}
.wd-usdt-convert{background:var(--surface);border:1px solid var(--border);}
.wd-review-ticket{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.wd-review-ticket:after{background:radial-gradient(circle,var(--finzo-legacy-primary-tint),transparent 68%);}
.wd-review-receive{border-top:1px dashed var(--border);}
.wd-review-destination{border:1px solid var(--border);}
.wd-review-destination-head{border-bottom:1px solid var(--border);}
[data-theme="dark"] .wd-review-destination{border-color:var(--border);}
[data-theme="dark"] .wd-review-destination-head{background:var(--finzo-legacy-primary-tint);border-bottom-color:var(--border);}
[data-theme="dark"] .wd-review-destination-head>span{color:var(--primary);}
[data-theme="dark"] .wd-front-note{background:var(--finzo-legacy-primary-tint);border:1px solid var(--border);}
[data-theme="dark"] .wd-front-note i{color:var(--primary);}
.wd-history-detail-btn:hover{border-color:var(--border);}
.wd-fee-rules{border:1px solid var(--border);background:var(--surface);}
.wd-fee-rule-grid>span.active{border-color:var(--border);background:var(--surface-2);}
/* fundmanager.css */
.fm-incoming-card{border-color:var(--border);}
.fm-request button:active{background:var(--finzo-legacy-primary-tint);}
.fm-created-card{border-color:var(--border);background:var(--surface);}
.fm-request-created{border-color:var(--border);background:var(--surface-2);}
.fm-proof-pending{border:1px dashed var(--border);background:var(--warning-soft);}
.fm-no-proof-review{border:1px solid var(--border);}
.fm-no-proof-review>i{background:var(--warning-soft);}
.fm-reject{border:1px solid var(--border);}
@media (hover:hover){.fm-ledger-row:hover{border-color:var(--border);}}
.fm-processed-note{border:1px solid var(--border);background:var(--surface);}
/* youtube_filter.css */
.youtube-filter-page{--ytsf-accent-soft:var(--surface);--ytsf-accent-soft-strong:var(--finzo-legacy-primary-tint);--ytsf-control-surface:var(--surface);}
[data-theme="dark"] .youtube-filter-page{--ytsf-accent-soft:var(--finzo-legacy-primary-tint);--ytsf-accent-soft-strong:var(--finzo-legacy-primary-tint);--ytsf-control-surface:var(--surface);}
.ytsf-instant-control.on{border-color:var(--border);}
.ytsf-switch{background:var(--border);}
.ytsf-filter-trigger.open{border-color:var(--border);}
.ytsf-filter-dot{border:2px solid var(--text-muted);}
.ytsf-filter-grid button.selected{border-color:var(--border);}
.ytsf-filter-grid button.selected .ytsf-filter-dot{box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint);}
.ytsf-input-wrap{border:1.5px solid var(--border);box-shadow:0 10px 24px -20px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,0.580);}
.ytsf-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint),0 12px 24px -20px var(--primary);}
.ytsf-input-wrap input::placeholder{color:var(--text-muted);}
.ytsf-clear-btn{border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,0.180),0 5px 12px -10px rgba(0,0,0,.55);}
.ytsf-clear-btn:hover{border-color:var(--border);background:var(--surface-2);}
.ytsf-paste-ribbon{border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,0.180);}
.ytsf-opening-spinner{border:2px solid var(--finzo-legacy-primary-tint);}
.ytsf-search-btn{border:1px solid var(--primary);box-shadow:0 7px 0 var(--primary),0 15px 27px -16px var(--primary),inset 0 1px 0 rgba(255,255,255,.35);}
.ytsf-search-btn:active{box-shadow:0 2px 0 var(--primary),0 9px 18px -15px var(--primary),inset 0 1px 0 rgba(255,255,255,.25);}
.ytsf-video-task-card{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface-2));}
.ytsf-video-task-card{border:1px solid var(--border);background:linear-gradient(120deg,var(--finzo-legacy-primary-tint),var(--surface-2));}
.ytsf-video-task-card:before{background:var(--finzo-legacy-primary-tint);}
.ytsf-video-task-arrow{border:1px solid var(--border);}
.ytsf-search-btn{border-color:var(--primary);box-shadow:0 4px 0 var(--primary),0 15px 30px -18px var(--primary),inset 0 1px 0 rgba(255,255,255,.34);}
.ytsf-search-btn:active{box-shadow:0 1px 0 var(--primary),0 10px 22px -18px var(--primary),inset 0 1px 0 rgba(255,255,255,.25);}
.ytsf-generate-btn{border:1.5px solid var(--border);background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface) 55%,var(--surface));box-shadow:0 16px 32px -27px var(--primary),inset 0 1px 0 rgba(255,255,255,0.650);}
.ytsf-generate-btn::after{background:var(--finzo-legacy-primary-tint);}
.ytsf-generate-btn:hover{border-color:var(--border);box-shadow:0 18px 38px -27px var(--primary),inset 0 1px 0 rgba(255,255,255,0.700);}
.ytsf-generate-arrow{background:var(--surface);border:1px solid var(--border);}
[data-theme="dark"] .ytsf-generate-btn{background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface-2) 58%,var(--surface-2));}
.sheet.ytsf-comments-sheet{background:var(--surface);border:1px solid var(--border);}
.ytsf-comments-sheet-hero{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface));}
.ytsf-regenerate-btn{border:1px solid var(--border);background:var(--surface);}
.ytsf-regenerate-btn .ytsf-regenerate-spinner{border:2px solid var(--finzo-legacy-primary-tint);}
.ytsf-comment-item{border:1px solid var(--border);}
.ytsf-comment-copy{border:1px solid var(--border);}
.ytsf-comment-copy.copied{border-color:var(--border);}
.ytsf-action-divider{border-top:1px dashed var(--border);}
.ytsf-comment-category-picker button.active{border-color:var(--border);}
/* tg_post_maker.css */
.tgpm-hero{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface));}
.tgpm-hero-icon{background:var(--surface);}
.tgpm-youtube-mark{background:var(--surface);}
.sheet.tgpm-sheet-shell{background:var(--surface);border:1px solid var(--border);}
.tgpm-fetched-head>span{background:var(--surface);}
.tgpm-config-intro>span{background:var(--surface);}
.tgpm-ready-banner{border-color:var(--border);background:var(--surface);}
.tgpm-ready-banner>span{background:var(--surface);}
.tgpm-tags-head button{border:1px solid var(--border);}
.tgpm-tag-hash{background:var(--surface);}
.tgpm-caption-preview{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.tgpm-caption-preview-head>span{background:var(--surface);}
.tgpm-preview-line code{border:1px solid var(--border);}
.tgpm-caption-editor-body:focus{background:var(--finzo-legacy-primary-tint);box-shadow:inset 0 0 0 1px var(--finzo-legacy-primary-tint);}
.tgpm-channel-option.selected{border-color:var(--border);background:var(--surface);}
.tgpm-channel-logo{background:var(--surface);}
.tgpm-detail-modal{border:1px solid var(--border);}
.tgpm-detail-modal-head{background:linear-gradient(135deg,var(--surface),var(--surface));}
.tgpm-detail-modal-head>div:first-child>span{background:var(--surface);}
.tgpm-entry .tgpm-continue{box-shadow:0 8px 22px var(--finzo-legacy-primary-tint);}
.tgpm-entry-divider{border-top:1.5px dashed var(--border);}
.tgpm-how-card{background:linear-gradient(180deg,var(--surface),var(--surface));}
.tgpm-preview-quote-line{border-left:3px solid var(--primary);background:var(--surface-2);}
.tgpm-preview-quote-line code{background:var(--finzo-legacy-primary-tint);}
/* recharge.css */
.recharge-mobile-input{background:linear-gradient(145deg,var(--surface-2),var(--surface));}
.recharge-history-logo.pending,.recharge-history-logo.processing{box-shadow:0 0 0 2px var(--warning-soft);}
.recharge-big-spinner{border:4px solid var(--border);box-shadow:0 8px 22px var(--finzo-legacy-primary-tint);}
.recharge-plan-scroll{scrollbar-color:var(--border) transparent;}
.recharge-plan.selected{border-color:var(--border);box-shadow:0 0 0 2px var(--finzo-legacy-primary-tint);}
.recharge-plan-badge{background:var(--surface);}
.recharge-confirm-head{background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--border);}
.recharge-skeleton-line{background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));}
.recharge-op-row{background:linear-gradient(145deg,var(--surface-2),var(--surface));}
.recharge-plan-toolbar{background:linear-gradient(145deg,var(--surface-2),var(--surface));}
.recharge-category-shell{background:var(--surface);}
.recharge-category-shell.expanded{border-color:var(--border);background:var(--surface);}
.recharge-category-toggle{border-top:1px solid var(--border);}
/* google_play.css */
.gp-hero{border:1px solid var(--border);background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface));}
.gp-hero:after{background:radial-gradient(circle,var(--finzo-legacy-primary-tint),transparent 68%);}
.gp-hero-mark{border:1px solid var(--border);}
.gp-buy-card,.gp-history-card{border-color:var(--border);}
.gp-history-item{border-top:1px dashed var(--border);}
.gp-status.success{background:var(--surface);}
.gp-status.failed,.gp-status.refunded{background:var(--surface);}
.gp-status.processing,.gp-status.pending{background:var(--surface);}
.gp-result.success .gp-result-icon{background:var(--surface);}
.gp-result.failed .gp-result-icon,.gp-result.refunded .gp-result-icon{background:var(--surface);}
.gp-result.processing .gp-result-icon,.gp-result.pending .gp-result-icon{background:var(--surface);}
.gp-code-card{border:1px solid var(--border);}
.gp-copy{border:1px solid var(--border);}
/* landing.css */
.landing-ambient{background:linear-gradient(180deg,var(--bg),transparent 82%);}
.landing-ambient span{background:linear-gradient(145deg,#fff,var(--primary-dark));}
.landing-ambient span:nth-child(3){box-shadow:120px 60px 0 4px var(--finzo-legacy-primary-tint),260px 175px 0 2px var(--finzo-legacy-primary-tint);}
.landing-support{background:var(--surface);}
.landing-glow{background:var(--finzo-legacy-primary-tint);}
.landing-float-card{background:var(--surface);border:1px solid var(--border);}
.landing-feature-list article{border-bottom:1px solid var(--border);}
.landing-bottom-login{border:1px solid var(--border);}
:root{--finzo-icon-depth:0 10px 18px -12px var(--primary),
    0 3px 8px -6px rgba(20,28,58,.22),
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 -1px 0 var(--finzo-legacy-primary-tint),
    inset 0 0 0 1px var(--border);--finzo-icon-depth-soft:0 8px 15px -11px var(--primary),
    0 2px 6px -5px rgba(20,28,58,.18),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 0 0 1px var(--border);}
[data-theme="dark"]{--finzo-icon-depth:0 11px 20px -12px rgba(0,0,0,.76),
    0 3px 9px -5px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.14),
    inset 0 0 0 1px var(--border);--finzo-icon-depth-soft:0 9px 17px -11px rgba(0,0,0,.68),
    0 2px 7px -5px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 0 0 1px var(--border);}
.icon-btn,
.set-row .sic:not([style*="danger-soft"]),
.home-action:not(.is-accent) .ha-icon,
.home-tile:not(.is-primary) .ht-icon,
.service .sic,
.earn-tile:not(.earn-tile-more) .earn-tile-icon,
.home-layout-10 .home-pro-link-icon,
.nt-intro-icon,
.nt-collection-icon,
.claim-all-number-icon,
.lf-history-link-icon,
.profile-name-gate-icon,
.tgpm-heading-icon,
.tgpm-time-icon,
.ytsf-heading-icon,
.ytsf-control-icon{background:linear-gradient(145deg,
    var(--finzo-legacy-primary-tint),
    var(--surface-2))!important;}
.bottomnav{background:linear-gradient(155deg,
    var(--surface),
    var(--surface-2))!important;border:1px solid var(--border)!important;}
.public-site-footer{background:linear-gradient(145deg,
    #171827 0%,
    #1c1b31 52%,
    #151824 100%)!important;}
.public-site-footer .public-footer-brand img{box-shadow:0 12px 24px -14px var(--primary),inset 0 0 0 1px rgba(255,255,255,.34)!important;}
.public-site-footer .public-footer-contact-icon{background:rgba(255,255,255,.06)!important;color:#fff!important;box-shadow:0 8px 15px -10px var(--primary),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.06)!important;}
:root{--finzo-raised-border:var(--border);--finzo-raised-shadow:0 10px 20px -14px rgba(21,31,64,.38),
    0 3px 8px -6px rgba(21,31,64,.18),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 var(--finzo-legacy-primary-tint);}
.btn-primary,
.landing-primary-cta,
.landing-bottom-download,
.claim-all-save-btn,
.tgpm-continue,
.tgpm-create-btn,
.tgpm-post-btn,
.ytsf-search-btn,
.wm-save-range{box-shadow:0 12px 22px -14px var(--primary),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.10)!important;}
.btn-primary:active,
.landing-primary-cta:active,
.landing-bottom-download:active,
.claim-all-save-btn:active,
.tgpm-continue:active,
.tgpm-create-btn:active,
.tgpm-post-btn:active,
.ytsf-search-btn:active,
.wm-save-range:active{box-shadow:0 6px 14px -11px var(--primary),inset 0 2px 4px rgba(0,0,0,.13)!important;}
.af-amt-tile.active{background:linear-gradient(145deg,var(--finzo-legacy-primary-tint),var(--surface-2))!important;border-color:var(--border)!important;}
:root{--finzo-app-card-face:linear-gradient(145deg,
    var(--surface),
    var(--surface-2));--finzo-app-card-border:var(--border);--finzo-app-card-shadow:0 16px 30px -24px rgba(24,31,62,.46),
    0 5px 12px -9px rgba(24,31,62,.20),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 var(--finzo-legacy-primary-tint);--finzo-app-hero-shadow:0 24px 44px -28px var(--primary),
    0 8px 18px -14px rgba(23,28,57,.34),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 0 rgba(0,0,0,.10);}
[data-theme="dark"]{--finzo-app-card-face:linear-gradient(145deg,
    var(--surface),
    var(--surface-2));--finzo-app-card-border:var(--border);}
.type-card.sel{box-shadow:0 12px 24px -20px var(--finzo-legacy-primary-tint),inset 0 1px 0 rgba(255,255,255,.24)!important;}
.sheet{background:linear-gradient(165deg,
    var(--surface),
    var(--surface-2))!important;}
.sheet .handle{background:linear-gradient(90deg,
    var(--border),
    var(--border),
    var(--border))!important;}
.alert-card{background:linear-gradient(155deg,
    var(--surface),
    var(--surface-2))!important;box-shadow:0 28px 58px -31px rgba(8,15,38,.62),
    0 11px 25px -19px rgba(8,15,38,.30),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 var(--finzo-legacy-primary-tint)!important;}
.alert-card .a-ic{border:1px solid currentColor;}
.input,
.textarea,
.field select{border-color:var(--border);background:linear-gradient(180deg,
    var(--surface),
    var(--surface-2));}
.input:focus,
.textarea:focus,
.field select:focus{border-color:var(--primary);box-shadow:inset 0 1px 2px rgba(18,27,58,.04),
    0 0 0 3px var(--primary-soft),
    0 12px 24px -21px var(--finzo-legacy-primary-tint);}
.input[aria-invalid="true"],
.textarea[aria-invalid="true"]{border-color:var(--danger);}
.empty .ic,
.notification-empty-icon,
.tx-state-empty>span,
.free-lf-empty>div{border:1px solid var(--border);box-shadow:0 12px 22px -17px var(--finzo-legacy-primary-tint),
    inset 0 1px 0 rgba(255,255,255,.38);}
.tx-state-empty,
.free-lf-empty{background:linear-gradient(145deg,
    var(--surface),
    var(--surface-2))!important;}
.notification-empty{border:1px dashed var(--border);background:var(--surface-2);}
.af-upload-zone,
.fm-proof-pick{border-color:var(--border)!important;background:linear-gradient(145deg,
    var(--surface-2),
    var(--surface))!important;}
.af-upload-icon{border:1px solid var(--border);box-shadow:0 10px 18px -14px var(--finzo-legacy-primary-tint),inset 0 1px 0 rgba(255,255,255,.35);}
.badge,
.chip,
.free-lf-claimed-badge,
.af-order-chip,
.wd-review-secure,
.af-status-pill{border:1px solid var(--border);}
.af-review-icon,
.wd-review-method-icon,
.win-burst{filter:drop-shadow(0 10px 14px var(--finzo-legacy-primary-tint));}
#yt-check.yt-check-loading,
#yt-check.yt-check-loading:disabled{border:1px solid var(--border)!important;}
#yt-check.yt-check-loading .ld{border:2px solid var(--finzo-legacy-primary-tint)!important;}
.input{border-color:var(--border);border-bottom-color:var(--border);background:linear-gradient(180deg,
    var(--surface) 0%,
    var(--surface-2) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 1px var(--finzo-legacy-primary-tint),
    0 3px 0 var(--border),
    0 9px 18px -18px rgba(18,27,58,.42);}
.textarea{border-color:var(--border);border-bottom-color:var(--border);background:linear-gradient(180deg,
    var(--surface),
    var(--surface-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.78),
    0 3px 0 var(--border),
    0 9px 18px -18px rgba(18,27,58,.42);}
.field select:not([multiple]){border-color:var(--border);border-bottom-color:var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),
    0 3px 0 var(--border),
    0 9px 18px -18px rgba(18,27,58,.42);}
.input::placeholder,.textarea::placeholder{color:var(--text-muted);}
.input:hover,.textarea:hover,.field select:hover{border-color:var(--border);}
.input:focus,.textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.76),
    0 2px 0 var(--border),
    0 0 0 3px var(--primary-soft),
    0 12px 24px -21px var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .input,
[data-theme="dark"] .textarea,
[data-theme="dark"] .field select:not([multiple]){border-color:var(--border);border-bottom-color:var(--border);background:linear-gradient(180deg,
    var(--surface),
    var(--surface-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 1px rgba(0,0,0,.22),
    0 3px 0 rgba(0,0,0,.62),
    0 10px 20px -18px rgba(0,0,0,.78);}
[data-theme="dark"] .input:focus,
[data-theme="dark"] .textarea:focus,
[data-theme="dark"] .field select:focus{background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),
    0 2px 0 rgba(0,0,0,.55),
    0 0 0 3px var(--primary-soft),
    0 12px 24px -20px rgba(0,0,0,.72);}
[data-testid="withdrawal-manager-view"] .wm-receive-card .wm-save-range,
[data-testid="fund-manager-view"] .fm-save-upi{box-shadow:0 12px 22px -14px var(--primary),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -2px 0 rgba(0,0,0,.10)!important;}
.keypad .key{box-shadow:0 10px 18px -14px rgba(20,27,55,.48),
    0 4px 9px -7px rgba(20,27,55,.26),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 var(--finzo-legacy-primary-tint)!important;}
.keypad .key:active{background:var(--surface-2)!important;}
@media (hover:hover) and (pointer:fine){.keypad .key:hover{border-color:var(--border)!important;}}
.lifafa-chance-slider{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface-2));}
.lifafa-chance-slider input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--primary),var(--border));}
.lifafa-chance-slider input[type="range"]::-webkit-slider-thumb{box-shadow:0 5px 12px -5px var(--primary),0 0 0 1px var(--border);}
.lifafa-chance-slider input[type="range"]::-moz-range-track{background:var(--border);}
.lifafa-chance-slider input[type="range"]::-moz-range-thumb{box-shadow:0 5px 12px -5px var(--primary);}
.fm-wallet-transfer{border-color:var(--border)!important;background:linear-gradient(145deg,var(--surface),var(--surface-2))!important;box-shadow:0 9px 16px -13px var(--primary),inset 0 1px 0 rgba(255,255,255,.75)!important;}
[data-testid="create-lifafa-view"] .lifafa-chance-slider input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,
    var(--primary) 0 var(--chance-pos),
    var(--border) var(--chance-pos) 100%);}
[data-testid="create-lifafa-view"] .input,
[data-testid="create-lifafa-view"] .textarea{box-shadow:inset 0 1px 1px rgba(16,24,54,.06),0 2px 0 var(--border)!important;}
.auth-passcode-note{border:1px solid var(--border);background:var(--surface-2);}
[data-theme="dark"] .auth-passcode-note{background:var(--surface-2);}
.public-footer-accent{box-shadow:0 2px 10px -5px var(--primary)!important;}
.public-footer-company-head i{color:#fff;}
.landing-android-app-cta{border:1px solid var(--border);}
/* page_controls.css */
.feature-off-state{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.feature-off-state::after{background:var(--finzo-legacy-primary-tint);}
.feature-off-icon{border:1px solid var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .feature-off-state{background:linear-gradient(145deg,var(--surface),var(--surface));border-color:var(--border);}
/* maintenance.css */
.maintenance-topbar{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 68%,transparent 100%);}
.maintenance-topbar .brand img{box-shadow:0 7px 22px -12px var(--primary);}
.maintenance-aurora span{background:white;}
.maintenance-aurora .aurora-two{background:var(--primary-dark);}
.maintenance-flow span{box-shadow:0 0 14px var(--primary);}
.maintenance-core{box-shadow:0 24px 45px -22px var(--primary),inset 0 1px 0 rgba(255,255,255,.45);}
.maintenance-core-glow{background:var(--finzo-legacy-primary-tint);}
.maintenance-radar{border:1px solid var(--border);}
.maintenance-orbit{border:1px dashed var(--finzo-legacy-primary-tint);}
.maintenance-orbit span{border:1px solid var(--border);}
.maintenance-spark{box-shadow:0 0 12px var(--primary);}
.maintenance-status i{box-shadow:0 0 0 5px var(--finzo-legacy-primary-tint);}
.maintenance-progress-line{background:var(--border);}
.maintenance-progress-line i{box-shadow:0 0 15px var(--finzo-legacy-primary-tint);}
.maintenance-eta-icon{background:var(--finzo-legacy-primary-tint);border:1px solid var(--finzo-legacy-primary-tint);}
.maintenance-refresh{box-shadow:0 17px 34px -20px var(--primary);}
[data-theme="dark"] .maintenance-orbit span{background:var(--surface);}
[data-theme="dark"] .maintenance-eta-icon{background:var(--finzo-legacy-primary-tint);}
.route-maintenance .maintenance-refresh{border:1px solid rgba(255,255,255,0.220)!important;box-shadow:0 14px 26px -16px var(--primary),inset 0 1px 0 rgba(255,255,255,.28)!important;}
.route-maintenance .maintenance-refresh:active{box-shadow:0 7px 16px -11px var(--primary),inset 0 2px 4px rgba(0,0,0,.12)!important;}
/* claim.css */
.claim-page:not(.lf-theme-classic) .lf2-box,.claim-page:not(.lf-theme-classic) .lf2-claimed{box-shadow:0 0 0 4px var(--lf-magenta),inset 0 1px 0 rgba(255,255,255,.85);}
.claim-page:not(.lf-theme-classic) .lf2-game,.claim-page:not(.lf-theme-classic) .lf2-req,.claim-page:not(.lf-theme-classic) .lf2-tg-requirement{border-color:#dfe6f5;}
.claim-page:not(.lf-theme-classic) .lf2-input{background:var(--lf-theme-panel);border-color:#d5def0;}
.claim-page:not(.lf-theme-classic) .lf2-code-input{background:var(--lf-theme-panel);border-color:#d7def0;}
.claim-page:not(.lf-theme-classic) .lf2-type-pill{background:var(--lf-purple);}
.claim-page:not(.lf-theme-classic) .lf2-special-badge{border-color:var(--lf-purple);background:linear-gradient(180deg,#fff,#fff);box-shadow:0 7px 16px var(--lf-purple),inset 0 1px 0 #fff;}
.claim-page:not(.lf-theme-classic) .lf2-amount-badge{box-shadow:0 9px 18px var(--lf-theme-ribbon-c),inset 0 1px 0 rgba(255,255,255,.55);}
.claim-page:not(.lf-theme-classic) .lf2-btn:not(.watch){box-shadow:0 12px 26px var(--lf-blue);}
.claim-page:not(.lf-theme-classic) .lf2-btn.continue{background:linear-gradient(180deg,var(--lf-purple),var(--lf-purple));box-shadow:0 12px 26px var(--lf-purple);}
.claim-page:not(.lf-theme-classic) .lf2-pick.sel{box-shadow:0 6px 14px var(--lf-blue);}
.claim-page:not(.lf-theme-classic) .lf2-toss-pick.sel{background:#fff;box-shadow:0 6px 14px var(--lf-gold);}
.claim-page:not(.lf-theme-classic) .lf2-scratch-result{background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.96),transparent 30%),linear-gradient(145deg,#fff 0%,#fff 50%,#fff 100%);}
html[data-lifafa-theme]:not([data-lifafa-theme="classic"]) .lf-win-card{border:1px solid #e5e7eb;}
html[data-lifafa-theme]:not([data-lifafa-theme="classic"]) .lf-win-home-btn{background:#fff;border-color:#fff;}
/* gateway_upi_payment.css */
.gup-return-panel{border:1px solid var(--border);background:var(--surface);}
/* gateway_live_test.css */
.glt-brandbar{border-bottom:1px solid var(--border);}
.glt-switcher a{background:var(--surface);}
.glt-switcher a.active{border-color:var(--border);background:var(--primary-soft);}
.glt-hero{background:linear-gradient(135deg,var(--primary-soft),var(--surface));}
.glt-field input:focus,.glt-field select:focus{border-color:var(--border);box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint);}
.glt-field input::placeholder{color:var(--text-muted);}
.glt-money-warning{border:1px solid var(--border);color:var(--warning);}
.glt-info-note{border:1px solid var(--border);}
.glt-response-card.is-success{border-color:var(--border);}
.glt-response-card.is-error{border-color:var(--border);}
#glt-http-pill.ok{border-color:var(--border);}
#glt-http-pill.fail{border-color:var(--border);}
.glt-primary-link{background:var(--primary-soft);border:1px solid var(--border);}
/* admin.css */
.admin-topbar{background:var(--bg);}
.admin-quick-card:hover{border-color:var(--border)!important;}
.admin-manager-topups button:hover{border-color:var(--border);}
.admin-manager-deduct{border:1px solid var(--border);background:var(--surface);}
.admin-topbar{box-shadow:0 1px 0 var(--border);}
.admin-see-all-primary{background:linear-gradient(135deg,var(--surface),var(--surface));}
.admin-record.clickable:hover{border-color:var(--border);background:var(--surface);}
.admin-pager{background:var(--surface-2);}
.admin-withdraw-manager-wallet{background:linear-gradient(135deg,var(--primary),var(--primary));}
.admin-review-confirm-icon.success{background:var(--surface);}
.admin-review-confirm-icon.danger{background:var(--surface);}
.admin-maintenance-card.is-on{border-color:var(--border);background:var(--surface);}
.admin-maintenance-time-pill.active{border-color:var(--border);box-shadow:0 0 0 2px var(--finzo-legacy-primary-tint);}
.admin-video-channel-avatar,.admin-video-profile-preview>span{background:var(--surface);}
.admin-video-verify-row button{background:var(--surface);border:1px solid var(--border);}
.admin-delete-zone{border:1px solid var(--border);background:var(--surface);}
.admin-user-delete{border:1px solid var(--border);}
.admin-body{background:var(--bg);}
.admin-sidebar{border-right:1px solid var(--border);}
.admin-nav button.active{background:var(--surface);}
.admin-topbar{background:var(--bg);border-bottom:1px solid var(--border);}
.admin-top-actions button:hover{border-color:var(--border)!important;}
.admin-secondary:hover{border-color:var(--border)!important;}
.admin-panel,.admin-settings-card,.admin-kpi,.admin-quick-card,.admin-maintenance-card{border-color:var(--border);}
.admin-quick-card:hover{border-color:var(--border);}
.admin-upi-qr-card{border:1px solid var(--border);background:var(--surface);}
@media (max-width:760px){.admin-nav button.active{border-color:var(--border);}}
.admin-report-category:hover{border-color:var(--border)!important;}
.admin-report-category.active{border-color:var(--border)!important;}
.admin-inline-user-login{border:1px solid var(--border)!important;}
.admin-report-rangebar>.admin-report-apply{border-color:var(--border)!important;}
.admin-network-offline{background:var(--bg);}
.admin-network-offline-card{border:1px solid var(--border);}
.admin-spin-weight-head>span{border:1px solid var(--success-soft);}
.admin-spin-weight-head>span.invalid{border-color:var(--danger-soft);}
.admin-lifafa-theme-tile.active{box-shadow:0 0 0 2px var(--finzo-legacy-primary-tint),0 8px 18px rgba(20,28,50,.08);}
.admin-recharge-plan-actions button.danger{border-color:var(--border);}
.admin-webhook-icon.processed{border-color:var(--border);}
.admin-webhook-icon.rejected,.admin-webhook-icon.error{border-color:var(--border);}
.admin-report-navbtn:hover:not(:disabled){border-color:var(--border)!important;}
.admin-rg-pools .green{border-color:var(--border);background:var(--surface);}
.admin-rg-pools .violet{border-color:var(--border);background:var(--surface);}
.admin-rg-pools .red{border-color:var(--border);background:var(--surface);}
.admin-rg-test-control{border-color:var(--border);background:var(--surface);}
.admin-page-control-hero{background:linear-gradient(145deg,var(--surface),var(--surface));}
.admin-page-control-hero-icon{background:var(--finzo-legacy-primary-tint);}
.admin-page-control-card.is-off{background:var(--surface);}
.admin-page-control-icon{background:var(--surface);}
.admin-page-control-card.is-off .admin-page-control-icon{background:var(--surface);}
.admin-page-control-status{background:var(--surface);}
.admin-page-control-card.is-off .admin-page-control-status{background:var(--surface);}
.admin-page-control-copy small{color:var(--primary);}
.admin-page-control-switch span{background:var(--surface);}
.admin-record-report-action{border-color:var(--border)!important;}
.admin-lifafa-report-summary>span{border:1px solid var(--border);background:var(--surface);}
.admin-create-account-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.admin-create-account-hero>span{background:linear-gradient(145deg,var(--primary),var(--primary));box-shadow:0 9px 18px var(--finzo-legacy-primary-tint);}
.admin-created-result{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.admin-created-result-head{border-bottom:1px solid var(--border);}
.admin-created-telegram{border:1px solid var(--border);background:var(--surface);}
.admin-created-telegram-head{border-bottom:1px solid var(--border);}
.admin-earning-guide>div>i{background:var(--finzo-legacy-primary-tint);}
.admin-earning-key,.admin-earning-history{background:var(--surface);}
.admin-earning-key>span,.admin-earning-history>span{background:var(--finzo-legacy-primary-tint);}
[data-theme="dark"] .admin-earning-guide>div,[data-theme="dark"] .admin-earning-key,[data-theme="dark"] .admin-earning-history{background:var(--surface);}
.admin-provider-active{border:1px solid var(--border);background:var(--surface);}
.admin-provider-box.active{border-color:var(--border);box-shadow:0 0 0 2px var(--finzo-legacy-primary-tint);}
.admin-rg-control-panel{background:linear-gradient(180deg,var(--surface),var(--surface));}
.admin-rg-countdown span{background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 -3px 0 var(--finzo-legacy-primary-tint);}
.admin-rg-arrow{background:linear-gradient(180deg,var(--primary),var(--primary));box-shadow:0 5px 12px var(--finzo-legacy-primary-tint);}
.admin-rg-control-color.is-selected{box-shadow:0 0 0 2px var(--finzo-legacy-primary-tint),0 12px 22px rgba(15,23,42,.16);}
.admin-rg-control-number{border:1px solid var(--border);background:var(--surface-2);}
.admin-rg-control-number.risk-alert{border-color:var(--border);background:var(--surface);box-shadow:inset 0 0 0 1px var(--danger-soft);}
.admin-rg-control-number.is-selected{box-shadow:0 0 0 2px var(--finzo-legacy-primary-tint);}
.admin-rg-override-note.is-test{color:var(--warning);}
.admin-rg-override-note.is-locked{color:var(--success);}
.admin-rg-control-color.is-selected{box-shadow:0 0 0 3px currentColor,0 15px 28px rgba(15,23,42,.18),inset 0 0 0 2px rgba(255,255,255,.52);}
.admin-rg-control-number.is-selected{background:linear-gradient(180deg,var(--finzo-legacy-primary-tint),var(--surface-2));box-shadow:0 8px 18px var(--finzo-legacy-primary-tint),inset 0 0 0 1px rgba(255,255,255,0.300);}
.admin-rg-control-number.is-selected .admin-rg-selected-mark{box-shadow:0 4px 10px var(--finzo-legacy-primary-tint);}
.admin-rg-control-number.is-selected.risk-alert{background:linear-gradient(180deg,var(--finzo-legacy-primary-tint),var(--surface-2));}
.admin-rg-join-dot{box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint);}
.admin-rg-join-row{border-bottom:1px dashed var(--border);}
.admin-rg-control-color.is-result{box-shadow:0 0 0 3px rgba(245,158,11,0.820),0 13px 24px rgba(15,23,42,.16),inset 0 0 0 2px rgba(255,255,255,.30);}
.admin-rg-control-number.is-result{background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 7px 16px rgba(245,158,11,0.170),inset 0 0 0 1px rgba(255,255,255,0.240);}
.admin-rg-control-number.is-result.risk-alert{background:linear-gradient(180deg,var(--surface),var(--surface-2));}
.admin-rg-bot-avatar.has-photo{border-color:var(--border);}
.admin-rg-bot-upload:hover{border-color:var(--border);}
.admin-rg-bot-actions button.danger{border-color:var(--border);background:var(--surface);}
.admin-rg-report-date-nav>button:not(:disabled):hover{border-color:var(--border);}
.admin-api-marker{border:1px solid var(--border);}
.admin-lifafa-bulk-note{border:1px solid var(--border);}
.admin-lifafa-bulk-row.eligible{border-color:var(--border);background:var(--surface);}
.admin-lifafa-bulk-result-hero{border:1px solid var(--border);background:var(--surface);}
/* agent.css */
.agent-login{background:radial-gradient(circle at 50% 0,var(--finzo-legacy-primary-tint),transparent 42%),var(--bg);}
.agent-primary{box-shadow:0 8px 20px var(--finzo-legacy-primary-tint);}
.agent-top{background:var(--surface);}
.agent-balance{background:linear-gradient(135deg,var(--primary),var(--primary));box-shadow:0 18px 40px var(--finzo-legacy-primary-tint);}
.agent-bottom{background:var(--surface);}
.agent-busy{background:var(--surface);}
.agent-skeleton:after,.agent-skeleton-grid i:after{background:linear-gradient(90deg,transparent,var(--text-muted),transparent);}
.agent-kpi,.agent-panel{box-shadow:0 8px 24px rgba(17,17,26,.055),inset 0 1px 0 rgba(255,255,255,0.550);}
.agent-panel{border-color:var(--border);}
.agent-field input,.agent-field textarea,.agent-search input{box-shadow:inset 0 1px 2px rgba(17,17,26,.035),0 1px 0 rgba(255,255,255,0.550);}
.agent-field input:focus,.agent-field textarea:focus,.agent-search input:focus{border-color:var(--border);box-shadow:0 0 0 3px var(--finzo-legacy-primary-tint),inset 0 1px 2px rgba(17,17,26,.03);}
.agent-tx-icon.credit{background:var(--surface)!important;}
.agent-modal-card{box-shadow:0 -12px 60px rgba(7,9,15,.22),0 0 0 1px var(--finzo-legacy-primary-tint);}
.agent-fund-total{border:1px solid var(--border);background:linear-gradient(135deg,var(--finzo-legacy-primary-tint),var(--surface));}
.agent-fund-total:after{background:var(--finzo-legacy-primary-tint);}
.agent-fund-total>span{box-shadow:0 9px 22px var(--finzo-legacy-primary-tint);}
.agent-quick-grid button{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface),var(--surface));}
.agent-warning{background:var(--surface);}
.agent-creator-card>button.danger{background:var(--surface);}
.agent-id-pill>button{background:var(--surface);}
.agent-id-pill>button:hover{background:var(--finzo-legacy-primary-tint);}
.agent-account-avatar{background:linear-gradient(145deg,var(--primary),var(--primary));box-shadow:0 9px 22px var(--finzo-legacy-primary-tint);}
.agent-account-status{background:var(--surface);border:1px solid var(--border);}
.agent-activity-row>i{box-shadow:inset 0 0 0 1px var(--finzo-legacy-primary-tint);}
.agent-bulk-help{border:1px solid var(--border);}
.agent-bulk-row.ok>span{background:var(--surface);}
.agent-bulk-row.bad>span{background:var(--surface);}
.agent-session-row b em{background:var(--surface);}
.agent-bulk-guide{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface));}
.agent-bulk-guide-head{background:var(--surface);}
.agent-bulk-guide-compact{background:var(--surface);border:1px solid var(--border);}

.game-row{border:0;background:var(--surface-2);}
.game-row.is-soon{border:0;}
.game-row-media{background:var(--surface-2);}
[data-theme="dark"] .game-row{background:var(--surface-2);}
.gj-strip{background:var(--gj-acc);}
.gj-chip.active,.gj-go{background:var(--gj-acc);}
.ba-tm{border-color:var(--border);color:var(--warning);}
}


/* ---- finzo_fixes.css ---- */
/* ==========================================================================
   FINZO WALLET — design fixes 2026.10.15 (loaded last; keep fixes here)
   ========================================================================== */

/* #4 Earn tiles: titles/subtitles wrap to two lines instead of "Spin & E…". */
.earn-tile{align-items:start;padding-top:30px;min-height:104px}
.earn-tile-copy{padding-right:0}
.earn-tile-copy b,.earn-tile-copy small{
  white-space:normal;text-overflow:clip;overflow:hidden;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow-wrap:anywhere;
}
.earn-tile-copy b{line-height:1.22}
.earn-tile-copy small{line-height:1.3}

/* #6 Disabled primary buttons: a readable neutral state instead of a faded
   gradient with near-invisible white text. Loading/busy buttons keep their look. */
.btn.btn-primary[disabled]:not(.is-loading):not(.loading):not([aria-busy="true"]){
  opacity:1;
  background:var(--surface-2)!important;
  background-image:none!important;
  color:var(--text-muted)!important;
  -webkit-text-fill-color:var(--text-muted);
  border:1px solid var(--border)!important;
  box-shadow:none!important;
  filter:none;
}
.btn.btn-primary[disabled]:not(.is-loading):not(.loading):not([aria-busy="true"]) i{color:inherit}

/* #8 One empty-state spec everywhere (page lists and in-card history lists):
   60px icon tile, 16px title, 13px muted copy, always centred. */
.empty,.recharge-empty,.gp-history-empty{text-align:center;padding:32px 16px;color:var(--text-muted)}
.recharge-empty,.gp-history-empty{padding:24px 12px}
.empty .ic,.recharge-empty>i,.gp-history-empty>i{
  width:60px;height:60px;border-radius:19px;display:grid;place-items:center;
  margin:0 auto 12px;background:var(--grad-soft);color:var(--primary);font-size:1.4rem;
}
.empty h3,.recharge-empty>b,.gp-history-empty>b{
  display:block;margin:0 0 5px;font-size:1rem;font-weight:800;line-height:1.3;color:var(--text);
}
.empty p,.recharge-empty>p,.gp-history-empty>p{
  margin:0 auto;max-width:300px;font-size:.8125rem;line-height:1.45;color:var(--text-muted);
}
.empty p+.btn,.empty p+a,.empty p+button{margin-top:14px}

/* #9 Wallet: show the full 10-digit Finzo number (it is copied/shared). */
#wallet-finzo-number{
  font-size:clamp(.84rem,3.7vw,1rem);font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;text-overflow:clip;overflow:visible;min-width:0;
}
.wallet-finzo-line{gap:6px}

/* #11 Placeholders must never look like entered values. */
.input::placeholder,.textarea::placeholder,input.input::placeholder{color:var(--text-muted);opacity:.7;font-weight:500}

/* #12 Public Lifafa end states (not found / closed / fully claimed): next steps. */
.lf2-end-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
.lf2-end-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 16px;
  border-radius:15px;border:1px solid #e3e1f5;background:#fff;color:#4c1d95;font-weight:800;font-size:.9rem;
  text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s}
.lf2-end-btn:active{transform:scale(.98)}
.lf2-end-btn.primary{border:none;color:#fff;background:linear-gradient(180deg,#8b5cf6,#6d28d9);box-shadow:0 12px 24px -12px rgba(109,40,217,.6)}

/* Home "Recent Transactions": identical to the Wallet list (#tx-list) rows. */
.home-recent-head{margin-top:22px}
#home-tx-list .lrow{border-bottom-color:color-mix(in srgb,var(--text) 18%,transparent)}
#home-tx-list .lrow:last-child{border-bottom-color:transparent}
#home-tx-list .lrow .amt{font-size:1.05rem;font-weight:850;line-height:1.2;white-space:nowrap}
[data-theme="dark"] #home-tx-list .lrow{border-bottom-color:color-mix(in srgb,var(--text) 22%,transparent)}
[data-theme="dark"] #home-tx-list .lrow:last-child{border-bottom-color:transparent}
#home-tx-list .empty{padding:26px 14px}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){
  #home-tx-list .lrow,[data-theme="dark"] #home-tx-list .lrow{border-bottom-color:var(--text-muted)}
  #home-tx-list .lrow:last-child{border-bottom-color:transparent}
}

/* Home promo slider: dots sit inside the banner, bottom-centre, on a small
   translucent pill so they stay visible on any banner image. */
.home-promo-slider{position:relative}
.home-promo-dots{
  position:absolute;left:50%;bottom:9px;transform:translateX(-50%);z-index:2;
  min-height:0;padding:5px 8px;gap:5px;border-radius:999px;
  background:rgba(12,10,30,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.home-promo-dot,[data-theme="dark"] .home-promo-dot{width:6px;height:6px;background:rgba(255,255,255,.6);opacity:1}
.home-promo-dot.active,[data-theme="dark"] .home-promo-dot.active{width:18px;background:#fff}
@media(max-width:390px){.home-promo-dots{padding:5px 8px;bottom:8px}}

/* No-internet popup: same card as the universal AppAlert popup, stacked above
   everything, not dismissible; closes automatically when back online. */
.alert-backdrop.finzo-offline-modal{z-index:20000;cursor:default}
.finzo-offline-modal .a-ic.finzo-offline-ic{background:var(--primary-soft);color:var(--primary)}
.finzo-offline-wait{display:inline-flex;align-items:center;gap:9px;margin:18px auto 0;padding:8px 13px;border-radius:999px;
  background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}
.finzo-offline-wait em{font-style:normal;font-size:.78rem;font-weight:750}
/* "Searching for signal" bars instead of a pulsing dot. */
.finzo-signal{display:inline-flex;align-items:flex-end;gap:2px;height:13px}
.finzo-signal i{display:block;width:3px;border-radius:1.5px;background:var(--primary);opacity:.22;
  animation:finzoSignalScan 1.6s ease-in-out infinite}
.finzo-signal i:nth-child(1){height:4px;animation-delay:0s}
.finzo-signal i:nth-child(2){height:7px;animation-delay:.18s}
.finzo-signal i:nth-child(3){height:10px;animation-delay:.36s}
.finzo-signal i:nth-child(4){height:13px;animation-delay:.54s}
@keyframes finzoSignalScan{0%,15%{opacity:.22}35%,60%{opacity:1}85%,100%{opacity:.22}}
@media(prefers-reduced-motion:reduce){.finzo-signal i{animation:none}.finzo-signal i:nth-child(-n+2){opacity:1}}

/* ===== Login success screen (tick animation) ===== */
.login-success-screen{position:fixed;inset:0;z-index:19000;display:flex;flex-direction:column;overflow:hidden;
  background:var(--bg);
  background:radial-gradient(130% 78% at 50% 28%,color-mix(in srgb,var(--primary) 22%,var(--bg)) 0%,color-mix(in srgb,var(--primary) 6%,var(--bg)) 58%,var(--bg) 100%);
  opacity:0;transition:opacity .25s ease}
.login-success-screen.is-in{opacity:1}
.login-success-screen.is-leaving{opacity:0;pointer-events:none;transition:opacity .4s ease}
.ls-center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:max(24px,env(safe-area-inset-top)) 22px 24px}
/* Tick moving up when the sheet enters, and iOS-style keyboard changes, animate;
   Android layout resizes apply instantly (prevents a bounce). */
.login-success-screen.ls-entering .ls-center{transition:padding-bottom .6s cubic-bezier(.2,.85,.25,1)}
.login-success-screen.ls-kb-anim .ls-center{transition:padding-bottom .3s cubic-bezier(.2,.8,.2,1)}
.ls-badge{position:relative;flex:none;width:136px;height:136px;margin-bottom:26px;
  transition:width .6s cubic-bezier(.2,.85,.25,1),height .6s cubic-bezier(.2,.85,.25,1),margin .6s cubic-bezier(.2,.85,.25,1)}
.ls-circle{position:absolute;inset:12px;border-radius:50%;display:grid;place-items:center;background:var(--primary);
  box-shadow:0 20px 44px -16px color-mix(in srgb,var(--primary) 70%,transparent),inset 0 2px 0 rgba(255,255,255,.25);
  transform:scale(0);animation:lsPop .58s cubic-bezier(.2,1.45,.4,1) .08s forwards}
.ls-check{width:58%;height:58%;fill:none;stroke:#fff;stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:40;stroke-dashoffset:40;animation:lsDraw .42s cubic-bezier(.65,0,.35,1) .52s forwards}
.ls-ring{position:absolute;inset:12px;border-radius:50%;border:3px solid var(--primary);opacity:0;animation:lsRing 1.05s ease-out .46s forwards}
.ls-ring-2{animation-delay:.66s;border-width:2px}
.ls-burst{position:absolute;inset:0;pointer-events:none}
.ls-burst i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--primary);
  opacity:0;transform:rotate(var(--a)) translateY(0) scale(.3);animation:lsBurst .78s cubic-bezier(.2,.8,.3,1) .6s forwards}
.ls-burst i:nth-child(3n+2){background:#2fb0ff;border-radius:2px;width:7px;height:10px;margin:-5px 0 0 -3.5px}
.ls-burst i:nth-child(3n+3){background:#ffb020}
.ls-title{margin:0;font-size:1.38rem;font-weight:850;letter-spacing:-.015em;line-height:1.25;color:var(--text);
  opacity:0;transform:translateY(10px);animation:lsUp .45s ease-out .78s forwards}
.ls-sub{margin:8px 0 0;font-size:1rem;font-weight:650;color:var(--text-muted);
  opacity:0;transform:translateY(10px);animation:lsUp .45s ease-out .9s forwards}
.ls-title.ls-instant{animation-delay:0s;animation-duration:.4s}
.ls-sub.ls-instant{animation-delay:.08s;animation-duration:.4s}

/* New account: tick moves up, the name sheet slides up from the bottom and
   stays above the on-screen keyboard (--ls-kb is set from visualViewport). */
.login-success-screen.ls-ask-name .ls-center{padding-bottom:calc(var(--ls-sheet-h,320px) + var(--ls-kb,0px) + 16px)}
.login-success-screen.ls-ask-name .ls-badge{width:96px;height:96px;margin-bottom:16px}
.login-success-screen.ls-ask-name .ls-title{font-size:1.2rem}
.ls-sheet{position:fixed;left:0;right:0;bottom:var(--ls-kb,0px);z-index:2;margin:0 auto;width:100%;max-width:460px;box-sizing:border-box;
  padding:12px 20px max(20px,env(safe-area-inset-bottom));text-align:left;
  border-radius:26px 26px 0 0;background:var(--surface);border:1px solid var(--border);border-bottom:0;
  box-shadow:0 -20px 44px -26px rgba(30,25,90,.5);
  transform:translateY(110%);transition:transform .55s cubic-bezier(.2,.9,.25,1)}
.login-success-screen.ls-kb-anim .ls-sheet{transition:transform .55s cubic-bezier(.2,.9,.25,1),bottom .3s cubic-bezier(.2,.8,.2,1)}
.login-success-screen.ls-ask-name .ls-sheet{transform:none}
.ls-sheet-handle{display:block;width:40px;height:4px;margin:0 auto 14px;border-radius:4px;background:var(--border)}
.ls-sheet h3{margin:0;font-size:1.06rem;font-weight:850;color:var(--text)}
.ls-sheet p{margin:4px 0 14px;font-size:.84rem;line-height:1.45;color:var(--text-muted)}
.ls-sheet label{display:block;font-size:.8rem;font-weight:800;color:var(--text)}
.ls-sheet .input{width:100%;margin:8px 0 7px}
.login-success-screen.ls-ask-name .ls-sheet .input{animation:lsGlow 1.3s ease .5s 1}
.ls-sheet small{display:block;font-size:.75rem;line-height:1.4;color:var(--text-muted)}
.ls-sheet .btn{width:100%;margin-top:16px}
.ls-sheet .btn.ls-saved,.ls-sheet .btn.ls-saved[disabled]{background:var(--success)!important;background-image:none!important;color:#fff!important;
  -webkit-text-fill-color:#fff;border:0!important;opacity:1;pointer-events:none;gap:8px;animation:lsSaved .35s cubic-bezier(.2,1.4,.4,1)}
[data-theme="dark"] .ls-sheet{box-shadow:0 -20px 44px -22px rgba(0,0,0,.85)}
@media(max-height:620px){
  .login-success-screen.ls-ask-name .ls-badge{width:72px;height:72px;margin-bottom:10px}
  .login-success-screen.ls-ask-name .ls-sub{display:none}
}

/* Page behind the success screen never scrolls. */
html.ls-lock,html.ls-lock body{overflow:hidden!important;overscroll-behavior:none}

/* Exit: the tick circle expands over the whole screen. */
.ls-reveal{position:fixed;z-index:3;border-radius:50%;background:var(--primary);pointer-events:none;
  transform:scale(1);transition:transform .56s cubic-bezier(.7,0,.25,1)}

@keyframes lsPop{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes lsDraw{to{stroke-dashoffset:0}}
@keyframes lsRing{0%{transform:scale(.92);opacity:.55}100%{transform:scale(1.6);opacity:0}}
@keyframes lsBurst{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.3)}
  15%{opacity:1}70%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.9)}}
@keyframes lsUp{to{opacity:1;transform:none}}
@keyframes lsGlow{0%,100%{box-shadow:0 0 0 0 transparent}40%{box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 26%,transparent)}}
@keyframes lsSaved{0%{transform:scale(.96)}100%{transform:scale(1)}}
.login-success-screen.no-motion *{animation:none!important;transition:none!important}
.login-success-screen.no-motion .ls-circle{transform:none}
.login-success-screen.no-motion .ls-check{stroke-dashoffset:0}
.login-success-screen.no-motion .ls-title,.login-success-screen.no-motion .ls-sub{opacity:1;transform:none}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){
  .login-success-screen{background:var(--bg)}
  .ls-circle{box-shadow:0 20px 44px -16px rgba(90,60,220,.6)}
}

/* Arrival on Home after login: start under the same gradient, fade it out,
   and let the Home sections rise in one after another. */
html.finzo-arrive #app-loader{display:none}
html.finzo-arrive::after{content:"";position:fixed;inset:0;z-index:30000;background:var(--primary);pointer-events:none;
  opacity:1;transition:opacity .55s ease}
html.finzo-arrive.finzo-arrive-out::after{opacity:0}
html.finzo-home-enter #home-layout-root>*{animation:finzoHomeIn .6s cubic-bezier(.2,.8,.2,1) both}
html.finzo-home-enter #home-layout-root>*:nth-child(1){animation-delay:.05s}
html.finzo-home-enter #home-layout-root>*:nth-child(2){animation-delay:.11s}
html.finzo-home-enter #home-layout-root>*:nth-child(3){animation-delay:.17s}
html.finzo-home-enter #home-layout-root>*:nth-child(4){animation-delay:.23s}
html.finzo-home-enter #home-layout-root>*:nth-child(5){animation-delay:.29s}
html.finzo-home-enter #home-layout-root>*:nth-child(6){animation-delay:.35s}
html.finzo-home-enter #home-layout-root>*:nth-child(n+7){animation-delay:.41s}
@keyframes finzoHomeIn{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  html.finzo-home-enter #home-layout-root>*{animation:none}
  html.finzo-arrive::after{transition:none}
}

/* ===== Welcome screen (once per visit, signed-in users) ===== */
html.finzo-welcome,html.finzo-welcome body{overflow:hidden}
html.finzo-welcome #app-loader{display:none}
.finzo-welcome{position:fixed;inset:0;z-index:30000;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:max(24px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));text-align:center;color:var(--text);
  background:var(--bg);
  background:radial-gradient(130% 78% at 50% 34%,color-mix(in srgb,var(--primary) 22%,var(--bg)) 0%,color-mix(in srgb,var(--primary) 6%,var(--bg)) 58%,var(--bg) 100%);
  transition:opacity .3s ease}
.finzo-welcome.fw-leaving{opacity:0}
.fw-center{display:flex;flex-direction:column;align-items:center}
.fw-badge{position:relative;width:150px;height:150px;margin-bottom:26px}
.fw-ring{position:absolute;inset:26px;border-radius:34px;border:2px solid var(--primary);opacity:0;animation:fwRing 1.4s ease-out .3s forwards}
.fw-ring-2{animation-delay:.55s}
.fw-tile{position:absolute;inset:26px;border-radius:30px;overflow:hidden;display:grid;place-items:center;background:#fff;
  box-shadow:0 22px 44px -18px color-mix(in srgb,var(--primary) 70%,transparent),inset 0 0 0 1px rgba(0,0,0,.04);
  transform:scale(.4);opacity:0;animation:fwPop .6s cubic-bezier(.2,1.45,.4,1) .05s forwards}
.fw-tile img{width:74px;height:74px;object-fit:contain}
.fw-shine{position:absolute;top:-30px;left:-60px;width:36px;height:170px;background:rgba(255,255,255,.75);transform:rotate(24deg);
  animation:fwShine .9s ease-in-out .7s forwards}
.fw-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;margin-bottom:14px;
  background:var(--surface);border:1px solid var(--border);color:var(--primary);font-size:.8125rem;font-weight:800;
  opacity:0;transform:translateY(10px);animation:fwUp .45s ease-out .45s forwards}
.fw-title{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--text);
  opacity:0;transform:translateY(10px);animation:fwUp .5s ease-out .58s forwards}
.fw-sub{margin:10px 0 0;font-size:.95rem;font-weight:600;color:var(--text-muted);opacity:0;transform:translateY(10px);animation:fwUp .5s ease-out .7s forwards}
.fw-foot{position:absolute;left:0;right:0;bottom:max(40px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:8px;
  color:var(--text-muted);font-size:.8125rem;font-weight:700}
.fw-foot i{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:fwDot 1.2s ease-in-out infinite}
.fw-foot i:nth-child(2){animation-delay:.15s}.fw-foot i:nth-child(3){animation-delay:.3s}
.fw-foot span{margin-left:4px}
.fw-reveal{position:fixed;z-index:30001;border-radius:30px;background:var(--primary);pointer-events:none;transform:scale(1);
  transition:transform .56s cubic-bezier(.7,0,.25,1),border-radius .3s ease,opacity .5s ease}
.fw-reveal.fw-reveal-out{opacity:0;transition:opacity .6s ease}
@keyframes fwPop{to{transform:scale(1);opacity:1}}
@keyframes fwRing{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
@keyframes fwShine{to{left:150px}}
@keyframes fwUp{to{opacity:1;transform:none}}
@keyframes fwDot{0%,100%{opacity:.25}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .finzo-welcome *{animation:none!important}
  .fw-tile,.fw-chip,.fw-title,.fw-sub{opacity:1;transform:none}
  .fw-ring,.fw-shine{display:none}
}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){
  .finzo-welcome{background:var(--bg)}
  .fw-tile{box-shadow:0 22px 44px -18px rgba(90,60,220,.6)}
}

/* ===== Change A-PIN: step-by-step keypad sheet ===== */
.cpin-steps{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cpin-step{display:flex;flex-direction:column;gap:7px;min-width:0}
.cpin-bar{display:block;height:4px;border-radius:4px;background:var(--border);transition:background .3s ease}
.cpin-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:var(--text-muted);transition:color .3s ease}
.cpin-num{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:.6875rem;font-weight:800;color:#fff;
  background:color-mix(in srgb,var(--text-muted) 45%,var(--surface));transition:background .3s ease}
.cpin-num i{font-size:.625rem}
.cpin-step.is-active .cpin-bar,.cpin-step.is-active .cpin-num{background:var(--primary)}
.cpin-step.is-active .cpin-label{color:var(--text)}
.cpin-step.is-done .cpin-bar,.cpin-step.is-done .cpin-num{background:var(--success)}
.cpin-step.is-done .cpin-label{color:var(--success)}
.cpin-stage{position:relative;margin-top:14px}
.cpin-pane{animation:cpinIn .32s cubic-bezier(.2,.8,.2,1) both}
.cpin-pane.cpin-in-back{animation-name:cpinInBack}
.cpin-stage.is-busy{pointer-events:none}
.cpin-stage.is-busy .pin-dots{animation:cpinBusy .9s ease-in-out infinite}
.cpin-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 4px 4px}
.cpin-done-ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;
  background:var(--success-soft);color:var(--success);font-size:2.1rem;animation:lsPop .5s cubic-bezier(.2,1.45,.4,1) both}
.cpin-done h4{margin:0;font-size:1.2rem;font-weight:800;color:var(--text)}
.cpin-done p{margin:8px auto 0;max-width:300px;font-size:.875rem;line-height:1.5;color:var(--text-muted)}
.cpin-done .btn{width:100%;margin-top:24px}
@keyframes cpinIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes cpinInBack{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes cpinBusy{0%,100%{opacity:1}50%{opacity:.45}}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){.cpin-num{background:var(--text-muted)}}
@media(prefers-reduced-motion:reduce){.cpin-pane,.cpin-done-ic{animation:none}}

/* =====================================================================
   Premium theme system (2026.10.15)
   - Card finish (Matte / Metal / Glass) via [data-finish] variables
   - Festival art layers via [data-color] variables
   - Theme Colour sheet with live preview (.tc-*)
   Variables inherit, so the preview box (own data-* attributes) and the
   real app (attributes on <html>) both resolve to the right look.
   ===================================================================== */
/* Festival art (only festival colours draw anything) */
[data-color]{--fz-festive:linear-gradient(transparent,transparent);}
[data-color="navratri"]{--fz-festive:
  radial-gradient(60% 55% at 100% 0%,rgba(255,196,72,.42),rgba(255,196,72,0) 70%),
  radial-gradient(circle at 84% 22%,rgba(255,236,170,.95) 0 2px,rgba(255,236,170,0) 3px),
  radial-gradient(circle at 70% 12%,rgba(255,236,170,.8) 0 1.5px,rgba(255,236,170,0) 2.5px),
  radial-gradient(circle at 92% 46%,rgba(255,236,170,.7) 0 1.5px,rgba(255,236,170,0) 2.5px);}
[data-color="diwali"]{--fz-festive:
  radial-gradient(55% 60% at 100% 0%,rgba(255,206,92,.48),rgba(255,206,92,0) 70%),
  radial-gradient(40% 45% at 0% 100%,rgba(255,150,40,.30),rgba(255,150,40,0) 70%),
  radial-gradient(circle at 80% 20%,#fff3c4 0 2px,rgba(255,243,196,0) 3.2px),
  radial-gradient(circle at 64% 10%,#ffe7a0 0 1.5px,rgba(255,231,160,0) 2.6px),
  radial-gradient(circle at 90% 40%,#ffe7a0 0 1.6px,rgba(255,231,160,0) 2.6px),
  radial-gradient(circle at 72% 34%,#fff3c4 0 1px,rgba(255,243,196,0) 2px),
  radial-gradient(circle at 96% 14%,#fff3c4 0 1.2px,rgba(255,243,196,0) 2.2px);}
[data-color="holi"]{--fz-festive:
  radial-gradient(42% 50% at 8% 100%,rgba(255,214,0,.42),rgba(255,214,0,0) 70%),
  radial-gradient(40% 48% at 96% 92%,rgba(40,220,140,.38),rgba(40,220,140,0) 70%),
  radial-gradient(36% 44% at 78% 0%,rgba(255,120,200,.40),rgba(255,120,200,0) 70%),
  radial-gradient(circle at 60% 30%,rgba(255,255,255,.55) 0 2px,rgba(255,255,255,0) 3px),
  radial-gradient(circle at 86% 56%,rgba(255,255,255,.45) 0 1.5px,rgba(255,255,255,0) 2.5px);}
[data-color="tiranga"]{--fz-festive:
  linear-gradient(135deg,rgba(255,255,255,0) 41%,rgba(255,255,255,.20) 50%,rgba(255,255,255,0) 59%),
  radial-gradient(circle at 86% 24%,rgba(255,255,255,0) 0 14px,rgba(255,255,255,.42) 14.5px 16.5px,rgba(255,255,255,0) 17px),
  radial-gradient(circle at 86% 24%,rgba(255,255,255,.45) 0 2.5px,rgba(255,255,255,0) 3.5px);}
[data-color="newyear"]{--fz-festive:
  radial-gradient(50% 55% at 100% 0%,rgba(255,215,120,.30),rgba(255,215,120,0) 70%),
  radial-gradient(circle at 78% 18%,#ffd86b 0 2px,rgba(255,216,107,0) 3px),
  radial-gradient(circle at 90% 36%,#ffffff 0 1.5px,rgba(255,255,255,0) 2.5px),
  radial-gradient(circle at 66% 30%,#ff9ad5 0 1.6px,rgba(255,154,213,0) 2.6px),
  radial-gradient(circle at 94% 12%,#9ad8ff 0 1.5px,rgba(154,216,255,0) 2.5px),
  radial-gradient(circle at 58% 12%,#ffd86b 0 1.2px,rgba(255,216,107,0) 2.2px);}

/* ---- Card finish: 12 styles on every wallet card (Home, Wallet, Earn,
   Add Fund, Fund / Withdrawal Manager) + the picker preview. The base is the
   theme's 3-colour --card-mesh; the finish and festival art layer on top. ---- */
@property --fz-x{syntax:'<percentage>';inherits:false;initial-value:50%}
@keyframes fzHolo{from{--fz-x:18%}to{--fz-x:86%}}
@keyframes fzAurora{0%{--fz-x:22%}100%{--fz-x:78%}}
html[data-finish] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),
.tc-preview .tc-pv-card,
.tc-fin-chip{
  --fz-finish:linear-gradient(transparent,transparent);
  --fz-ring:0 0 0 0 transparent;
  --fz-x:50%;
}
html[data-finish] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),
.tc-preview .tc-pv-card{
  background:var(--fz-festive,linear-gradient(transparent,transparent)),var(--fz-finish),var(--card-mesh,var(--grad));
}
html[data-finish="matte"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="matte"] .tc-pv-card,.tc-fin-chip[data-finish="matte"]{--fz-finish:linear-gradient(transparent,transparent);--fz-ring:0 0 0 0 transparent;}
html[data-finish="metal"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="metal"] .tc-pv-card,.tc-fin-chip[data-finish="metal"]{--fz-finish:linear-gradient(112deg,rgba(255,255,255,0) 26%,rgba(255,255,255,.24) 42%,rgba(255,255,255,.06) 50%,rgba(255,255,255,0) 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.04) 1px 2px,transparent 2px 4px),linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 42%,rgba(0,0,0,.18) 100%);--fz-ring:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.12);}
html[data-finish="glass"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="glass"] .tc-pv-card,.tc-fin-chip[data-finish="glass"]{--fz-finish:linear-gradient(150deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.10) 34%,rgba(255,255,255,0) 58%),radial-gradient(120% 90% at 100% 100%,rgba(255,255,255,.18),rgba(255,255,255,0) 55%),radial-gradient(80% 60% at 0% 100%,rgba(0,0,0,.10),rgba(0,0,0,0) 60%);--fz-ring:inset 0 0 0 1px rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.55);}
html[data-finish="carbon"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="carbon"] .tc-pv-card,.tc-fin-chip[data-finish="carbon"]{--fz-finish:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 3px,rgba(0,0,0,0) 3px 6px),repeating-linear-gradient(-45deg,rgba(0,0,0,.22) 0 3px,rgba(0,0,0,0) 3px 6px);--fz-ring:inset 0 1px 0 rgba(255,255,255,.22);}
html[data-finish="holographic"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="holographic"] .tc-pv-card,.tc-fin-chip[data-finish="holographic"]{--fz-finish:linear-gradient(115deg,rgba(255,110,200,0) calc(var(--fz-x) - 34%),rgba(255,130,210,.36) calc(var(--fz-x) - 17%),rgba(130,220,255,.38) var(--fz-x),rgba(170,255,180,.32) calc(var(--fz-x) + 12%),rgba(255,230,120,.28) calc(var(--fz-x) + 22%),rgba(255,230,120,0) calc(var(--fz-x) + 36%));--fz-ring:inset 0 0 0 1px rgba(255,255,255,.30);animation:fzHolo 7s ease-in-out infinite alternate;}
html[data-finish="diamond"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="diamond"] .tc-pv-card,.tc-fin-chip[data-finish="diamond"]{--fz-finish:conic-gradient(from 210deg at 74% 34%,rgba(255,255,255,.20) 0deg,rgba(255,255,255,0) 40deg,rgba(255,255,255,.12) 90deg,rgba(255,255,255,0) 140deg,rgba(255,255,255,.16) 200deg,rgba(255,255,255,0) 250deg,rgba(255,255,255,.08) 300deg,rgba(255,255,255,.20) 360deg),linear-gradient(125deg,rgba(255,255,255,0) 48%,rgba(255,255,255,.18) 50%,rgba(255,255,255,0) 52%),radial-gradient(circle at 74% 34%,rgba(255,255,255,.55) 0 1.5px,rgba(255,255,255,0) 3px);--fz-ring:inset 0 0 0 1px rgba(255,255,255,.26),inset 0 1px 0 rgba(255,255,255,.5);}
html[data-finish="pearl"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="pearl"] .tc-pv-card,.tc-fin-chip[data-finish="pearl"]{--fz-finish:radial-gradient(60% 50% at 28% 18%,rgba(255,255,255,.36),rgba(255,255,255,0) 60%),linear-gradient(160deg,rgba(255,235,250,.24),rgba(210,240,255,.14));--fz-ring:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.5);}
html[data-finish="velvet"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="velvet"] .tc-pv-card,.tc-fin-chip[data-finish="velvet"]{--fz-finish:radial-gradient(130% 110% at 22% 12%,rgba(255,255,255,.16),rgba(255,255,255,0) 46%),radial-gradient(120% 100% at 100% 100%,rgba(0,0,0,.38),rgba(0,0,0,0) 62%),linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.14));--fz-ring:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 24px rgba(0,0,0,.18);}
html[data-finish="sparkle"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="sparkle"] .tc-pv-card,.tc-fin-chip[data-finish="sparkle"]{--fz-finish:radial-gradient(circle at 12% 30%,#fff 0 1.2px,rgba(255,255,255,0) 2px),radial-gradient(circle at 34% 78%,#fff 0 1px,rgba(255,255,255,0) 1.8px),radial-gradient(circle at 58% 18%,#fff 0 1.4px,rgba(255,255,255,0) 2.2px),radial-gradient(circle at 76% 62%,#fff 0 1px,rgba(255,255,255,0) 1.8px),radial-gradient(circle at 88% 30%,#fff 0 1.5px,rgba(255,255,255,0) 2.4px),radial-gradient(circle at 46% 50%,rgba(255,255,255,.8) 0 .9px,rgba(255,255,255,0) 1.6px),radial-gradient(circle at 93% 84%,#fff 0 1.1px,rgba(255,255,255,0) 1.9px),radial-gradient(circle at 22% 90%,#fff 0 1px,rgba(255,255,255,0) 1.8px),radial-gradient(circle at 66% 90%,rgba(255,255,255,.8) 0 1px,rgba(255,255,255,0) 1.8px),radial-gradient(circle at 5% 60%,rgba(255,255,255,.8) 0 1px,rgba(255,255,255,0) 1.8px);--fz-ring:inset 0 1px 0 rgba(255,255,255,.25);}
html[data-finish="geometric"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="geometric"] .tc-pv-card,.tc-fin-chip[data-finish="geometric"]{--fz-finish:repeating-linear-gradient(60deg,rgba(255,255,255,.08) 0 1px,rgba(255,255,255,0) 1px 22px),repeating-linear-gradient(-60deg,rgba(255,255,255,.08) 0 1px,rgba(255,255,255,0) 1px 22px);--fz-ring:inset 0 1px 0 rgba(255,255,255,.22);}
html[data-finish="leather"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="leather"] .tc-pv-card,.tc-fin-chip[data-finish="leather"]{--fz-finish:radial-gradient(circle,rgba(0,0,0,.18) 0 .8px,rgba(0,0,0,0) 1.3px) 0 0/5px 5px,radial-gradient(circle,rgba(255,255,255,.07) 0 .8px,rgba(255,255,255,0) 1.3px) 2px 2px/5px 5px,linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12));--fz-ring:inset 0 1px 0 rgba(255,255,255,.16);}
html[data-finish="liveaurora"] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-preview[data-finish="liveaurora"] .tc-pv-card,.tc-fin-chip[data-finish="liveaurora"]{--fz-finish:radial-gradient(60% 70% at var(--fz-x) 40%,rgba(120,255,220,.30),rgba(120,255,220,0) 65%),radial-gradient(50% 60% at calc(100% - var(--fz-x)) 72%,rgba(255,140,230,.26),rgba(255,140,230,0) 65%);--fz-ring:inset 0 0 0 1px rgba(255,255,255,.2);animation:fzAurora 11s ease-in-out infinite alternate;}
html[data-finish]:not([data-finish="matte"]) :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance){box-shadow:var(--fz-ring),0 22px 50px -22px var(--primary)}
@media(prefers-reduced-motion:reduce){html[data-finish] :is(.profile-card,.home-wallet-focus,.home-lifafa-hero,.home-earn-hero,.home-finance-card,.wallet-hero,.fm-wallet,.coin-wallet-card,.af-hero,.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance),.tc-pv-card,.tc-fin-chip{animation:none!important}}

/* ---------- Theme Colour sheet ---------- */
.tc-sheet{display:flex;flex-direction:column;gap:16px;padding-bottom:4px}
.tc-preview{
  position:relative;border-radius:22px;padding:12px;background:var(--bg);border:1px solid var(--border);
  color:var(--text);display:flex;flex-direction:column;gap:10px;overflow:hidden;
  transition:background-color .25s var(--ease),border-color .25s var(--ease);
}
.tc-preview[data-theme="light"]{
  --surface:#ffffff;--text:#141625;--text-muted:#6b7192;
  --shadow-sm:0 5px 16px -12px rgba(30,32,60,.24);
}
.tc-pv-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tc-pv-brand{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--text)}
.tc-pv-mode{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.tc-pv-mode i{color:var(--primary-ink, var(--primary))}
.tc-pv-card{position:relative;border-radius:18px;padding:14px;color:#fff;overflow:hidden;box-shadow:var(--fz-ring),0 16px 30px -20px var(--primary)}
.tc-pv-row{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;font-weight:700;opacity:.92}
.tc-pv-fest{font-size:1.05rem;line-height:1}
.tc-pv-card b{display:block;margin-top:6px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em}
.tc-pv-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.tc-pv-acts span{display:flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:11px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.16);font-size:.7rem;font-weight:800}
.tc-pv-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tc-pv-tiles span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.tc-pv-tiles i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink, var(--primary));font-size:.9rem}
.tc-pv-tiles em{font-style:normal;font-size:.66rem;font-weight:700;color:var(--text)}
.tc-pv-tx{display:grid;gap:6px;padding:9px 11px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.tc-pv-tx div{display:flex;align-items:center;gap:9px;font-size:.74rem;font-weight:700;color:var(--text)}
.tc-pv-tx span{flex:1}
.tc-pv-tx i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:.72rem}
.tc-pv-in{background:var(--success-soft);color:var(--success)}
.tc-pv-out{background:var(--danger-soft);color:var(--danger)}
.tc-pv-plus{color:var(--success)}
.tc-pv-minus{color:var(--danger)}
.tc-pv-btn{height:40px;border-radius:13px;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:.8rem;font-weight:800}
.tc-current{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}
.tc-current b{font-size:1.02rem;font-weight:800;color:var(--text)}
.tc-current span{font-size:.76rem;font-weight:700;color:var(--text-muted)}
.tc-sec{display:flex;flex-direction:column;gap:10px}
.tc-sec-head{display:flex;flex-direction:column;gap:2px;padding:0 2px}
.tc-sec-head b{font-size:.86rem;font-weight:800;color:var(--text)}
.tc-sec-head small{font-size:.72rem;color:var(--text-muted)}
.tc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}
.tc-sw{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;border:0;background:none;font:inherit;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}
.tc-sw-dot{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 16px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.tc-sw-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;transition:border-color .18s var(--ease)}
.tc-sw-dot i{color:#fff;font-size:1rem;opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s var(--ease)}
.tc-sw-emoji{position:absolute;right:-4px;bottom:-4px;font-size:.9rem;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.tc-sw-name{font-size:.68rem;font-weight:700;line-height:1.2;text-align:center;color:var(--text);max-width:100%}
.tc-sw-def{font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-top:-3px}
.tc-sw.sel .tc-sw-dot{transform:scale(1.04)}
.tc-sw.sel .tc-sw-dot::after{border-color:var(--primary)}
.tc-sw.sel .tc-sw-dot i{opacity:1;transform:scale(1)}
.tc-sw.sel .tc-sw-name{font-weight:800}
.tc-sw:focus-visible{outline:none}
.tc-sw:focus-visible .tc-sw-dot::after{border-color:var(--text-muted)}
.tc-fest-note{display:none;font-size:.74rem;font-weight:600;color:var(--text-muted);padding:0 2px}
.tc-fest-note.show{display:block}
.tc-finish{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tc-fin{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font:inherit;color:var(--text);cursor:pointer;transition:border-color .18s,background-color .18s}
.tc-fin b{font-size:.76rem;font-weight:800}
.tc-fin-chip{width:100%;height:26px;border-radius:8px;background:var(--fz-finish),var(--card-mesh,var(--grad));box-shadow:var(--fz-ring)}
.tc-fin.sel{border-color:var(--primary);background:var(--primary-soft)}
.tc-actions{position:sticky;bottom:0;padding-top:4px;background:linear-gradient(180deg,rgba(0,0,0,0),var(--surface) 30%)}
.tc-apply:disabled{opacity:.6}
.tc-offer .tc-pv-tx,.tc-offer .tc-pv-btn{display:none}
.tc-offer-copy{display:flex;align-items:flex-start;gap:12px;padding:0 2px}
.tc-offer-emoji{font-size:1.9rem;line-height:1}
.tc-offer-copy b{display:block;font-size:1rem;font-weight:800;color:var(--text)}
.tc-offer-copy p{margin:4px 0 0;font-size:.82rem;line-height:1.5;color:var(--text-muted)}
.tc-offer-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
@media(max-width:359px){.tc-grid{gap:10px 4px}.tc-sw-dot{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.tc-sw-dot,.tc-sw-dot i,.tc-preview{transition:none}}
/* Picker: preview stays visible (compact) while colours scroll underneath */
.tc-stick{position:sticky;top:-4px;z-index:4;margin:-4px -2px 0;padding:4px 2px 10px;background:var(--surface);background:color-mix(in srgb,var(--surface) 98%,var(--primary) 2%)}
.tc-stick .tc-pv-tx,.tc-stick .tc-pv-btn{display:none}
.tc-stick .tc-preview{gap:9px;padding:11px}
.tc-stick .tc-pv-tiles span{padding:7px 4px}
.tc-actions[data-color] .btn-primary{background:var(--grad);color:#fff}
/* Picker v3: shorter preview card, 3 tiles, compact 12-finish grid */
.tc-pv-card{padding:12px 13px}
.tc-pv-card b{font-size:1.22rem;margin-top:3px}
.tc-pv-acts{margin-top:9px;gap:7px}
.tc-pv-acts span{height:28px;border-radius:10px;font-size:.68rem}
.tc-pv-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.tc-stick .tc-pv-tiles span{flex-direction:row;justify-content:center;gap:7px;padding:6px 4px}
.tc-stick .tc-pv-tiles i{width:24px;height:24px;border-radius:8px;font-size:.78rem}
.tc-finish{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.tc-fin{gap:5px;padding:6px 5px 7px;border-radius:13px;border-width:1.5px}
.tc-fin b{font-size:.66rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-width:359px){.tc-finish{gap:5px}.tc-fin b{font-size:.6rem}}

/* Wallet + Earn balance cards: no decorative circles in the top-right corner */
.wallet-hero::before,.wallet-hero::after{content:none!important;display:none!important}
.coin-wallet-card .coin-wallet-orbit{display:none!important}

/* =====================================================================
   Wallet: Today pill + Wallet Report (2026.10.15)
   ===================================================================== */
.wallet-hero-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}
.wallet-hero-top .lbl{min-width:0}
.wallet-today-pill{
  flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;border-radius:999px;
  border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.92);color:#3a3f55;
  font:inherit;font-size:.74rem;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap;
  box-shadow:0 6px 16px -10px rgba(0,0,0,.45);-webkit-tap-highlight-color:transparent;
  transition:transform .15s var(--ease),background-color .2s,color .2s;
}
.wallet-today-pill:active{transform:scale(.96)}
.wallet-today-pill i{font-size:.8rem}
.wallet-today-pill b{font-weight:800;letter-spacing:-.01em}
.wallet-today-pill span{font-weight:700;opacity:.72}
.wallet-today-pill.is-up{background:#eafaf1;color:#067a3e;border-color:rgba(255,255,255,.7)}
.wallet-today-pill.is-down{background:#fdeeed;color:#c4291c;border-color:rgba(255,255,255,.7)}
.wallet-today-pill.is-flat{background:rgba(255,255,255,.9);color:#3a3f55}
.wallet-today-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:359px){.wallet-today-pill{height:28px;padding:0 9px 0 8px;font-size:.68rem}.wallet-today-pill span{display:none}}

.wallet-recent-actions{display:flex;align-items:center;gap:4px}
.wallet-recent-head .wallet-report-chip{background:var(--primary-soft);color:var(--primary-ink,var(--primary));padding:0 11px;font-weight:800}
.wallet-recent-head .wallet-report-chip i{font-size:.78rem}

.wr-sheet{display:flex;flex-direction:column;gap:12px;padding-bottom:6px}
.wr-ranges{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px}
.wr-ranges::-webkit-scrollbar{display:none}
.wr-range{flex:none;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}
.wr-range.active{background:var(--grad);color:#fff;border-color:transparent}
.wr-nav{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px}
.wr-arrow{width:40px;height:40px;border-radius:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer}
.wr-arrow:disabled{opacity:.35;cursor:default}
.wr-period{text-align:center;min-width:0}
.wr-period b{display:block;font-size:.98rem;font-weight:800;color:var(--text)}
.wr-period small{display:block;font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-custom{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
.wr-custom[hidden]{display:none}
.wr-custom label{display:flex;flex-direction:column;gap:4px;min-width:0}
.wr-custom label span{font-size:.7rem;font-weight:700;color:var(--text-muted)}
.wr-custom input{height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 10px;font:inherit;font-size:16px;min-width:0;width:100%;box-sizing:border-box}
.wr-custom .btn{height:42px;padding:0 16px}
.wr-body{display:flex;flex-direction:column;gap:12px;transition:opacity .2s}
.wr-body.is-busy{opacity:.55;pointer-events:none}
.wr-summary{border-radius:20px;padding:14px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:11px}
.wr-net{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.wr-net small{font-size:.72rem;font-weight:700;color:var(--text-muted)}
.wr-net b{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}
.wr-net.up b{color:var(--success)}
.wr-net.down b{color:var(--danger)}
.wr-net span{font-size:.72rem;font-weight:700;color:var(--text-muted)}
.wr-io{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wr-io-box{border-radius:14px;padding:10px 11px;display:flex;flex-direction:column;gap:3px}
.wr-io-box.in{background:var(--success-soft)}
.wr-io-box.out{background:var(--danger-soft)}
.wr-io-box small{font-size:.7rem;font-weight:700;color:var(--text-muted)}
.wr-io-box.in small i{color:var(--success)}
.wr-io-box.out small i{color:var(--danger)}
.wr-io-box b{font-size:1.02rem;font-weight:800;color:var(--text)}
.wr-chg{font-size:.68rem;font-weight:800}
.wr-chg.good{color:var(--success)}
.wr-chg.bad{color:var(--danger)}
.wr-chg.flat{color:var(--text-muted)}
.wr-bal{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:12px;background:var(--surface-2);font-size:.7rem;color:var(--text-muted);font-weight:700}
.wr-bal span{display:flex;flex-direction:column;gap:1px}
.wr-bal span:last-child{text-align:right}
.wr-bal b{font-size:.84rem;color:var(--text)}
.wr-bal i{color:var(--text-muted);font-size:.8rem}
.wr-prev{font-size:.7rem;font-weight:600;color:var(--text-muted);text-align:center}
.wr-card{border-radius:20px;padding:13px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.wr-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wr-card-head b{font-size:.9rem;font-weight:800;color:var(--text)}
.wr-toggle{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}
.wr-toggle button{height:28px;padding:0 11px;border-radius:999px;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.wr-toggle button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px -4px rgba(0,0,0,.35)}
.wr-donut-wrap{position:relative;width:180px;height:180px;margin:2px auto}
.wr-donut{width:100%;height:100%;display:block}
.wr-donut circle{transition:stroke-dasharray .5s var(--ease)}
.wr-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.wr-donut-center small{font-size:.68rem;font-weight:700;color:var(--text-muted)}
.wr-donut-center b{font-size:1.05rem;font-weight:800;color:var(--text);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-note{margin:0;font-size:.74rem;color:var(--text-muted);text-align:center}
.wr-cats{display:flex;flex-direction:column;gap:2px}
.wr-cat{border-radius:14px;transition:background-color .2s}
.wr-cat.open{background:var(--surface-2)}
.wr-cat-row{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:8px 6px;border:0;background:none;font:inherit;color:var(--text);text-align:left;cursor:pointer;border-radius:14px}
.wr-cat-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--wr-c) 16%,transparent);color:var(--wr-c);font-size:.9rem}
.wr-cat-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.wr-cat-main b{font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-cat-main small{font-size:.66rem;color:var(--text-muted);font-weight:600}
.wr-cat-bar{display:block;height:4px;border-radius:4px;background:var(--border);overflow:hidden;margin-top:2px}
.wr-cat-bar i{display:block;height:100%;border-radius:4px}
.wr-cat-amt{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:.76rem;font-weight:800}
.wr-cat-amt .in{color:var(--success)}
.wr-cat-amt .out{color:var(--danger)}
.wr-cat-chev{font-size:.7rem;color:var(--text-muted);transition:transform .2s}
.wr-cat.open .wr-cat-chev{transform:rotate(180deg)}
.wr-cat-items{padding:0 6px}
.wr-cat.open .wr-cat-items{padding:2px 6px 8px}
.wr-cat-items .lrow{background:transparent}
.wr-items-loading{display:grid;place-items:center;padding:12px;color:var(--primary)}
.wr-legend{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;color:var(--text-muted)}
.wr-dot{display:inline-block;width:8px;height:8px;border-radius:3px;margin-left:5px}
.wr-dot.in{background:var(--success)}
.wr-dot.out{background:var(--danger)}
.wr-bars{display:flex;align-items:flex-end;gap:3px;height:128px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.wr-bars::-webkit-scrollbar{display:none}
.wr-bar{flex:1 0 9px;min-width:9px;height:100%;display:flex;flex-direction:column;align-items:center;gap:4px}
.wr-bars.is-dense .wr-bar{flex:1 0 8px;min-width:8px}
.wr-bar-pair{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:1px}
.wr-bar-pair span{flex:1;max-width:7px;min-height:0;border-radius:3px 3px 1px 1px}
.wr-bin{background:var(--success)}
.wr-bout{background:var(--danger)}
.wr-bar em{height:12px;font-style:normal;font-size:.56rem;font-weight:700;color:var(--text-muted);white-space:nowrap}
.wr-hl{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 2px}
.wr-hl>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink,var(--primary));font-size:.85rem}
.wr-hl>i.in{background:var(--success-soft);color:var(--success)}
.wr-hl>i.out{background:var(--danger-soft);color:var(--danger)}
.wr-hl div{display:flex;flex-direction:column;gap:1px;min-width:0}
.wr-hl small{font-size:.66rem;color:var(--text-muted);font-weight:700}
.wr-hl b{font-size:.78rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-hl em{font-style:normal;font-size:.64rem;color:var(--text-muted)}
.wr-hl strong{font-size:.8rem;font-weight:800;color:var(--text)}
.wr-hl strong.in{color:var(--success)}
.wr-hl strong.out{color:var(--danger)}
.wr-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 12px;text-align:center;border-radius:20px;background:var(--surface);border:1px dashed var(--border)}
.wr-empty i{font-size:1.6rem;color:var(--primary-ink,var(--primary))}
.wr-empty b{font-size:.9rem;color:var(--text)}
.wr-empty p{margin:0;font-size:.76rem;color:var(--text-muted)}
.wr-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 10px;text-align:center}
.wr-error i{font-size:1.5rem;color:var(--danger)}
.wr-error p{margin:0;font-size:.8rem;color:var(--text-muted)}
.wr-view{margin-top:2px}
@media(max-width:359px){.wr-custom{grid-template-columns:1fr 1fr}.wr-custom .btn{grid-column:1/-1}.wr-donut-wrap{width:160px;height:160px}}
@media(prefers-reduced-motion:reduce){.wr-donut circle,.wr-body{transition:none}}
/* Report: 5 period tabs fit one row; custom dates get full-width fields */
.wr-ranges{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible}
.wr-range{padding:0 4px;font-size:.7rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-custom{grid-template-columns:1fr 1fr}
.wr-custom .btn{grid-column:1/-1;height:42px}
/* Picker: finish chips are static thumbnails (animated finishes only move on real cards/preview) */
.tc-fin-chip{animation:none!important}

/* =====================================================================
   Home layouts v2 (2026.10.16)
   ===================================================================== */
/* Balance meta: Today pill + eye on every balance card */
.hb-label-row{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.hb-meta{display:inline-flex;align-items:center;gap:6px;flex:none;margin-left:auto;text-transform:none;letter-spacing:0}
.hb-meta .wallet-today-pill{height:28px;font-size:.7rem;padding:0 10px 0 8px}
.hb-meta.is-compact .wallet-today-pill{height:26px;font-size:.66rem;padding:0 8px 0 7px;gap:4px}
.hb-meta.is-compact .wallet-today-pill span{display:none}
.hb-eye{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.16);color:#fff;font-size:.8rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s var(--ease)}
.hb-eye:active{transform:scale(.92)}
.hb-meta.is-compact .hb-eye{width:26px;height:26px;font-size:.72rem}
@media(max-width:359px){.hb-meta .wallet-today-pill span{display:none}}

/* Live status card */
.hx-status{margin-top:12px}
.hx-status[hidden]{display:none}
.hx-status-card{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto 14px;align-items:center;gap:11px;padding:11px 12px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);font:inherit;color:var(--text);text-align:left;cursor:pointer}
.hx-status-ic{position:relative;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--warning-soft);color:var(--warning);font-size:.95rem}
.hx-status-ic.add_fund{background:var(--info-soft);color:var(--info)}
.hx-status-pulse{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:var(--warning);border:2px solid var(--surface);animation:hxPulse 1.6s ease-in-out infinite}
.hx-status-ic.add_fund .hx-status-pulse{background:var(--info)}
@keyframes hxPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}
.hx-status-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.hx-status-copy b{font-size:.84rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-status-copy b em{font-style:normal;font-size:.68rem;font-weight:800;color:var(--warning);margin-left:4px}
.hx-status-copy small{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-status-more{font-size:.68rem;font-weight:800;color:var(--text-muted);background:var(--surface-2);border-radius:999px;padding:3px 8px}
.hx-status-go{font-size:.75rem;color:var(--text-muted)}

/* My shortcuts */
.hx-shortcuts{margin-top:18px}
.hx-sc-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}
.hx-sc-head b{font-size:1rem;font-weight:800;color:var(--text)}
.hx-sc-edit{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border-radius:10px;border:0;background:var(--primary-soft);color:var(--primary-ink,var(--primary));font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}
.hx-sc-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}
.hx-sc{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:84px;padding:11px 4px 10px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);font:inherit;color:var(--text);cursor:pointer;min-width:0}
.hx-sc span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink,var(--primary));font-size:1rem}
.hx-sc b{font-size:.68rem;font-weight:750;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hx-sc:active{transform:scale(.97)}
.hx-sc-add{border-style:dashed;box-shadow:none;background:transparent}
.hx-sc-add span{background:var(--surface-2);color:var(--text-muted)}
.hx-sc-sheet{display:flex;flex-direction:column;gap:14px;padding-bottom:4px}
.hx-sc-help{margin:0;font-size:.8rem;color:var(--text-muted)}
.hx-sc-picked{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hx-sc-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:78px;padding:10px 4px;border-radius:16px;border:1.5px dashed var(--border);background:transparent;font:inherit;color:var(--text-muted)}
.hx-sc-slot>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2)}
.hx-sc-slot b{font-size:.64rem;font-weight:750;text-align:center}
.hx-sc-slot.on{border:1.5px solid var(--primary);background:var(--primary-soft);color:var(--text);cursor:pointer}
.hx-sc-slot.on>span{background:var(--surface);color:var(--primary-ink,var(--primary))}
.hx-x{position:absolute;top:5px;right:6px;font-size:.62rem;color:var(--text-muted)}
.hx-sc-all{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hx-sc-opt{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:7px 9px;border-radius:14px;border:1px solid var(--border);background:var(--surface);font:inherit;color:var(--text);text-align:left;cursor:pointer;min-width:0}
.hx-sc-opt>span{width:30px;height:30px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary-ink,var(--primary));font-size:.85rem}
.hx-sc-opt b{font-size:.68rem;font-weight:750;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hx-tick{position:absolute;top:5px;right:6px;font-size:.6rem;color:var(--primary);opacity:0}
.hx-sc-opt.on{border-color:var(--primary);background:var(--primary-soft)}
.hx-sc-opt.on .hx-tick{opacity:1}
.hx-sc-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.6fr;gap:10px;padding-top:6px;background:var(--surface)}
@media(max-width:359px){.hx-sc-all{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* All Services */
.hx-all{display:flex;flex-direction:column;gap:16px;padding-bottom:6px}
.hx-all-group h4{margin:0 2px 9px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.hx-all-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px}
.hx-all-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 2px;border:0;background:none;font:inherit;color:var(--text);cursor:pointer;min-width:0}
.hx-all-item>span{position:relative;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--primary-ink,var(--primary));font-size:1.15rem}
.hx-all-item b{font-size:.68rem;font-weight:750;line-height:1.2;text-align:center}
.hx-all-item em{position:absolute;top:-6px;right:-8px;font-style:normal;font-size:.5rem;font-weight:800;padding:2px 5px;border-radius:999px;background:var(--warning-soft);color:var(--warning)}
.hx-all-item.is-soon{opacity:.55;cursor:default}
.hx-all-item:active>span{transform:scale(.95)}

/* Services grid: "More" is live (All Services); SOON tiles are quieter */
.service.is-more .sic{color:var(--primary-ink,var(--primary))}


/* Bigger tap targets */
.home-layout-edit,.heh-layout-edit{min-width:40px;min-height:40px}
.home-layout .home-layout-edit{width:40px;height:40px}
[data-home-promo-dot]{position:relative}
[data-home-promo-dot]::before{content:"";position:absolute;inset:-10px -4px}

/* Layout 1: check-in tile */
.home-earn-secondary .hx-checkin.is-due .ht-icon{background:var(--warning-soft);color:var(--warning)}
.home-earn-secondary .hx-checkin.is-due small{color:var(--warning);font-weight:800}

/* Layout 2: lifafa stats */
.hlh-stats{position:relative;z-index:2;display:flex;align-items:stretch;gap:8px;margin:2px 0 12px}
.hlh-stats>span{flex:1;display:flex;flex-direction:column;gap:1px;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);min-width:0}
.hlh-stats b{font-size:1.05rem;font-weight:800;color:#fff}
.hlh-stats small{font-size:.64rem;color:rgba(255,255,255,.8);font-weight:700}
.hlh-share{flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 12px;min-height:40px;border-radius:14px;border:0;background:#fff;color:var(--primary);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}

/* Layout 3: wallet focus */
.hwf-balance-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 0}
.home-layout-3 .hwf-balance{margin:0}
.hwf-wallet{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.16);color:#fff;font-size:1rem;cursor:pointer}
.hwf-week{position:relative;z-index:2;margin:12px 0 14px}
.hwf-week:empty{display:none}

/* Bars (layouts 3 + 9) — on mesh cards */
.hx-bars{display:flex;align-items:flex-end;gap:6px;height:54px}
.hx-bars.is-mini{height:38px}
.hx-bar{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.hx-bar-pair{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.hx-bar-pair i{flex:1;max-width:9px;border-radius:3px 3px 1px 1px;min-height:3px;background:rgba(255,255,255,.22)}
.hx-bar-pair i.in{background:#86efac}
.hx-bar-pair i.out{background:#fda4af}
.hx-bar-pair i[style*="height:0%"]{background:rgba(255,255,255,.2);height:3px!important}
.hx-bar em{font-style:normal;font-size:.55rem;font-weight:700;color:rgba(255,255,255,.75)}
.hx-bars.is-mini .hx-bar em{display:none}
.hx-week-meta{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:.66rem;font-weight:800;color:rgba(255,255,255,.82)}
.hx-week-meta span:first-child{margin-right:auto}
.hx-week-meta .in{color:#bbf7d0}
.hx-week-meta .out{color:#fecdd3}

/* Layout 4: pay again */
.home-contacts{margin-top:14px;padding:13px 12px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.hc-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}
.hc-head b{font-size:.92rem;font-weight:800;color:var(--text)}
.hc-head button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 8px;border:0;background:none;color:var(--primary-ink,var(--primary));font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.hc-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.hc-row::-webkit-scrollbar{display:none}
.hc-person{flex:0 0 66px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 0;border:0;background:none;font:inherit;color:var(--text);cursor:pointer;min-width:0}
.hc-person img,.hc-person>span{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:2px solid var(--primary-soft)}
.hc-person>span{display:grid;place-items:center;border:1.5px dashed var(--border);color:var(--primary-ink,var(--primary))}
.hc-person b{font-size:.7rem;font-weight:800;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-person small{font-size:.6rem;color:var(--text-muted);font-weight:700}
.hc-skel{flex:0 0 48px;height:48px;margin:2px 9px 30px;border-radius:50%;background:var(--surface-2)}
.hc-empty{margin:2px 2px 4px;font-size:.76rem;color:var(--text-muted)}

/* Layout 5: this month */
.home-month{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:13px;border-radius:20px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);font:inherit;color:var(--text);text-align:left;cursor:pointer}
.hm-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hm-head b{font-size:.88rem;font-weight:800}
.hm-net{font-size:.84rem;font-weight:800;color:var(--text-muted)}
.hm-net.up{color:var(--success)}
.hm-net.down{color:var(--danger)}
.hm-io{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hm-io>span{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:13px}
.hm-io .in{background:var(--success-soft)}
.hm-io .out{background:var(--danger-soft)}
.hm-io small{font-size:.66rem;font-weight:700;color:var(--text-muted)}
.hm-io b{font-size:.95rem;font-weight:800;color:var(--text)}
.home-layout-5 .hfc-top{opacity:1}
.home-layout-5 .hfc-top>span:first-child{opacity:.85}

/* Mesh balance cards for layouts 6, 8, 9, 10 (white text on the theme mesh) */
.home-minimal-balance,.home-rewards-panel,.home-activity-card,.home-pro-balance{color:#fff;border-color:transparent!important}
.home-minimal-balance{display:block!important;padding:16px 16px 17px!important}
.hmb-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hmb-top>span:first-child{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:rgba(255,255,255,.85)}
.hmb-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.hmb-row b{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:#fff}
.hmb-row button{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.16);color:#fff;font-size:1rem}
.home-rewards-panel::after{display:none!important}
.home-rewards-panel .hrp-top span{color:rgba(255,255,255,.82)!important}
.home-rewards-panel .hrp-top h2{color:#fff!important}
.home-rewards-panel .hrp-gift{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important}
.hrp-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}
.hrp-stats>span{display:flex;flex-direction:column;gap:1px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);min-width:0}
.hrp-stats small{font-size:.62rem;font-weight:700;color:rgba(255,255,255,.78)}
.hrp-stats b{font-size:.98rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hrp-stats em{font-style:normal;font-size:.58rem;font-weight:700;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:.8em}
.home-rewards-panel .hrp-balance{border-top-color:rgba(255,255,255,.18)!important;margin:16px 0 14px!important;align-items:center!important}
.home-rewards-panel .hrp-balance>span{flex:1;color:rgba(255,255,255,.82)!important;margin-right:10px}
.home-rewards-panel .hrp-balance b{color:#fff!important}
.home-rewards-panel .hrp-create{background:#fff!important;color:var(--primary)!important}
.home-activity-card{min-height:0!important;cursor:pointer}
.hac-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hac-head>span:first-child{font-size:.66rem;letter-spacing:.12em;font-weight:850;color:rgba(255,255,255,.85)}
.home-activity-card .hac-copy{margin-top:8px}
.home-activity-card .hac-copy small{color:rgba(255,255,255,.8)!important}
.home-activity-card .hac-copy b{color:#fff!important}
.hac-chart{position:relative;z-index:2;margin-top:12px}
html[data-finish] .home-layout-10 .home-pro-balance{background:var(--fz-festive,linear-gradient(transparent,transparent)),var(--fz-finish),var(--card-mesh,var(--grad))}
.home-layout-10 .home-pro-balance{align-items:flex-start!important}
.home-pro-balance .home-pro-balance-copy{flex:1;min-width:0}
.home-pro-balance .home-pro-balance-copy>span{color:rgba(255,255,255,.85)!important}
.home-pro-balance .home-pro-balance-copy>span i{color:#fff!important}
.home-pro-balance .home-pro-balance-copy>b{color:#fff!important}
.home-pro-balance .home-pro-balance-copy>small{color:rgba(255,255,255,.75)!important}
.home-pro-balance .home-pro-wallet-btn{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;min-height:40px;align-self:flex-end}
.home-pro-balance .hb-label-row{margin-right:0}

/* Layout 7: four quick actions */
.quick-actions-4 .qa{padding:13px}
.quick-actions-4 .qs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Layout picker with live preview */
.hlp{display:flex;flex-direction:column;gap:12px;padding-bottom:4px;--hlp-s:.85}
.hlp-stick{position:sticky;top:-4px;z-index:4;margin:-4px -2px 0;padding:4px 2px 8px;background:var(--surface);background:color-mix(in srgb,var(--surface) 98%,var(--primary) 2%)}
.hlp-stage{position:relative;height:300px;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}
.hlp-canvas{position:absolute;left:0;top:0;width:390px;transform:scale(var(--hlp-s));transform-origin:0 0;pointer-events:none}
.hlp-page{padding:12px 16px 20px}
.hlp-page .home-layout-edit,.hlp-page .heh-layout-edit{visibility:hidden}
.hlp-badge{position:absolute;left:10px;bottom:10px;z-index:3;padding:5px 10px;border-radius:999px;background:rgba(10,12,24,.72);color:#fff;font-size:.68rem;font-weight:800;backdrop-filter:blur(6px)}
.hlp-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.hlp-help{margin:0;font-size:.76rem;color:var(--text-muted)}
.hlp-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hlp-opt{position:relative;display:flex;align-items:center;gap:9px;min-height:58px;padding:8px 10px;border-radius:15px;border:1.5px solid var(--border);background:var(--surface);font:inherit;color:var(--text);text-align:left;cursor:pointer;min-width:0}
.hlp-num{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);font-size:.8rem;font-weight:800;color:var(--text-muted)}
.hlp-copy{display:flex;flex-direction:column;gap:1px;min-width:0}
.hlp-copy b{font-size:.76rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hlp-copy small{font-size:.62rem;color:var(--text-muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hlp-tick{position:absolute;top:6px;right:7px;font-size:.62rem;color:var(--primary);opacity:0}
.hlp-opt.selected{border-color:var(--primary);background:var(--primary-soft)}
.hlp-opt.selected .hlp-num{background:var(--primary);color:#fff}
.hlp-opt.selected .hlp-tick{opacity:1}
.hlp-opt.is-current::after{content:"Current";position:absolute;right:7px;bottom:5px;font-size:.52rem;font-weight:800;color:var(--text-muted)}
.hlp-actions{position:sticky;bottom:0;padding-top:4px;background:linear-gradient(180deg,rgba(0,0,0,0),var(--surface) 30%)}
@media(max-width:359px){.hlp-stage{height:260px}.hlp-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.hx-status-pulse{animation:none}}
/* Today pill / eye keep their own size inside big balance blocks */
.hb-meta .wallet-today-pill b{font-size:inherit!important;font-weight:800!important;letter-spacing:-.01em!important;line-height:1!important;margin:0!important;color:inherit!important;display:inline!important}
.hb-meta .wallet-today-pill i{font-size:.78rem!important;margin:0!important;color:inherit!important;opacity:1!important}
.hb-meta .hb-eye i{font-size:.8rem!important;margin:0!important;color:#fff!important}
.hb-label-row{white-space:nowrap}
.hlh-bottom>div{min-width:0}
.hlh-bottom button{white-space:nowrap;flex:none}
.home-layout-1 .heh-row>div{min-width:0;flex:1}
.home-layout-1 .heh-row small.hb-label-row{margin-right:10px}
.home-rewards-panel .hrp-balance{flex-direction:column!important;align-items:stretch!important;gap:4px}
.home-rewards-panel .hrp-balance>span{margin-right:0}
.home-rewards-panel .hrp-balance b{text-align:left}
.profile-card .pc-balance .hb-label-row{letter-spacing:.08em}
.home-pro-balance .hb-label-row>span:first-child{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hx-sc-all{grid-template-columns:repeat(2,minmax(0,1fr))}
.hx-sc-opt b{word-break:normal;overflow-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem}
.hx-sc b,.hx-all-item b,.hx-sc-slot b{word-break:normal;overflow-wrap:normal}

/* v15: My Shortcuts uses the section-title accent line; theme-styled one-line tiles */
.hx-shortcuts{margin-top:0}
.hx-sc-head.section-title{margin:22px 2px 10px}
.hx-sc-head .hx-sc-edit{min-height:32px}
.hx-sc{position:relative;overflow:hidden;gap:8px;min-height:86px;padding:12px 6px 11px;border-radius:20px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 7%,var(--surface)) 0%,var(--surface) 62%);
  border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));box-shadow:0 10px 22px -18px var(--primary)}
.hx-sc::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--grad);opacity:.85}
.hx-sc span{width:40px;height:40px;border-radius:14px;background:var(--grad);color:#fff;font-size:1rem;
  box-shadow:0 8px 16px -10px var(--primary),inset 0 1px 0 rgba(255,255,255,.25)}
.hx-sc b{display:block;width:100%;font-size:.68rem;font-weight:750;line-height:1.2;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;-webkit-box-orient:unset}
.hx-sc-add{background:transparent;border:1.5px dashed color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:none}
.hx-sc-add::after{display:none}
.hx-sc-add span{background:var(--primary-soft);color:var(--primary-ink,var(--primary));box-shadow:none}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){.hx-sc{background:var(--surface);border-color:var(--border)}}

/* Pickers: preview + action rows float without a boxed background */
.tc-stick,.hlp-stick{background:transparent!important}
.tc-actions,.hlp-actions,.hx-sc-actions{background:transparent!important}
.tc-stick,.hlp-stick{top:-4px;margin:0 -2px;padding:0 2px 10px}

/* Pull to refresh (whole app) — page reloads on release */
html.ptr-on,html.ptr-on body{overscroll-behavior-y:contain}
.ptr-ind{position:fixed;left:50%;top:calc(var(--safe-t) + 8px);z-index:1500;width:44px;height:44px;margin-top:-52px;
  transform:translate3d(-50%,0,0);opacity:0;pointer-events:none;will-change:transform,opacity}
.ptr-ind.settling{transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.ptr-ring{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);
  border:1px solid var(--border);box-shadow:0 10px 26px -12px rgba(0,0,0,.45);color:var(--primary-ink,var(--primary));
  transition:background-color .15s,color .15s}
.ptr-ring i{font-size:1.05rem;will-change:transform}
.ptr-ind.ready .ptr-ring,.ptr-ind.loading .ptr-ring{background:var(--primary);color:#fff;border-color:transparent}
.ptr-ind.loading .ptr-ring i{animation:ptrSpin .7s linear infinite}
@keyframes ptrSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ptr-ind.loading .ptr-ring i{animation:none}}

/* Home status card: same depth as the theme cards */
.hx-status-card{position:relative;overflow:hidden;
  background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 7%,var(--surface)) 0%,var(--surface) 64%);
  border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));
  box-shadow:0 16px 30px -22px var(--primary),0 6px 16px -12px rgba(20,22,40,.28),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .15s var(--ease),box-shadow .2s}
.hx-status-card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--grad)}
.hx-status-card:active{transform:scale(.985)}
.hx-status-ic{box-shadow:0 8px 16px -12px currentColor,inset 0 1px 0 rgba(255,255,255,.4)}
.hx-status-go{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink,var(--primary))}
.hx-status-card{grid-template-columns:40px minmax(0,1fr) auto 26px}
[data-theme="dark"] .hx-status-card{box-shadow:0 16px 30px -22px var(--primary),0 8px 20px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05)}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){.hx-status-card{background:var(--surface);border-color:var(--border)}}
/* v20: status card — no left accent; arrow pinned to the far right */
.hx-status-card::before{content:none!important;display:none!important}
.hx-status-card{display:flex!important;align-items:center;gap:11px}
.hx-status-card .hx-status-ic{flex:none}
.hx-status-card .hx-status-copy{flex:1 1 auto;min-width:0}
.hx-status-card .hx-status-more{flex:none}
.hx-status-card .hx-status-go{flex:none;margin-left:auto}

/* ---------------- Gateway API: overview, toolbar, chips, code tools ---------------- */
.gateway-docs-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gateway-docs-toolbar button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:.74rem;font-weight:850;box-shadow:0 4px 14px rgba(24,27,51,.04);transition:transform .15s,border-color .2s}
.gateway-docs-toolbar button i{color:var(--primary);font-size:.9rem}
.gateway-docs-toolbar button small{font-size:.62rem;font-weight:800;color:var(--text-muted);padding:2px 6px;border-radius:999px;background:var(--surface-2)}
.gateway-docs-toolbar button:active{transform:scale(.97)}
.gateway-docs-toolbar button:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}
.gateway-sec-chips{position:sticky;top:calc(var(--topbar-h,58px) + env(safe-area-inset-top,0px) + 4px);z-index:5;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px;margin:0 -2px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.gateway-sec-chips::-webkit-scrollbar{display:none}
.gateway-sec-chips button{flex:none;padding:7px 12px;border-radius:10px;font-size:.7rem;font-weight:850;color:var(--text-muted);background:transparent;white-space:nowrap;transition:background .2s,color .2s}
.gateway-sec-chips button.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent)}
.gateway-overview .gateway-ov-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.gateway-ov-stat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);min-width:0}
.gateway-ov-stat b{font-size:1rem;font-weight:900;line-height:1.1;color:var(--text)}
.gateway-ov-stat span{font-size:.6rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.gateway-ov-stat.total b{color:var(--primary)}
.gateway-ov-stat.ok b{color:var(--success,#16a34a)}
.gateway-ov-stat.bad b{color:var(--danger,#dc2626)}
.gateway-ov-stat.wait b{color:#d97706}
.gateway-ov-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.gateway-ov-meta>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;row-gap:1px;align-items:center;padding:9px 10px;border-radius:12px;background:var(--surface-2);min-width:0}
.gateway-ov-meta i{grid-row:span 2;color:var(--primary);font-size:.85rem;width:16px;text-align:center}
.gateway-ov-meta span{font-size:.6rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}
.gateway-ov-meta b{font-size:.72rem;font-weight:850;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:359px){.gateway-ov-meta{grid-template-columns:1fr}}
.gateway-eye-btn[aria-pressed="true"]{color:var(--primary)}
.gateway-secret.revealed{word-break:break-all}
.gateway-api-nav-title{margin:4px 2px -2px;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.gateway-api-nav-icon.utility{background:color-mix(in srgb,#f59e0b 14%,var(--surface));color:#d97706}
.gateway-sign-row{display:flex;align-items:center;gap:10px;margin:10px 0;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.gateway-sign-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gateway-sign-row span{font-size:.6rem;font-weight:850;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}
.gateway-sign-row b{font-size:.78rem;font-weight:900;color:var(--text)}
.gateway-sign-row small{font-size:.66rem;line-height:1.45;color:var(--text-muted)}
.gateway-sign-row code{font-size:.64rem;padding:1px 4px;border-radius:5px;background:var(--surface-2)}
.gateway-code-box .gateway-code-tools{display:flex;justify-content:flex-end;gap:6px;padding:0 9px 9px}
.gateway-code-tools button{position:static!important;display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.08);color:#c9cdf5;font-size:.64rem!important;font-weight:850;border:1px solid rgba(255,255,255,.06)}
.gateway-code-tools button.on{background:color-mix(in srgb,var(--primary) 55%,#10121d);color:#fff}
.gateway-code-box.wrap pre{white-space:pre-wrap!important;word-break:break-word;overflow-x:hidden}
.gateway-code-box.collapsible:not(.expanded) pre{max-height:220px!important;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.gateway-code-box.collapsible.expanded pre{max-height:none!important}
.gateway-utility-docs .gateway-extra-grid{margin-top:12px}
.gateway-ov-stat span{font-size:.56rem;letter-spacing:0;text-overflow:clip}
.gateway-ov-meta b{white-space:normal;overflow:visible;line-height:1.3}

/* ---------------- Gateway API: Phase 2 + fixes ---------------- */
/* clearer selected language tab */
.gateway-code-tabs{background:var(--surface-2)!important;border-color:var(--border)!important}
.gateway-code-tabs button{color:var(--text-muted)!important;background:transparent!important;box-shadow:none!important;border:1px solid transparent}
.gateway-code-tabs button.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 32%,transparent)!important}
.gateway-code-tabs button:not(.active):hover{color:var(--text)!important}
.gateway-sec-chips{top:76px;scroll-margin-top:90px}
.gateway-ov-meta>div.wide{grid-column:1/-1}
.gateway-ov-meta b em{font-style:normal;font-weight:700;color:var(--text-muted)}
.gateway-ov-logs{width:100%;display:flex;align-items:center;gap:9px;margin-top:9px;padding:11px 12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary);font-size:.74rem;font-weight:850;text-align:left}
.gateway-ov-logs span{flex:1}
.gateway-cb-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin:10px 0}
.gateway-cb-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.72rem;font-weight:850}
.gateway-cb-actions .gw-cb-test{background:var(--primary);border-color:var(--primary);color:#fff}
.gateway-cb-actions button:disabled{opacity:.5}
.gateway-cb-recent{margin:4px 0 10px}
.gw-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}
.gw-seg button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:10px;font-size:.74rem;font-weight:850;color:var(--text-muted)}
.gw-seg button.active{background:var(--surface);color:var(--primary);box-shadow:0 3px 10px rgba(0,0,0,.08)}
.gw-log-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 10px}
.gw-log-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.gw-log-chips button{flex:none;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.7rem;font-weight:850;color:var(--text-muted)}
.gw-log-chips button.active{background:var(--primary);border-color:var(--primary);color:#fff}
.gw-log-service{flex:1 1 140px;min-height:36px;padding:6px 10px;font-size:.74rem;border-radius:11px}
.gw-log-list{display:flex;flex-direction:column;gap:7px}
.gw-log-row{border:1px solid var(--border);border-radius:13px;background:var(--surface);overflow:hidden}
.gw-log-row summary{display:flex;align-items:center;gap:10px;padding:10px 11px;cursor:pointer;list-style:none}
.gw-log-row summary::-webkit-details-marker{display:none}
.gw-log-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--text-muted)}
.gw-log-row.ok .gw-log-dot{background:var(--success,#16a34a)}
.gw-log-row.bad .gw-log-dot{background:var(--danger,#dc2626)}
.gw-log-row.wait .gw-log-dot{background:#f59e0b}
.gw-log-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gw-log-main b{font-size:.76rem;font-weight:850;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gw-log-main small{font-size:.64rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,Menlo,Consolas,monospace}
.gw-log-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.gw-log-side small{font-size:.6rem;color:var(--text-muted);white-space:nowrap}
.gw-http{font-size:.62rem;font-weight:900;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}
.gw-log-row.ok .gw-http{background:var(--success-soft,#dcfce7);color:var(--success,#16a34a)}
.gw-log-row.bad .gw-http{background:color-mix(in srgb,var(--danger,#dc2626) 12%,var(--surface));color:var(--danger,#dc2626)}
.gw-log-row.wait .gw-http{background:color-mix(in srgb,#f59e0b 14%,var(--surface));color:#d97706}
.gw-log-row[open]{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
.gw-log-detail{display:flex;flex-direction:column;gap:6px;padding:4px 12px 12px 30px;border-top:1px dashed var(--border)}
.gw-log-detail>div{display:flex;justify-content:space-between;gap:12px;padding-top:6px}
.gw-log-detail span{font-size:.64rem;color:var(--text-muted);font-weight:700;flex:none}
.gw-log-detail b{font-size:.68rem;font-weight:800;color:var(--text);text-align:right;word-break:break-word;min-width:0}
.gw-retry{align-self:flex-start;display:flex;align-items:center;gap:6px;margin-top:6px;padding:7px 12px;border-radius:10px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:850}
.gw-retry:disabled{opacity:.6}
.gw-log-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 12px;text-align:center;color:var(--text-muted);font-size:.74rem;border:1px dashed var(--border);border-radius:14px}
.gw-log-empty i{font-size:1.3rem;opacity:.7}
.gw-log-empty.small{flex-direction:row;justify-content:center;padding:12px;font-size:.68rem}
.gw-log-empty.small i{font-size:.95rem}
.gw-log-empty.bad{color:var(--danger,#dc2626)}
.gw-log-more{width:100%;margin-top:10px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:.74rem;font-weight:850;color:var(--text)}
.gw-log-foot{display:flex;gap:7px;align-items:flex-start;margin:12px 0 0;font-size:.64rem;line-height:1.45;color:var(--text-muted)}
.gateway-docs-toolbar button:disabled{opacity:.6}
.gateway-docs-toolbar button{white-space:nowrap;min-width:0}
.gateway-docs-toolbar button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gateway-docs-toolbar button small{display:none}

/* ---------------- My Shortcuts: colour tiles (rounded square, full border) ---------------- */
.hx-sc-head .hx-sc-edit{width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%;font-size:.8rem}
.hx-sc-row.hx-sc-orbits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:16px 6px 14px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 30px -22px color-mix(in srgb,var(--primary) 70%,transparent)}
.hx-sc-orbits .hx-sc{--c:var(--primary);min-height:0;padding:4px 2px;gap:9px;border:0!important;border-radius:16px;background:transparent!important;box-shadow:none!important;overflow:visible}
.hx-sc-orbits .hx-sc::after{display:none}
.hx-sc-orbits .hx-orb-0{--c:var(--primary-ink,var(--primary))}
.hx-sc-orbits .hx-orb-1{--c:#f59e0b}
.hx-sc-orbits .hx-orb-2{--c:#ef4444}
.hx-sc-orbits .hx-orb-3{--c:#10b981}
[data-theme="dark"] .hx-sc-orbits .hx-orb-1{--c:#fbbf24}
[data-theme="dark"] .hx-sc-orbits .hx-orb-2{--c:#f87171}
[data-theme="dark"] .hx-sc-orbits .hx-orb-3{--c:#34d399}
.hx-sc-orbits .hx-sc>span{position:relative;width:52px;height:52px;border-radius:17px;font-size:1.15rem;color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--surface));box-shadow:none;transition:transform .2s}
.hx-sc-orbits .hx-sc>span::before{content:"";position:absolute;inset:-4px;border-radius:21px;border:2px solid color-mix(in srgb,var(--c) 42%,transparent);transition:inset .25s,border-color .25s}
.hx-sc-orbits .hx-sc:active>span{transform:scale(.94)}
.hx-sc-orbits .hx-sc:active>span::before{inset:-2px;border-color:var(--c)}
.hx-sc-orbits .hx-sc>span i{color:inherit}
.hx-sc-badge{position:absolute;top:-5px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--c);color:#fff;font-family:inherit;font-size:.6rem;font-weight:800;line-height:15px;font-style:normal;text-align:center;border:2px solid var(--surface);box-sizing:border-box}
.hx-sc-badge[hidden]{display:none}
.hx-sc-orbits .hx-sc>b{display:block;width:100%;max-width:100%;padding:0 2px;font-size:.7rem;font-weight:750;line-height:1.25;text-align:center;color:var(--text);white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;-webkit-box-orient:unset}
.hx-sc-orbits .hx-sc-add>span{background:transparent;border:1.5px dashed color-mix(in srgb,var(--primary) 40%,var(--border));color:var(--text-muted)}
.hx-sc-orbits .hx-sc-add>span::before{display:none}
.hx-sc-orbits .hx-sc-add>b{color:var(--text-muted)}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){.hx-sc-orbits .hx-sc>span{background:var(--surface-2)}.hx-sc-orbits .hx-sc>span::before{border-color:var(--border)}}

/* Shortcuts sit directly on the page (no container), like Services */
.hx-sc-row.hx-sc-orbits{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0 0!important;border-radius:0}

/* Edit sheet: selected slots use the same colour tiles */
.hx-sc-picked{gap:6px}
.hx-sc-picked .hx-sc-slot{--c:var(--primary);min-height:0;padding:6px 2px 2px;gap:9px;border:0!important;background:transparent!important;border-radius:14px;min-width:0}
.hx-sc-picked .hx-orb-0{--c:var(--primary-ink,var(--primary))}
.hx-sc-picked .hx-orb-1{--c:#f59e0b}
.hx-sc-picked .hx-orb-2{--c:#ef4444}
.hx-sc-picked .hx-orb-3{--c:#10b981}
[data-theme="dark"] .hx-sc-picked .hx-orb-1{--c:#fbbf24}
[data-theme="dark"] .hx-sc-picked .hx-orb-2{--c:#f87171}
[data-theme="dark"] .hx-sc-picked .hx-orb-3{--c:#34d399}
.hx-sc-picked .hx-sc-slot>span{position:relative;width:50px;height:50px;border-radius:16px;font-size:1.05rem;display:grid;place-items:center;color:var(--text-muted);background:transparent;border:1.5px dashed var(--border)}
.hx-sc-picked .hx-sc-slot.on>span{border:0;color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--surface))}
.hx-sc-picked .hx-sc-slot.on>span::before{content:"";position:absolute;inset:-4px;border-radius:20px;border:2px solid color-mix(in srgb,var(--c) 42%,transparent)}
.hx-sc-picked .hx-sc-slot.on>span i:not(.hx-x){color:inherit}
.hx-sc-picked .hx-x{position:absolute;top:-7px;right:-8px;left:auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.55rem;color:#fff;background:var(--c);border:2px solid var(--surface);box-sizing:content-box}
.hx-sc-picked .hx-sc-slot b{display:block;width:100%;font-size:.66rem;font-weight:750;line-height:1.25;color:var(--text);white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;text-align:center}
.hx-sc-picked .hx-sc-slot:not(.on) b{color:var(--text-muted)}
.hx-sc-picked .hx-sc-slot.on:active>span::before{inset:-2px;border-color:var(--c)}

/* ================= Home banners (theme matching, code-built) ================= */
.hb-slider .home-promo-viewport{border-radius:0;overflow-y:hidden}
.hb-slider.has-pop .home-promo-viewport{padding-top:16px}
.hb-slider .home-promo-track{align-items:stretch}
.hb-slide.home-promo-slide{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:22px;overflow:visible;padding:0 1px}
.hb{position:relative;display:block;width:100%;height:108px;border-radius:22px;overflow:hidden;isolation:isolate;text-align:left;text-decoration:none;color:var(--text);font:inherit;padding:0;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s}
.hb:active{transform:scale(.985)}
.hb .hb-img{position:absolute;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18));will-change:transform}
.hb .hb-t{position:absolute;display:flex;flex-direction:column;gap:3px;min-width:0}
.hb .hb-t>b{font-size:16px;font-weight:800;line-height:1.12;letter-spacing:-.015em}
.hb .hb-t>small{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted)}
.hb .on-dark{color:#fff}.hb .on-dark>small{color:rgba(255,255,255,.84)}
.hb-slider .home-promo-dots{position:static;transform:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:9px 0 0;min-height:0}
.hb-slider .home-promo-dot,[data-theme="dark"] .hb-slider .home-promo-dot{background:color-mix(in srgb,var(--text-muted) 40%,transparent)}
.hb-slider .home-promo-dot.active,[data-theme="dark"] .hb-slider .home-promo-dot.active{background:var(--primary)}

/* 1 Telegram */
.hb-telegram{background:var(--card-mesh,var(--grad))}
.hb-bub{position:absolute;border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);z-index:-1}
.hb-bub.b1{width:58px;height:20px;right:14px;bottom:12px}
.hb-bub.b2{width:40px;height:16px;right:26px;bottom:38px;border-radius:14px 14px 4px 14px;background:rgba(255,255,255,.18)}
.hb-bub.b3{width:24px;height:12px;right:76px;bottom:16px}
.hb-telegram .hb-img{width:96px;left:8px;top:6px}
.hb-telegram .hb-t{left:110px;right:12px;top:0;bottom:0;justify-content:center}
.hb-telegram .hb-t>small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;padding-right:4px}
.hb-split{margin-top:6px;display:flex;align-items:center;align-self:flex-start;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:3px 3px 3px 10px;gap:8px;font-size:10.5px;font-weight:700}
.hb-split span{background:#fff;color:var(--primary-dark,var(--primary));padding:4px 10px;border-radius:999px;font-weight:800}

/* 2 App (phone pops out of the card) */
.hb-app{overflow:visible;background:transparent}
.hb-app::before{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(120deg,var(--surface) 30%,color-mix(in srgb,var(--primary) 16%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));z-index:-1}
.hb-app::after{content:"";position:absolute;right:18px;bottom:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 35%,transparent),transparent 68%);z-index:-1}
.hb-app .hb-img{width:128px;right:4px;bottom:-6px;filter:drop-shadow(0 14px 16px rgba(0,0,0,.25))}
.hb-app .hb-t{left:16px;right:124px;top:13px}
.hb-tag{align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--primary-ink,var(--primary));display:flex;align-items:center;gap:5px}
.hb-feat{display:flex;gap:8px;font-size:9.5px;font-weight:700;color:var(--text-muted);margin-top:1px}
.hb-feat em{font-style:normal;display:flex;align-items:center;gap:3px}.hb-feat i{color:var(--success,#16a34a)}
.hb-cta{margin-top:5px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;background:var(--grad);color:#fff;font-size:10.5px;font-weight:800;box-shadow:0 8px 16px -10px var(--primary)}
.hb-cta.red{background:linear-gradient(135deg,#ff4d5e,#c3112b);box-shadow:0 8px 16px -10px #c3112b;margin-top:0;border-radius:11px}

/* 3 Recharge */
.hb-recharge{background:var(--card-mesh,var(--grad))}
.hb-recharge::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 16px,rgba(255,255,255,.07) 16px 22px);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 75%);mask-image:linear-gradient(90deg,transparent 35%,#000 75%);z-index:-1}
.hb-recharge .hb-img{width:124px;right:40px;top:-6px;transform:rotate(10deg)}
.hb-recharge .hb-t{left:16px;right:120px;top:11px}
.hb-badge{align-self:flex-start;margin-bottom:2px;font-size:9px;font-weight:900;letter-spacing:.06em;padding:4px 8px;border-radius:999px;background:#fff;color:#b45c00;display:flex;gap:4px;align-items:center}
.hb-ops{display:flex;gap:4px;margin-top:6px}
.hb-ops span{font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)}
.hb-go{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--primary-dark,var(--primary));display:grid;place-items:center;font-size:13px;box-shadow:0 8px 16px -8px rgba(0,0,0,.4)}

/* 4 Google Play (ticket) */
.hb-google-play{background:var(--card-mesh,var(--grad))}
.hb-google-play .hb-img{width:120px;right:2px;top:-6px;transform:rotate(4deg)}
.hb-google-play .hb-t{left:16px;right:124px;top:0;bottom:0;justify-content:center}
.hb-google-play::before{content:"";position:absolute;right:-30px;top:-40px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);z-index:-1}
.hb-code{margin-top:6px;align-self:flex-start;font:800 11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;padding:6px 9px;border-radius:9px;background:rgba(0,0,0,.22);border:1px dashed rgba(255,255,255,.4)}
.hb-code em{font-style:normal;color:#ffe08a}

/* 5 Lifafa */
.hb-lifafa{background:linear-gradient(120deg,color-mix(in srgb,#ff4d5e 10%,var(--surface)),var(--surface) 60%);border:1px solid color-mix(in srgb,#ff4d5e 25%,var(--border))}
.hb-lifafa::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ff4d5e 1.5px,transparent 2px),radial-gradient(#f6c443 1.5px,transparent 2px),radial-gradient(var(--primary) 1.5px,transparent 2px);background-size:46px 40px,38px 52px,60px 44px;background-position:0 0,18px 22px,30px 8px;opacity:.35;-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 70%);mask-image:linear-gradient(90deg,#000 30%,transparent 70%);z-index:-1}
.hb-lifafa .hb-img{width:122px;left:-8px;bottom:-20px;transform:rotate(-6deg)}
.hb-lifafa .hb-t{left:118px;right:12px;top:0;bottom:0;justify-content:center}
.hb-row{display:flex;gap:6px;align-items:center;margin-top:6px;min-width:0}
.hb-chip{font-size:9.5px;font-weight:700;color:var(--text-muted);display:flex;gap:4px;align-items:center;white-space:nowrap}

/* 6 Earn */
.hb-earn{background:radial-gradient(120% 140% at 100% 100%,rgba(255,196,64,.35),transparent 55%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary) 8%,var(--surface)));border:1px solid color-mix(in srgb,#f5b301 30%,var(--border))}
.hb-rib{position:absolute;right:-32px;top:12px;width:110px;text-align:center;transform:rotate(38deg);z-index:2;font-size:8.5px;font-weight:900;letter-spacing:.12em;padding:3px 0;background:linear-gradient(90deg,#ffb300,#ff7a00);color:#fff;box-shadow:0 4px 10px -4px rgba(255,122,0,.6)}
.hb-earn .hb-img{width:112px;right:14px;bottom:-16px}
.hb-earn .hb-t{left:16px;right:110px;top:0;bottom:0;justify-content:center}
.hb-earn-chips{display:grid;grid-template-columns:repeat(2,max-content);gap:5px;margin-top:8px}
.hb-earn .hb-t>small{display:none}
.hb-earn-chips span{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:8px;background:linear-gradient(135deg,rgba(255,201,60,.22),rgba(255,149,0,.16));color:#b86200;border:1px solid rgba(255,149,0,.28);white-space:nowrap}
[data-theme="dark"] .hb-earn-chips span{color:#ffc95a}
.hb-spark{position:absolute;width:12px;height:12px;z-index:1;background:#ffd34d;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.hb-spark.s1{right:104px;bottom:40px}.hb-spark.s2{right:12px;bottom:26px;width:9px;height:9px}

/* 7 Refer */
.hb-refer{background:var(--card-mesh,var(--grad))}
.hb-refer::before{content:"";position:absolute;right:-40px;top:-50px;width:190px;height:190px;border-radius:50%;border:24px solid rgba(255,255,255,.07);z-index:-1}
.hb-refer .hb-img{width:124px;right:0;top:-8px}
.hb-refer .hb-t{left:16px;right:118px;top:0;bottom:0;justify-content:center}
.hb-steps{display:flex;align-items:center;gap:4px;margin-top:7px;font-size:9.5px;font-weight:800}
.hb-steps span{display:flex;align-items:center;gap:4px}
.hb-steps b{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary-dark,var(--primary));font-size:9px}
.hb-steps i{opacity:.6;font-size:8px}

/* 8 Pay */
.hb-pay{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary) 12%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border))}
.hb-pay .hb-img{width:116px;right:4px;bottom:-18px}
.hb-pay .hb-t{left:16px;right:120px;top:14px}
.hb-toast{position:absolute;right:92px;bottom:12px;display:flex;align-items:center;gap:6px;padding:5px 9px 5px 5px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 20px -12px rgba(0,0,0,.35);font-size:9.5px;font-weight:700;color:var(--text);z-index:2}
.hb-toast i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--success,#16a34a);color:#fff;font-size:9px}
.hb-toast small{display:block;font-size:8.5px;color:var(--text-muted);font-weight:600}
.hb-pay .hb-cta{border-radius:999px;margin-top:7px}

/* 9 Gateway */
.hb-gateway{background:#0d1020}
.hb-codebg{position:absolute;inset:0;padding:10px 14px;font:600 9px/1.55 ui-monospace,Menlo,Consolas,monospace;color:rgba(255,255,255,.08);white-space:pre;z-index:-1;overflow:hidden}
.hb-gateway::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1020 35%,transparent),radial-gradient(60% 90% at 85% 50%,color-mix(in srgb,var(--primary) 45%,transparent),transparent 70%);z-index:-1}
.hb-gateway .hb-img{width:118px;right:4px;top:-6px}
.hb-gateway .hb-t{left:16px;right:120px;top:12px}
.hb-biz{align-self:flex-start;font:800 9px/1 ui-monospace,Menlo,Consolas,monospace;color:#34d399;letter-spacing:.06em}
.hb-gchips{display:flex;gap:4px;margin-top:6px}
.hb-gchips span{font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}

/* Small phones */
@media(max-width:359px){
  .hb .hb-t>b{font-size:14.5px}
  .hb-telegram .hb-t{left:96px}.hb-lifafa .hb-t{left:104px}
  .hb-ops span:nth-child(4),.hb-earn-chips span:nth-child(3),.hb-chip{display:none}
  .hb-toast{display:none}
  .hb-recharge .hb-badge{display:none}
  .hb-recharge .hb-t{right:128px;top:16px}
  .hb-recharge .hb-img{width:108px;right:44px;top:2px}
}
@media(max-width:389px){
    .hb-app .hb-feat,.hb-lifafa .hb-t>small,.hb-earn .hb-t>small{display:none}
  .hb-app .hb-t{top:12px}
}

/* Motion: images float gently; the active slide's image pops in; sparkles twinkle */
@keyframes hbFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes hbIn{from{opacity:0;scale:.82}to{opacity:1;scale:1}}
@keyframes hbTwinkle{0%,100%{opacity:.25;scale:.6}50%{opacity:1;scale:1}}
@keyframes hbShine{0%{transform:translateX(-120%) skewX(-20deg)}60%,100%{transform:translateX(320%) skewX(-20deg)}}
.hb .hb-img{animation:hbFloat 4.2s ease-in-out infinite}
.hb-slide.is-active .hb .hb-img{animation:hbIn .55s cubic-bezier(.2,.9,.3,1.25) both,hbFloat 4.2s ease-in-out .55s infinite}
.hb-spark{animation:hbTwinkle 1.8s ease-in-out infinite}.hb-spark.s2{animation-delay:.9s}
.hb-cta,.hb-split span{position:relative;overflow:hidden}
.hb-cta::after,.hb-split span::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:hbShine 3.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hb .hb-img,.hb-slide.is-active .hb .hb-img,.hb-spark,.hb-cta::after,.hb-split span::after{animation:none!important}}
/* Old image-banner rules must not reach the new 3D images */
.hb-slide.home-promo-slide .hb .hb-img{display:block;height:auto;max-width:none;aspect-ratio:1/1;object-fit:contain;border-radius:0;background:transparent;margin:0}

/* Telegram: chat "typing" bubble fills the right side */
.hb-typing{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:4px;padding:8px 11px;border-radius:14px 14px 4px 14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);z-index:1}
.hb-typing>i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.5;animation:hbType 1.2s ease-in-out infinite}
.hb-typing>i:nth-child(2){animation-delay:.15s}.hb-typing>i:nth-child(3){animation-delay:.3s}
.hb-typing em{position:absolute;top:-12px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#229ed9;font-size:10px;font-style:normal;box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
@keyframes hbType{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
.hb-telegram .hb-t{right:12px}
.hb-telegram .hb-split{position:relative;z-index:2}
@media(max-width:374px){.hb-typing{display:none}}
@media(max-width:389px){.hb-telegram .hb-img{width:84px;left:6px;top:12px}.hb-telegram .hb-t{left:98px}.hb-telegram .hb-t>b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hb-typing>i{animation:none}}

/* Dots: bigger touch area; hold and drag to scrub through banners */
.hb-slider .home-promo-dots{align-self:center;width:max-content;margin:0 auto;padding:10px 14px 4px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.hb-slider.is-scrubbing .home-promo-dots{cursor:grabbing}
.hb-slider.is-scrubbing .home-promo-viewport{scroll-snap-type:none!important;scroll-behavior:auto!important}
.hb-slider.is-scrubbing .home-promo-dot{transition:width .12s,background .12s}
.hb-slider.is-scrubbing .home-promo-dot.active{width:24px}

/* ---------------- My Shortcuts: Soft Duotone (all colours from the theme) ---------------- */
.hx-sc-orbits .hx-sc>span,.hx-sc-picked .hx-sc-slot.on>span{width:54px;height:54px;border-radius:18px;font-size:1.15rem;
  background:var(--primary-soft)!important;color:var(--primary-ink,var(--primary))!important;border:0;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent),inset 0 -6px 12px -8px color-mix(in srgb,var(--primary) 35%,transparent)}
.hx-sc-orbits .hx-sc>span::before,.hx-sc-picked .hx-sc-slot.on>span::before{display:none!important}
.hx-sc-orbits .hx-sc>span i:not(.hx-x),.hx-sc-picked .hx-sc-slot.on>span i:not(.hx-x){color:inherit!important;--fa-secondary-opacity:.42}
[data-theme="dark"] .hx-sc-orbits .hx-sc>span,[data-theme="dark"] .hx-sc-picked .hx-sc-slot.on>span{
  background:color-mix(in srgb,var(--primary) 24%,var(--surface))!important;
  color:color-mix(in srgb,var(--primary-ink,var(--primary)) 55%,#fff)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-ink,var(--primary)) 32%,transparent),inset 0 -6px 12px -8px rgba(0,0,0,.45)}
[data-theme="dark"] .hx-sc-orbits .hx-sc>span i:not(.hx-x),[data-theme="dark"] .hx-sc-picked .hx-sc-slot.on>span i:not(.hx-x){--fa-secondary-opacity:.6}
.hx-sc-orbits .hx-sc:active>span{transform:scale(.94);background:color-mix(in srgb,var(--primary) 20%,var(--surface))!important}
.hx-sc-badge,.hx-sc-picked .hx-x{background:var(--primary)!important;color:#fff!important}
.hx-sc-picked .hx-sc-slot>span{width:54px;height:54px;border-radius:18px}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){.hx-sc-orbits .hx-sc>span{box-shadow:inset 0 0 0 1px var(--border)}[data-theme="dark"] .hx-sc-orbits .hx-sc>span{background:var(--surface-2)!important;color:var(--primary-ink,#fff)!important}}

/* ---------------- A-PIN pad: "checking" and "verified" states ---------------- */
.pin-status{min-height:18px;margin:-10px 0 10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--text-muted)}
.pin-status i{color:var(--success,#16a34a)}
.pin-status-spin{width:13px;height:13px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);animation:pinSpin .7s linear infinite}
@keyframes pinSpin{to{transform:rotate(360deg)}}
@keyframes pinWave{0%,100%{transform:translateY(0) scale(1.15);opacity:1}35%{transform:translateY(-9px) scale(1.25);opacity:.75}70%{transform:translateY(0) scale(1.05);opacity:.9}}
@keyframes pinGlow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 45%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 0%,transparent)}}
.is-checking .pin-dot.filled{animation:pinWave .9s cubic-bezier(.4,0,.2,1) infinite,pinGlow .9s ease-out infinite;animation-delay:calc(var(--i,0) * .12s)}
.is-checking .keypad{opacity:.45;pointer-events:none;transition:opacity .2s}
@keyframes pinOk{0%{transform:scale(1.15)}45%{transform:scale(1.45)}100%{transform:scale(1.15)}}
.is-ok .pin-dot{background:var(--success,#16a34a)!important;border-color:transparent!important;animation:pinOk .4s ease-out both;animation-delay:calc(var(--i,0) * .05s)}
.is-ok .keypad{opacity:.45;pointer-events:none}
@media(prefers-reduced-motion:reduce){.is-checking .pin-dot.filled{animation:pinGlow 1.2s ease-out infinite}.pin-status-spin{animation-duration:1.4s}}

/* ================= Welcome / login → Home ================= */
/* Home sections stay hidden under the welcome screen, then rise in */
html.finzo-welcome #home-layout-root>*{opacity:0}
/* FINZO app: Home waits under the app splash, then rises in after its colour reveal */
html.fw-native-hold #home-layout-root>*{opacity:0}
@keyframes finzoHomeIn{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:none}}
html.finzo-home-enter #home-layout-root>*{animation:finzoHomeIn .55s cubic-bezier(.2,.8,.2,1) both}
html.finzo-home-enter #home-layout-root>*:nth-child(1){animation-delay:.18s}
html.finzo-home-enter #home-layout-root>*:nth-child(2){animation-delay:.26s}
html.finzo-home-enter #home-layout-root>*:nth-child(3){animation-delay:.32s}
html.finzo-home-enter #home-layout-root>*:nth-child(4){animation-delay:.38s}
html.finzo-home-enter #home-layout-root>*:nth-child(5){animation-delay:.44s}
html.finzo-home-enter #home-layout-root>*:nth-child(6){animation-delay:.5s}
html.finzo-home-enter #home-layout-root>*:nth-child(n+7){animation-delay:.56s}
.finzo-welcome{transition:opacity .4s ease}

/* Login arrival: theme colour with a breathing logo tile while Home loads
   (never a plain stuck colour screen). */
html.finzo-arrive::after{background:var(--primary);transition:opacity .45s ease}
html.finzo-arrive::before{content:"";position:fixed;z-index:30001;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:28px;
  background:#fff var(--fz-arrive-logo) center/56% no-repeat;box-shadow:0 22px 44px -16px rgba(0,0,0,.35);
  opacity:0;animation:fzArriveIn .35s ease .15s forwards,fzBreathe 1.6s ease-in-out .5s infinite}
html.finzo-arrive::after{z-index:30000}
html.finzo-arrive body::after{content:"";position:fixed;z-index:30001;left:50%;top:calc(50% + 70px);width:26px;height:26px;margin-left:-13px;border-radius:50%;
  border:3px solid rgba(255,255,255,.3);border-top-color:#fff;opacity:0;animation:fzArriveIn .3s ease .9s forwards,pinSpin .8s linear infinite}
@keyframes fzArriveIn{to{opacity:1}}
@keyframes fzBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){
  html.finzo-arrive::before{animation:fzArriveIn .2s forwards}
  html.finzo-arrive body::after{animation:fzArriveIn .2s .9s forwards}
}
html.finzo-arrive.finzo-arrive-out::before,html.finzo-arrive.finzo-arrive-out body::after{opacity:0!important;animation:none;transition:opacity .3s ease}
html.finzo-arrive.finzo-arrive-out::after{opacity:0}

/* Login success → Home hand-off: content fades, background stays (same as the
   welcome screen), so the next page's welcome continues seamlessly. */
.login-success-screen.ls-handoff>*:not(.ls-reveal){opacity:0;transform:translateY(-6px);transition:opacity .26s ease,transform .26s ease}
/* Arriving from login: the welcome's logo appears without the bounce-in delay */
html.fw-from-login .fw-tile{animation-delay:0s}

/* ================= Pay to User — upgraded look ================= */
.pay-v2 .pay-bal-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:16px 18px;margin-bottom:14px;border-radius:22px;background:var(--card-mesh,var(--grad));color:#fff;box-shadow:0 16px 30px -20px var(--primary)}
.pay-v2 .pay-bal-card::after{content:"";position:absolute;right:-30px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);pointer-events:none}
.pay-bal-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.1rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);color:#fff}
.pay-bal-ic i{color:#fff!important}
.pay-bal-copy small{display:block;font-size:.72rem;font-weight:600;opacity:.85}
.pay-bal-copy b{display:block;margin-top:2px;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:#fff}
.pay-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:14px;border-radius:15px;background:var(--surface);border:1px solid var(--border)}
.pay-seg .tf{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin:0;border:0;border-radius:11px;background:transparent;color:var(--text-muted);font:inherit;font-size:.8rem;font-weight:800;box-shadow:none}
.pay-seg .tf.active{background:var(--grad);color:#fff;box-shadow:0 8px 16px -10px var(--primary)}
.pay-seg .tf.active i{color:#fff}
.pay-v2 .pay-form-card{padding:16px;border-radius:22px}
.pay-v2 .field>label{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pay-v2 .field>label em{font-style:normal;font-size:.68rem;font-weight:700;color:var(--text-muted)}
.pay-in{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 12px;border-radius:15px;background:var(--surface-2);border:1.5px solid var(--border);transition:border-color .2s,box-shadow .2s,background .2s}
.pay-in:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent);background:var(--surface)}
.pay-in>.input{flex:1;min-width:0;height:48px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:1rem;font-weight:700}
.pay-in-pre{flex:none;display:flex;align-items:center;gap:7px;padding-right:10px;border-right:1px solid var(--border);color:var(--text-muted);font-weight:800;font-size:.86rem}
.pay-in-pre i{color:var(--primary-ink,var(--primary))}
.pay-amount-input{font-size:1.2rem!important;letter-spacing:-.01em}
.pay-in-count{flex:none;font-size:.66rem;font-weight:700;color:var(--text-muted)}
.pay-in-ok{display:none;flex:none;color:var(--success,#16a34a);font-size:1rem}
.pay-in.is-ok{border-color:color-mix(in srgb,var(--success,#16a34a) 55%,var(--border))}
.pay-in.is-ok .pay-in-ok{display:block}
.pay-in.is-err{border-color:color-mix(in srgb,var(--danger,#dc2626) 55%,var(--border))}
.pay-in.is-hidden-mode>.input{position:absolute;opacity:0;pointer-events:none;width:1px}
.pay-in-hidden{flex:1;display:flex;align-items:center;gap:7px;font-weight:800;font-size:.9rem;color:var(--text)}
.pay-in-hidden i{color:var(--primary-ink,var(--primary))}
.pay-in-clear{flex:none;width:30px;height:30px;border-radius:10px;border:0;display:grid;place-items:center;background:var(--surface);color:var(--text-muted);cursor:pointer}
.pay-in.is-hidden-mode .pay-in-ok{display:none}
.pay-recipient:empty{display:none}
.pay-recipient{margin-top:9px;font-size:.76rem;color:var(--text-muted)}
.pay-rcpt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:color-mix(in srgb,var(--success,#16a34a) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--success,#16a34a) 25%,var(--border))}
.pay-rcpt img{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--surface-2)}
.pay-rcpt>div{min-width:0}
.pay-rcpt b{display:block;font-size:.86rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pay-rcpt small{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--success,#16a34a)}
.pay-rcpt.is-hidden{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}
.pay-rcpt.is-hidden small{color:var(--primary-ink,var(--primary))}
.pay-rcpt-err{display:flex;align-items:center;gap:6px;color:var(--danger,#dc2626);font-weight:700}
.pay-hint{display:flex;justify-content:space-between;gap:10px;margin-top:7px;padding:0 2px;font-size:.7rem;font-weight:700;color:var(--text-muted)}
.pay-hint b{color:var(--text)}
.pay-hint.is-low,.pay-hint.is-low b{color:var(--danger,#dc2626)}
.pay-send-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:16px;font-size:.95rem}
.pay-safe{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:.66rem;font-weight:700;color:var(--text-muted)}
.pay-safe i{color:var(--success,#16a34a)}
.pay-v2 .pay-history-title{margin-top:22px!important}
.pay-v2 .pay-history-card{border-radius:18px}
.pay-v2 .pay-history-avatar{position:relative;overflow:visible;border-radius:15px}
.pay-v2 .pay-history-avatar img{border-radius:15px}
.pay-dir{position:absolute;right:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:.55rem;color:#fff;background:var(--primary);border:2px solid var(--surface)}
.pay-dir.in{background:var(--success,#16a34a)}
.pay-v2 .pay-history-copy span i{font-size:.62rem;color:var(--primary-ink,var(--primary))}
.pay-v2 .pay-again-link{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink,var(--primary));border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);font-size:.66rem;font-weight:800}
.pay-v2 .pay-again-link i{font-size:.62rem}
.pay-code-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-bottom:14px;border-radius:14px;border:1.5px dashed color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--primary-soft);color:var(--primary-ink,var(--primary));font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}
.pay-ta-wrap{position:relative}
.pay-ta-wrap .textarea{min-height:110px;padding-bottom:30px;border-radius:15px}
.pay-ta-count{position:absolute;right:10px;bottom:10px;padding:3px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink,var(--primary));font-size:.66rem;font-weight:800;pointer-events:none}
.pay-toggle{gap:12px;margin-top:12px;padding:12px 13px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border)}
.pay-toggle-ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink,var(--primary))}
.pay-toggle>div{flex:1;min-width:0}
.pay-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px}
.pay-sum>div{padding:11px 12px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border)}
.pay-sum small{display:block;font-size:.66rem;font-weight:700;color:var(--text-muted)}
.pay-sum b{display:block;margin-top:2px;font-size:1.1rem;font-weight:800;color:var(--text)}
.pay-sum .total{background:var(--card-mesh,var(--grad));border:0}
.pay-sum .total small{color:rgba(255,255,255,.85)}.pay-sum .total b{color:#fff}
.pay-v2 .bulk-history-card{border-radius:18px}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){.pay-in.is-ok{border-color:var(--success,#16a34a)}.pay-rcpt{background:var(--surface-2)}}
.pay-in-hidden[hidden],.pay-in-clear[hidden],.pay-ta-count[hidden],.pay-hint[hidden]{display:none!important}

/* Pay: recipient = name + tick; sliding tab pill; tab content slide-in */
.pay-rcpt-name{display:flex;align-items:center;gap:6px;min-width:0}
.pay-rcpt-name b{min-width:0}
.pay-rcpt-name i{flex:none;color:var(--success,#16a34a);font-size:.9rem}
.pay-rcpt.is-hidden .pay-rcpt-name i{color:var(--primary-ink,var(--primary))}
.pay-in-hidden{letter-spacing:.06em}
.pay-seg{position:relative;isolation:isolate}
.pay-seg-pill{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:11px;background:var(--grad);box-shadow:0 8px 16px -10px var(--primary);transition:transform .38s cubic-bezier(.65,0,.25,1)}
.pay-seg.is-bulk .pay-seg-pill{transform:translateX(calc(100% + 4px))}
.pay-seg .tf{position:relative;z-index:1;transition:color .3s ease}
.pay-seg .tf.active{background:transparent!important;box-shadow:none!important}
@keyframes payTabInR{from{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:none}}
@keyframes payTabInL{from{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:none}}
.pay-tab-in.from-right{animation:payTabInR .34s cubic-bezier(.2,.8,.2,1) both}
.pay-tab-in.from-left{animation:payTabInL .34s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){.pay-seg-pill{transition:none}.pay-tab-in{animation:none!important}}

/* Pay: bigger recipient name (the card has room) */
.pay-rcpt{padding:10px 12px}
.pay-rcpt img{width:42px;height:42px}
.pay-rcpt-name b{font-size:1.02rem;letter-spacing:-.01em}
.pay-rcpt-name i{font-size:1rem}

/* Pay success: animated green tick, then flips to the profile photo */
.pay-flip{perspective:600px;background:linear-gradient(145deg,color-mix(in srgb,var(--success,#16a34a) 70%,#fff),var(--success,#16a34a))!important;transition:background .5s ease .95s}
.pay-flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:payFlip .6s cubic-bezier(.45,.05,.3,1) 1.05s both}
.pay-flip-face{position:absolute;inset:0;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pay-flip-photo{transform:rotateY(180deg)}
.pay-flip-photo .pay-detail-b-avatar{width:100%;height:100%}
.pay-flip-tick{display:grid;place-items:center;background:var(--success,#16a34a);border:4px solid var(--surface);box-shadow:0 0 0 0 color-mix(in srgb,var(--success,#16a34a) 45%,transparent);animation:pftPulse .9s ease-out .35s}
.pay-flip-tick svg{width:62%;height:62%;overflow:visible}
.pft-ring{fill:none;stroke:rgba(255,255,255,.45);stroke-width:2.5;stroke-dasharray:145;stroke-dashoffset:145;animation:pftDraw .45s ease-out .05s forwards}
.pft-check{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:pftDraw .38s cubic-bezier(.65,0,.45,1) .42s forwards}
@keyframes pftDraw{to{stroke-dashoffset:0}}
@keyframes pftPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--success,#16a34a) 45%,transparent);transform:scale(1)}40%{transform:scale(1.06)}100%{box-shadow:0 0 0 18px transparent;transform:scale(1)}}
@keyframes payFlip{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.pay-flip-inner{animation:none;transform:rotateY(180deg)}.pft-ring,.pft-check{animation:none;stroke-dashoffset:0}}

/* Login success continued on the next page while Home loads */
.login-success-screen.ls-continue{z-index:30000;opacity:1}
.login-success-screen.ls-continue.fw-leaving{opacity:0;transition:opacity .3s ease}
.ls-continue .ls-wait{opacity:0;animation:fzArriveIn .3s ease .7s forwards}
.ls-continue .ls-wait i{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:fwDot 1.2s ease-in-out infinite}
.ls-continue .ls-wait i:nth-child(2){animation-delay:.15s}.ls-continue .ls-wait i:nth-child(3){animation-delay:.3s}

/* Pay success — Style 1 Confetti Burst, then flip to the photo */
.pay-flip{overflow:visible}
.pay-flip-inner{animation-delay:1.45s!important}
.pay-flip{transition-delay:1.35s!important}
.pay-flip-tick{animation:pftPop .5s cubic-bezier(.2,1.5,.4,1) both,pftPulse .9s ease-out .45s!important}
@keyframes pftPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
.pay-burst{position:absolute;inset:0;pointer-events:none;z-index:0}
.pay-rw{position:absolute;inset:0;border-radius:50%;border:3px solid color-mix(in srgb,var(--success,#16a34a) 55%,transparent);opacity:0;animation:payRw .9s ease-out .35s forwards}
.pay-rw.b{border-width:2px;animation-delay:.55s}
@keyframes payRw{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.75)}}
.pay-burst i{position:absolute;left:50%;top:50%;width:8px;height:14px;margin:-7px 0 0 -4px;border-radius:3px;background:var(--c);opacity:0;
  transform:rotate(var(--a)) translateY(0) rotate(var(--r)) scale(.2);animation:payCf 1.1s cubic-bezier(.15,.75,.3,1) .38s forwards}
@keyframes payCf{0%{opacity:1;transform:rotate(var(--a)) translateY(-20px) rotate(var(--r)) scale(.3)}55%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(calc(var(--r) + 140deg)) scale(var(--s))}}
@media(prefers-reduced-motion:reduce){.pay-burst{display:none}}

/* Login success → Home: loading foot (same as welcome) on both screens */
.login-success-screen .ls-wait{position:absolute;left:0;right:0;bottom:max(40px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:8px;color:var(--text-muted);font-size:.8125rem;font-weight:700;opacity:1}
.login-success-screen .ls-wait i{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:fwDot 1.2s ease-in-out infinite!important}
.login-success-screen .ls-wait i:nth-child(2){animation-delay:.15s!important}.login-success-screen .ls-wait i:nth-child(3){animation-delay:.3s!important}
.login-success-screen .ls-wait span{margin-left:4px}
.login-success-screen .ls-wait.ls-wait-in{opacity:0;animation:fzArriveIn .3s ease forwards}
.login-success-screen.no-motion .ls-wait.ls-wait-in{opacity:1}
.pay-detail-b-hero:has(.pay-flip){padding-top:34px}

/* ===== Pay to User v3: step 1 number → step 2 amount → one pay sheet ===== */
.pay-v2.is-step2>.section-title,.pay-v2.is-step2 .pay-bal-card,.pay-v2.is-step2 .pay-seg,.pay-v2.is-step2 #pay-s1{display:none!important}
.pay-v2:not(.is-step2) #pay-s2{display:none}
/* step 1 */
.pay-num-card{padding:18px!important}
.pay-num-t{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;font-weight:800;color:var(--text-muted)}
.pay-num-t i{color:var(--primary-ink,var(--primary))}
.pay-num{display:flex;align-items:center;gap:12px;height:66px;padding:0 10px 0 16px;border-radius:20px;background:var(--surface-2);border:2px solid var(--border);transition:border-color .2s,box-shadow .2s,background .2s}
.pay-num:focus-within{border-color:color-mix(in srgb,var(--primary) 60%,var(--border));box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 11%,transparent);background:var(--surface)}
.pay-num.is-ok{border-color:color-mix(in srgb,var(--success,#16a34a) 60%,var(--border))}
.pay-num.is-err{border-color:color-mix(in srgb,var(--danger,#dc2626) 60%,var(--border))}
.pay-num-cc{flex:none;padding-right:12px;border-right:1.5px solid var(--border);font-size:1.1rem;font-weight:800;color:var(--text-muted)}
.pay-num-input{flex:1;min-width:0;height:60px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:1.45rem;font-weight:800;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.pay-num-input::placeholder{font-size:1.02rem;font-weight:700;letter-spacing:0;color:color-mix(in srgb,var(--text-muted) 70%,transparent)}
.pay-num-btn{flex:none;width:42px;height:42px;border:0;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink,var(--primary));font-size:1rem;cursor:pointer}
.pay-num.has-val .pay-num-btn{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}
.pay-num-status:empty{display:none}
.pay-num-status{margin-top:12px;font-size:.78rem;color:var(--text-muted)}
.pay-num-chk{display:flex;align-items:center;gap:8px;font-weight:700}
.pay-spin{flex:none;display:inline-block;width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 22%,transparent);border-top-color:var(--primary);animation:paySpin .7s linear infinite}
@keyframes paySpin{to{transform:rotate(360deg)}}
.pay-rcpt-btn{display:block;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;animation:payRcptIn .25s ease-out}
@keyframes payRcptIn{from{transform:translate3d(0,6px,0) scale(.98)}to{transform:none}}
.pay-rcpt-go{margin-left:auto;flex:none;color:var(--text-muted);font-size:.8rem}
.pay-proceed{margin-top:14px}
.pay-recent-wrap .section-title{margin-top:22px!important}
.pay-recent{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pay-recent::-webkit-scrollbar{display:none}
.pay-rc{flex:none;width:62px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:none;font:inherit;color:var(--text);cursor:pointer}
.pay-rc img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:2px solid var(--surface);box-shadow:0 6px 14px -8px rgba(0,0,0,.35)}
.pay-rc b{max-width:62px;font-size:.72rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pay-rc small{margin-top:-4px;font-size:.62rem;font-weight:700;color:var(--text-muted)}
.pay-rc small i{font-size:.58rem;color:var(--primary-ink,var(--primary))}
.pay-rc:active img{transform:scale(.94)}
/* step 2 */
.pay-who{position:relative;display:flex;flex-direction:column;align-items:center;padding:18px 16px 34px;border-radius:26px;background:var(--card-mesh,var(--grad));color:#fff;text-align:center;box-shadow:0 16px 30px -20px var(--primary)}
.pay-who-back{position:absolute;left:12px;top:12px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.16);color:#fff;cursor:pointer}
.pay-who-back i{color:#fff!important}
.pay-who-av{position:relative;width:88px;height:88px;border-radius:50%;padding:4px;background:rgba(255,255,255,.25)}
.pay-who-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #fff}
.pay-who-ok{position:absolute;right:1px;bottom:3px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--success,#16a34a);color:#fff;font-size:.68rem;border:3px solid #fff}
.pay-who-ok i{color:#fff!important}
.pay-who b{max-width:100%;margin-top:10px;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.pay-who small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.8rem;font-weight:700;letter-spacing:.04em;opacity:.88;color:#fff}
.pay-who small i{color:#fff!important}
.pay-who-chg{margin-top:12px;padding:6px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.16);color:#fff;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.pay-amt-card{position:relative;z-index:2;margin:-20px 6px 0!important;padding:20px 16px 16px!important;border-radius:24px!important;text-align:center;box-shadow:0 18px 34px -24px rgba(0,0,0,.45)}
.pay-amt-lb{display:block;font-size:.75rem;font-weight:800;color:var(--text-muted)}
.pay-amt-big{display:flex;justify-content:center;align-items:center;gap:4px;margin:6px 0 6px;cursor:text}
.pay-amt-big span{font-size:1.9rem;font-weight:800;color:var(--text-muted)}
.pay-amt-input{min-width:1ch;max-width:100%;height:62px;padding:0;border:0;outline:0;background:transparent;color:var(--text);caret-color:var(--primary);font:inherit;font-size:3.1rem;font-weight:800;letter-spacing:-.03em;text-align:left;font-variant-numeric:tabular-nums}
.pay-amt-input::placeholder{color:color-mix(in srgb,var(--text-muted) 55%,transparent)}
.pay-amt-big.is-long .pay-amt-input{font-size:2.4rem}
.pay-amt-bal{font-size:.74rem;font-weight:700;color:var(--text-muted)}
.pay-amt-bal b{color:var(--text)}
.pay-amt-bal.is-low,.pay-amt-bal.is-low b{color:var(--danger,#dc2626)}
.pay-rmk{display:flex;align-items:center;gap:9px;max-width:300px;margin:14px auto 0;padding:0 14px;height:44px;border-radius:999px;background:var(--surface-2);border:1.5px dashed color-mix(in srgb,var(--primary) 35%,var(--border));transition:border-color .2s,background .2s}
.pay-rmk:focus-within,.pay-rmk.has-val{border-style:solid;background:var(--surface)}
.pay-rmk:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}
.pay-rmk>i{flex:none;color:var(--primary-ink,var(--primary))}
.pay-rmk input{flex:1;min-width:0;height:40px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.84rem;font-weight:700}
.pay-rmk .pay-in-count{display:none}
.pay-rmk:focus-within .pay-in-count{display:block}
.pay-amt-min{margin:10px 0 0;text-align:center;font-size:.68rem;font-weight:700;color:var(--text-muted)}
.pay-go{margin-top:12px}
/* the pay sheet */
.psh{text-align:center}
.psh-flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 4px}
.psh-flow img{flex:none;width:62px;height:62px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:3px solid var(--surface);box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
.psh-ln{position:relative;width:96px;height:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--primary) 60%,transparent) 0 6px,transparent 6px 11px)}
.psh-fill{position:absolute;left:0;top:-1px;height:4px;width:0;border-radius:4px;background:var(--grad)}
.psh-coin{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:.72rem;box-shadow:0 6px 12px -6px var(--primary)}
.psh-coin i{color:#fff!important}
.psh-flow.is-going .psh-coin{left:0;animation:pshCoin 1s cubic-bezier(.5,0,.3,1) infinite}
.psh-flow.is-going .psh-fill{animation:pshFill 1s cubic-bezier(.5,0,.3,1) infinite}
.psh-flow.is-going .psh-them{animation:pshThem 1s ease infinite}
@keyframes pshCoin{0%{left:0;opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}100%{left:100%;opacity:0;transform:scale(.6)}}
@keyframes pshFill{0%{width:0;opacity:1}85%{width:100%;opacity:1}100%{width:100%;opacity:0}}
@keyframes pshThem{0%,80%{transform:scale(1)}90%{transform:scale(1.07)}100%{transform:scale(1)}}
.psh-amt{margin-top:10px;font-size:2.15rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.psh-to{margin-top:2px;font-size:.8rem;font-weight:700;color:var(--text-muted)}
.psh-to b{color:var(--text)}
.psh-to i{font-size:.7rem;color:var(--primary-ink,var(--primary))}
.psh-rows{margin:16px 0 0;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);text-align:left}
.psh-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:.78rem;font-weight:700;border-bottom:1px dashed var(--border)}
.psh-rows>div:last-child{border-bottom:0}
.psh-rows span{flex:none;color:var(--text-muted)}
.psh-rows b{min-width:0;text-align:right;color:var(--text);overflow-wrap:anywhere}
.psh-err{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:14px;text-align:left;font-size:.76rem;font-weight:700;color:var(--danger,#dc2626);background:color-mix(in srgb,var(--danger,#dc2626) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--danger,#dc2626) 25%,var(--border))}
.psh-err i{margin-top:2px}
.psh-btns{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:16px}
.psh-btns .btn{min-height:52px;border-radius:16px;margin:0}
.psh-wait{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 6px;font-size:.78rem;font-weight:800;color:var(--text-muted)}
.psh-mini{display:flex;align-items:center;gap:12px;margin:0 0 6px;padding:10px 12px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);text-align:left}
.psh-mini img{flex:none;width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--surface)}
.psh-mini span{min-width:0;display:flex;flex-direction:column}
.psh-mini b{font-size:1.05rem;font-weight:800;color:var(--text)}
.psh-mini small{font-size:.74rem;font-weight:700;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.psh.is-pin .center{margin-top:6px}
.psh.is-success{text-align:left}
.psh.is-success .pay-detail-b-amount{color:var(--text)!important}
.pay-detail-b-ok{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;font-size:.84rem;font-weight:800;color:var(--success,#16a34a);opacity:0;animation:fzArriveIn .35s ease .5s forwards}
.pay-flip-badge{position:absolute;z-index:3;right:-2px;bottom:2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--success,#16a34a);color:#fff;font-size:.7rem;border:3px solid var(--surface);opacity:0;transform:scale(.4);animation:pftBadge .35s cubic-bezier(.2,1.5,.4,1) 2.05s forwards}
.pay-flip-badge i{color:#fff!important}
@keyframes pftBadge{to{opacity:1;transform:scale(1)}}
.psh-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.psh-acts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 0;border-radius:16px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.psh-acts button i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink,var(--primary));font-size:.9rem}
.psh-acts button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.psh-flow.is-going .psh-coin,.psh-flow.is-going .psh-fill,.psh-flow.is-going .psh-them{animation:none}.psh-flow.is-going .psh-coin{left:50%}.pay-flip-badge{animation:none;opacity:1;transform:none}.pay-detail-b-ok{animation:none;opacity:1}}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){.pay-num:focus-within,.pay-num.is-ok{border-color:var(--primary)}.psh-err{background:var(--surface-2)}}
.psh-num{margin-top:2px;font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}
.pay-go{margin-top:16px}
.psh-amt .psh-rs,.pay-detail-b-amount .psh-rs{margin-right:.09em}

/* Edit Lifafa: Scratch winning chance slider (same look as Create) */
.lf-edit-chance>label{display:flex;justify-content:space-between;align-items:center}
.lf-edit-chance>label b{color:var(--primary-ink,var(--primary));font-weight:800}
.lf-edit-chance .lifafa-chance-slider input[type="range"]{--chance-pos:100%}
.lf-edit-chance .lifafa-chance-slider input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--primary) 0 var(--chance-pos),color-mix(in srgb,var(--primary) 18%,var(--border)) var(--chance-pos) 100%)}
.lf-edit-chance-note{margin-top:7px;font-size:.7rem;font-weight:600;color:var(--text-muted)}

/* ===== FINZO custom duotone icons (used like Font Awesome: <i class="fad fa-finzo-lifafa">) ===== */
i.fa-finzo-lifafa,i.fa-finzo-scratch{position:relative;display:inline-block;width:1.25em;height:1em;line-height:1;vertical-align:-.125em;font-style:normal}
i.fa-finzo-lifafa::before,i.fa-finzo-lifafa::after,i.fa-finzo-scratch::before,i.fa-finzo-scratch::after{content:""!important;position:absolute!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;background-color:currentColor!important;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
i.fa-finzo-lifafa::before,i.fa-finzo-scratch::before{opacity:var(--fa-secondary-opacity,.4)!important}
i.fa-finzo-lifafa::after,i.fa-finzo-scratch::after{opacity:var(--fa-primary-opacity,1)!important}
i.fa-finzo-lifafa::before,i.fa-finzo-lifafa::after{top:-.08em!important;bottom:-.08em!important;left:-.04em!important;right:-.04em!important}
i.fa-finzo-lifafa::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 9.6c0-.6.3-1.1.8-1.4l8.1-5.4a2 2 0 0 1 2.2 0l8.1 5.4c.5.3.8.8.8 1.4V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 9.6c0-.6.3-1.1.8-1.4l8.1-5.4a2 2 0 0 1 2.2 0l8.1 5.4c.5.3.8.8.8 1.4V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
i.fa-finzo-lifafa::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cg transform='translate(12 9.3) scale(0.46) translate(-12 -12)' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.6h6.8M8.6 9.7h6.8M9.6 6.6h1.8c3.2 0 3.2 6 0 6H9.6l4.9 4.8'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url(%23m)' d='M6.6 4.4h10.8c.8 0 1.4.6 1.4 1.4v6.7l-5.7 3.6a2 2 0 0 1-2.2 0l-5.7-3.6V5.8c0-.8.6-1.4 1.4-1.4z'/%3E%3Cpath d='M2 11.4l8.9 5.7a2 2 0 0 0 2.2 0L22 11.4V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cg transform='translate(12 9.3) scale(0.46) translate(-12 -12)' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.6h6.8M8.6 9.7h6.8M9.6 6.6h1.8c3.2 0 3.2 6 0 6H9.6l4.9 4.8'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url(%23m)' d='M6.6 4.4h10.8c.8 0 1.4.6 1.4 1.4v6.7l-5.7 3.6a2 2 0 0 1-2.2 0l-5.7-3.6V5.8c0-.8.6-1.4 1.4-1.4z'/%3E%3Cpath d='M2 11.4l8.9 5.7a2 2 0 0 0 2.2 0L22 11.4V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
i.fa-finzo-scratch::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect transform='rotate(-8 12 12)' x='2.2' y='5' width='19.6' height='14.6' rx='2.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect transform='rotate(-8 12 12)' x='2.2' y='5' width='19.6' height='14.6' rx='2.6'/%3E%3C/svg%3E")}
i.fa-finzo-scratch::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='rotate(-8 12 12)' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M5.8 10.6 10.6 8M5.8 14.2l8.6-4.6M7.8 16.8l8.6-4.6'/%3E%3C/g%3E%3Cpath d='M19.6 1.4l0.91 1.69 1.69 0.91-1.69 0.91-0.91 1.69-0.91-1.69-1.69-0.91 1.69-0.91z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='rotate(-8 12 12)' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M5.8 10.6 10.6 8M5.8 14.2l8.6-4.6M7.8 16.8l8.6-4.6'/%3E%3C/g%3E%3Cpath d='M19.6 1.4l0.91 1.69 1.69 0.91-1.69 0.91-0.91 1.69-0.91-1.69-1.69-0.91 1.69-0.91z'/%3E%3C/svg%3E")}

/* FINZO custom icons: Toss (coins heads/tails), Earn (₹ potli), Red Green game (gamepad with red/green buttons) */
i.fa-finzo-toss,i.fa-finzo-earn,i.fa-finzo-game{position:relative;display:inline-block;width:1.25em;height:1em;line-height:1;vertical-align:-.125em;font-style:normal}
i.fa-finzo-toss::before,i.fa-finzo-toss::after,i.fa-finzo-earn::before,i.fa-finzo-earn::after,i.fa-finzo-game::before,i.fa-finzo-game::after{content:""!important;position:absolute!important;left:-.06em!important;top:-.1em!important;right:-.06em!important;bottom:-.1em!important;width:auto!important;height:auto!important;background-color:currentColor!important;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
i.fa-finzo-toss::before,i.fa-finzo-earn::before,i.fa-finzo-game::before{opacity:var(--fa-secondary-opacity,.4)!important}
i.fa-finzo-toss::after,i.fa-finzo-earn::after,i.fa-finzo-game::after{opacity:var(--fa-primary-opacity,1)!important}
i.fa-finzo-toss::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='b'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Ccircle cx='9.4' cy='14' r='8' fill='%23000'/%3E%3Cpath d='M17.6 6.4l.6 1.3 1.4.2-1 1 .2 1.4-1.2-.7-1.3.7.3-1.4-1-1 1.4-.2z' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='15.6' cy='9' r='6.6' mask='url(%23b)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='b'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Ccircle cx='9.4' cy='14' r='8' fill='%23000'/%3E%3Cpath d='M17.6 6.4l.6 1.3 1.4.2-1 1 .2 1.4-1.2-.7-1.3.7.3-1.4-1-1 1.4-.2z' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='15.6' cy='9' r='6.6' mask='url(%23b)'/%3E%3C/svg%3E")}
i.fa-finzo-toss::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cg transform='translate(9.4 14) scale(0.46) translate(-12 -12)' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.6h6.8M8.6 9.7h6.8M9.6 6.6h1.8c3.2 0 3.2 6 0 6H9.6l4.9 4.8'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='9.4' cy='14' r='6.6' mask='url(%23m)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cg transform='translate(9.4 14) scale(0.46) translate(-12 -12)' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.6h6.8M8.6 9.7h6.8M9.6 6.6h1.8c3.2 0 3.2 6 0 6H9.6l4.9 4.8'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='9.4' cy='14' r='6.6' mask='url(%23m)'/%3E%3C/svg%3E")}
i.fa-finzo-earn::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.6 2.4 8 4l1.9-2 2.1 2 2.1-2 1.9 2 2.4-1.6-1.6 4.8H7.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.6 2.4 8 4l1.9-2 2.1 2 2.1-2 1.9 2 2.4-1.6-1.6 4.8H7.2z'/%3E%3C/svg%3E")}
i.fa-finzo-earn::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cg transform='translate(12 15.8) scale(0.5) translate(-12 -12)' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.6h6.8M8.6 9.7h6.8M9.6 6.6h1.8c3.2 0 3.2 6 0 6H9.6l4.9 4.8'/%3E%3C/g%3E%3Crect x='6.6' y='6.6' width='10.8' height='3.4' rx='1.7' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Crect x='7.2' y='7' width='9.6' height='2.6' rx='1.3'/%3E%3Cpath d='M16.4 8.3c1.8-.2 3 .5 3.5 1.8M16.6 8.4c1.1.9 1.5 2.2 1.1 3.4' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath mask='url(%23m)' d='M12 8.8c5.2 0 8.8 3.9 8.8 7.9 0 3.2-2.4 5.4-5.6 5.4H8.8c-3.2 0-5.6-2.2-5.6-5.4 0-4 3.6-7.9 8.8-7.9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Cg transform='translate(12 15.8) scale(0.5) translate(-12 -12)' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.6h6.8M8.6 9.7h6.8M9.6 6.6h1.8c3.2 0 3.2 6 0 6H9.6l4.9 4.8'/%3E%3C/g%3E%3Crect x='6.6' y='6.6' width='10.8' height='3.4' rx='1.7' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Crect x='7.2' y='7' width='9.6' height='2.6' rx='1.3'/%3E%3Cpath d='M16.4 8.3c1.8-.2 3 .5 3.5 1.8M16.6 8.4c1.1.9 1.5 2.2 1.1 3.4' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath mask='url(%23m)' d='M12 8.8c5.2 0 8.8 3.9 8.8 7.9 0 3.2-2.4 5.4-5.6 5.4H8.8c-3.2 0-5.6-2.2-5.6-5.4 0-4 3.6-7.9 8.8-7.9z'/%3E%3C/svg%3E")}
i.fa-finzo-game{background:none}
i.fa-finzo-game::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='b'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Ccircle cx='15.4' cy='13.2' r='2.1' fill='%23000'/%3E%3Ccircle cx='18.8' cy='10.2' r='2.1' fill='%23000'/%3E%3Cpath d='M6.5 9.4v4.6M4.2 11.7h4.6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url(%23b)' d='M7.4 5h9.2c3.4 0 6 2.8 6.1 6.4l.2 4.6c.1 2.3-1.6 4-3.8 4-1.3 0-2.5-.7-3.1-1.9l-.6-1.1H8.6L8 18.1C7.4 19.3 6.2 20 4.9 20c-2.2 0-3.9-1.7-3.8-4l.2-4.6C1.4 7.8 4 5 7.4 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='b'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3Ccircle cx='15.4' cy='13.2' r='2.1' fill='%23000'/%3E%3Ccircle cx='18.8' cy='10.2' r='2.1' fill='%23000'/%3E%3Cpath d='M6.5 9.4v4.6M4.2 11.7h4.6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url(%23b)' d='M7.4 5h9.2c3.4 0 6 2.8 6.1 6.4l.2 4.6c.1 2.3-1.6 4-3.8 4-1.3 0-2.5-.7-3.1-1.9l-.6-1.1H8.6L8 18.1C7.4 19.3 6.2 20 4.9 20c-2.2 0-3.9-1.7-3.8-4l.2-4.6C1.4 7.8 4 5 7.4 5z'/%3E%3C/svg%3E");opacity:.55!important}
i.fa-finzo-game::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 9.4v4.6M4.2 11.7h4.6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='15.4' cy='13.2' r='2.1'/%3E%3Ccircle cx='18.8' cy='10.2' r='2.1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 9.4v4.6M4.2 11.7h4.6' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='15.4' cy='13.2' r='2.1'/%3E%3Ccircle cx='18.8' cy='10.2' r='2.1'/%3E%3C/svg%3E")}
/* Custom FINZO icons inside bottom nav / sidebar: solid look, keep both layers */
:is(.bottomnav,.side-link) i:is(.fa-finzo-lifafa,.fa-finzo-scratch,.fa-finzo-toss,.fa-finzo-earn,.fa-finzo-game)::after{content:""!important;display:block!important;opacity:1!important}
:is(.bottomnav,.side-link) i:is(.fa-finzo-lifafa,.fa-finzo-scratch,.fa-finzo-toss,.fa-finzo-earn,.fa-finzo-game)::before{position:absolute!important;opacity:.55!important}
/* Earn icon sizes */
.nav-earn .earn-orb i.fa-finzo-earn{font-size:1.18em}
.heh-earn>i.fa-finzo-earn:first-child::before,.heh-earn>i.fa-finzo-earn:first-child::after{-webkit-mask-size:66%!important;mask-size:66%!important}
/* Earn orb active: icon pop + bar (no tilt) */
.nav-earn .earn-orb i{transition:transform .3s var(--ease,ease)}
.nav-earn.active .earn-orb i{transform:translateY(-2px) scale(1.08)}
.nav-earn .earn-orb::before{content:"";position:absolute;left:50%;bottom:7px;width:18px;height:3px;margin-left:-9px;border-radius:3px;background:#fff;opacity:0;transform:scaleX(.3);transition:opacity .3s,transform .3s var(--ease,ease)}
.nav-earn.active .earn-orb::before{opacity:.95;transform:scaleX(1)}
/* Bottom navbar: soft glow depth */
body .bottomnav{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--primary) 6%,var(--surface-2)))!important;box-shadow:0 24px 40px -20px rgba(13,22,52,.6),0 8px 16px -10px color-mix(in srgb,var(--primary) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 color-mix(in srgb,var(--primary) 12%,transparent)!important}
[data-theme="dark"] body .bottomnav{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#fff),var(--surface-2))!important;box-shadow:0 24px 40px -20px #000,0 8px 18px -10px color-mix(in srgb,var(--primary) 50%,transparent),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -2px 0 rgba(0,0,0,.35)!important}
.bottomnav .nav-item:not(.nav-earn) i{filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--primary) 30%,transparent))}
.bottomnav .nav-item:not(.nav-earn).active i{filter:drop-shadow(0 4px 5px color-mix(in srgb,var(--primary) 55%,transparent))}
body .nav-earn .earn-orb{box-shadow:0 14px 26px -8px var(--primary),inset 0 2px 1px rgba(255,255,255,.35),inset 0 -4px 8px rgba(0,0,0,.18)}
/* ================= Services sheet (navbar Services + All Services) ================= */
.hx-shortcuts[hidden]{display:none!important}
.sheet.svx-sheet .sheet-body{min-height:min(74vh,640px)}
.svx{display:flex;flex-direction:column;gap:14px;padding-bottom:8px;-webkit-touch-callout:none}
.svx-top{position:sticky;top:-4px;z-index:3;display:flex;flex-direction:column;gap:10px;margin:-4px calc(-1 * var(--sheet-pad,18px)) 0;padding:4px var(--sheet-pad,18px) 10px;background:transparent;transition:background .2s,box-shadow .2s}
.svx-top.is-stuck{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 10px 18px -16px rgba(13,22,52,.55)}
.svx-search{display:flex;align-items:center;gap:9px;height:46px;padding:0 6px 0 14px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}
.svx-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
.svx-search>i{color:var(--primary);font-size:.95rem}
.svx-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:.86rem;font-weight:600;color:var(--text);padding:0}
.svx-search input::placeholder{color:var(--text-muted);font-weight:500}
.svx-search input::-webkit-search-cancel-button{display:none}
.svx-clear{width:32px;height:32px;border:0;border-radius:10px;background:var(--surface);color:var(--text-muted);display:grid;place-items:center;cursor:pointer}
.svx-clear[hidden]{display:none}
.svx-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-right:-4px;padding-right:4px}
.svx-tabs::-webkit-scrollbar{display:none}
.svx-tabs[hidden]{display:none}
.svx-tabs button{flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:.72rem;font-weight:750;cursor:pointer;transition:background .2s,color .2s}
.svx-tabs button.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 14px -8px var(--primary)}
.svx-main{display:flex;flex-direction:column;gap:18px}
.svx-main[hidden],.svx-res[hidden]{display:none}
.svx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 11px}
.svx-head h4{margin:0;display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:800;color:var(--text)}
.svx-head h4>i{color:var(--primary);font-size:.9rem}
.svx-head h4 span{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.svx-head h4 small{font-size:.66rem;font-weight:650;color:var(--text-muted)}
.svx-edit-btn{flex:none;display:flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:6px 12px;background:var(--primary-soft);color:var(--primary);font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.svx-pin{padding:13px 8px 12px;border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));box-shadow:0 12px 26px -22px var(--primary)}
.svx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 4px}
.svx-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:2px;border:0;background:none;font:inherit;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.svx-it>span{position:relative;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--primary);font-size:1.22rem;box-shadow:0 8px 16px -12px color-mix(in srgb,var(--primary) 70%,transparent);transition:transform .18s var(--ease,ease),box-shadow .2s}
.svx-it>span .fa-brands{font-size:1.3rem}
.svx-it:active>span{transform:scale(.93)}
.svx-it b{display:block;max-width:calc(100% + 6px);margin:0 -3px;font-size:.64rem;font-weight:750;line-height:1.25;letter-spacing:-.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svx-it.is-solid>span{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 10px 18px -10px var(--primary),inset 0 1px 0 rgba(255,255,255,.28)}
.svx-it.is-add>span{background:transparent;border:1.5px dashed color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:none}
.svx-it.is-add b{color:var(--text-muted)}
.svx-it.is-soon{opacity:.55;cursor:default}
.svx-count{position:absolute;top:-6px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-style:normal;font-size:.58rem;font-weight:800;background:#ef4444;color:#fff;border:2px solid var(--surface)}
.svx-count[hidden]{display:none}
.svx-tag{position:absolute;top:-5px;left:50%;margin-left:12px;font-style:normal;font-size:.5rem;font-weight:850;letter-spacing:.03em;padding:2px 6px;border-radius:999px;background:var(--success,#10b981);color:#fff;border:2px solid var(--surface);line-height:1.2}
.svx-tag.is-new{background:var(--primary)}
.svx-tag.is-soon{background:var(--warning-soft,#fef3c7);color:var(--warning,#b45309)}
.svx-row .svx-tag{position:static;margin:0;border:0}
.svx-recent{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-right:-4px}
.svx-recent::-webkit-scrollbar{display:none}
.svx-recent button{flex:none;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}
.svx-recent button i{color:var(--primary)}
.svx-g{scroll-margin-top:110px}
.svx-g h5{margin:0 2px 12px;display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.svx-g h5::after{content:"";flex:1;height:1px;background:var(--border)}
.svx-tip{margin:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.68rem;color:var(--text-muted)}
.svx-tip i{color:var(--primary)}
/* search */
.svx-res{display:flex;flex-direction:column;gap:8px}
.svx-row{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}
.svx-row.is-soon{opacity:.6}
.svx-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:11px;padding:7px;border:0;background:none;font:inherit;color:var(--text);text-align:left;cursor:pointer}
.svx-row-ic{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.05rem}
.svx-row-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.svx-row-copy b{font-size:.82rem;font-weight:750}
.svx-row-copy b mark{background:color-mix(in srgb,var(--primary) 22%,transparent);color:inherit;border-radius:4px;padding:0 1px}
.svx-row-copy small{display:flex;align-items:center;gap:5px;font-size:.66rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svx-row-copy small i{font-size:.6rem;opacity:.7}
.svx-row-pin{flex:none;width:36px;height:36px;border-radius:12px;border:0;background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.svx-row-pin.is-on{background:var(--primary-soft);color:var(--primary)}
.svx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 10px;text-align:center;color:var(--text-muted)}
.svx-empty i{font-size:1.6rem;color:var(--primary);opacity:.7}
.svx-empty b{color:var(--text);font-size:.86rem}
.svx-empty small{font-size:.72rem}
/* edit mode */
.svx-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:13px;background:var(--surface-2);font-size:.72rem;line-height:1.45;color:var(--text-muted)}
.svx-note i{color:var(--primary);margin-top:2px}
.svx-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.svx-slot{position:relative;min-height:80px;padding:8px 4px 7px;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--primary) 35%,var(--border));background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;color:var(--text-muted)}
.svx-slot>i{font-size:.9rem;opacity:.6}
.svx-slot b{display:block;max-width:100%;font-size:.6rem;font-weight:750;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svx-slot.is-fill{border-style:solid;border-color:var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 8px 16px -14px var(--primary)}
.svx-slot.is-home{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.svx-slot.is-home .svx-slot-n i{margin-left:3px;font-size:.5rem;opacity:.8}
.svx-slot-n{position:absolute;top:5px;left:7px;font-size:.55rem;font-weight:800;color:var(--primary)}
.svx-slot-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:1rem}
.svx-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.6rem;background:#ef4444;color:#fff;border:2px solid var(--surface)}
.svx-chk{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.58rem;background:var(--surface-2);color:var(--text-muted);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}
.svx-it.is-picked>span{border:2px solid var(--primary);background:var(--primary-soft)}
.svx-it.is-picked .svx-chk{background:var(--primary);color:#fff;box-shadow:none}
.svx-save{position:sticky;bottom:-27px;z-index:3;display:grid;grid-template-columns:1fr 2fr;gap:9px;margin:4px calc(-1 * var(--sheet-pad,18px)) -26px;padding:12px var(--sheet-pad,18px) calc(26px + var(--safe-b,0px));background:color-mix(in srgb,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 18px -16px rgba(13,22,52,.5)}
/* press-and-hold menu */
.svx-pop-wrap{position:fixed;inset:0;z-index:9999;background:rgba(10,10,25,.18);opacity:0;transition:opacity .16s}
.svx-pop-wrap.show{opacity:1}
.svx-pop{position:fixed;width:min(250px,calc(100vw - 24px));padding:8px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 44px -18px rgba(13,22,52,.55);transform:scale(.94);transition:transform .16s var(--ease,ease)}
.svx-pop-wrap.show .svx-pop{transform:none}
.svx-pop-head{display:flex;align-items:center;gap:10px;padding:6px 6px 10px;margin-bottom:4px;border-bottom:1px solid var(--border)}
.svx-pop-head>span:first-child{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--grad);color:#fff}
.svx-pop-head>span:last-child{min-width:0;display:flex;flex-direction:column}
.svx-pop-head b{font-size:.8rem}
.svx-pop-head small{font-size:.64rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svx-pop button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:12px;background:none;font:inherit;font-size:.78rem;font-weight:700;color:var(--text);cursor:pointer;text-align:left}
.svx-pop button i{width:18px;color:var(--primary)}
.svx-pop button:active{background:var(--surface-2)}
/* Stacked sheets: child slides in, Back slides the parent back */
/* The scroller itself slides (not its children): its content stays in the same
   GPU layer, so nothing has to be repainted when the slide ends. */
.sheet .sheet-body.sheet-swap-in{animation:sheetSwapIn .24s cubic-bezier(.22,.9,.3,1) both}
.sheet .sheet-body.sheet-swap-back{animation:sheetSwapBack .24s cubic-bezier(.22,.9,.3,1) both}
@keyframes sheetSwapIn{from{opacity:.5;transform:translate3d(20px,0,0)}to{opacity:1;transform:none}}
@keyframes sheetSwapBack{from{opacity:.5;transform:translate3d(-20px,0,0)}to{opacity:1;transform:none}}
/* The slide must never make the sheet scroll sideways */
.sheet .sheet-body{overflow-x:hidden}
/* Alert keeps its own GPU layers for its whole life (open → close → cleared).
   Without this the layer is dropped when the fade ends and the alert vanishes
   for a frame while the screen is repainted. */
.alert-backdrop:not(:empty):not(.finzo-offline-modal){will-change:opacity}
.alert-backdrop:not(:empty):not(.finzo-offline-modal) .alert-card{will-change:transform}
/* A closed popup is not drawn at all (it was a hidden full-screen blur layer). */
.alert-backdrop:empty{visibility:hidden}
@media (prefers-reduced-motion:reduce){.sheet .sheet-body.sheet-swap-in,.sheet .sheet-body.sheet-swap-back{animation:none}}
/* Home: compact Management access (Add Fund / Withdrawal / Gift Card managers in one row) */
.mgx{margin:0 0 12px;padding:9px 10px 10px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface) 72%);box-shadow:0 12px 24px -22px var(--primary)}
.mgx-head{display:flex;align-items:center;gap:7px;margin:0 3px 8px;min-width:0}
.mgx-head>i{color:var(--primary);font-size:.82rem}
.mgx-head b{font-size:.76rem;font-weight:800;color:var(--text)}
.mgx-head small{margin-left:auto;font-size:.64rem;font-weight:650;color:var(--text-muted);white-space:nowrap}
.mgx-row{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:7px}
.mgx-row button{min-width:0;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 4px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 6px 14px -12px color-mix(in srgb,var(--primary) 70%,transparent);transition:transform .18s var(--ease,ease),border-color .2s}
.mgx-row button:active{transform:scale(.97)}
.mgx-row button>span{flex:none;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:.8rem}
.mgx-row button b{max-width:100%;font-size:.68rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .mgx{background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface) 72%);border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}
[data-theme="dark"] .mgx-row button{background:color-mix(in srgb,var(--surface-2) 92%,var(--primary));border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}
[data-theme="dark"] .mgx-row button>span{background:color-mix(in srgb,var(--primary) 20%,var(--surface-2));color:color-mix(in srgb,var(--primary) 70%,#fff)}
@media (max-width:370px){.mgx-row{gap:5px}.mgx-row button b{font-size:.65rem}}
/* ================= Island toast (TopToast) ================= */
.isl-toast-wrap{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:20001;width:min(var(--app-w,480px) - 24px,calc(100vw - 20px));padding-top:calc(10px + var(--safe-t,0px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.isl-toast{--isl-c:var(--primary);position:relative;flex:none;min-width:0;max-width:100%;width:max-content;box-sizing:border-box;display:flex;border-radius:999px;overflow:hidden;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--surface);border:1px solid color-mix(in srgb,var(--isl-c) 24%,var(--border));box-shadow:0 18px 34px -18px rgba(13,22,52,.55),0 6px 14px -10px color-mix(in srgb,var(--isl-c) 45%,transparent)}
.isl-toast.is-success{--isl-c:var(--success,#12b76a)}
.isl-toast.is-error{--isl-c:var(--danger,#f04438)}
.isl-toast.is-warning{--isl-c:var(--warning,#f79009)}
.isl-toast.is-info{--isl-c:var(--primary)}
[data-theme="dark"] .isl-toast{box-shadow:0 18px 34px -16px rgba(0,0,0,.8),0 6px 16px -10px color-mix(in srgb,var(--isl-c) 55%,transparent)}
.isl-bg{position:absolute;inset:0;z-index:2;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--isl-c) 82%,#fff),var(--isl-c))}
.isl-in{position:relative;z-index:1;flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 7px 7px 7px}
.isl-ic{flex:none;position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:1rem;background:color-mix(in srgb,var(--isl-c) 14%,var(--surface));color:var(--isl-c)}
.isl-ic svg{position:absolute;inset:-3px;width:42px;height:42px;transform:rotate(-90deg);overflow:visible}
.isl-ic circle{fill:none;stroke:currentColor;stroke-width:2.2}
.isl-trk{stroke-opacity:.18}
.isl-ring{stroke-linecap:round;stroke-dasharray:122.6;stroke-dashoffset:0}
.isl-toast.is-timing .isl-ring{animation:islRing var(--isl-dur,3000ms) linear forwards}
.isl-toast.is-paused .isl-ring{animation-play-state:paused}
@keyframes islRing{to{stroke-dashoffset:122.6}}
.isl-tx{flex:1;min-width:0;padding-right:2px}
.isl-tx b{display:block;font-size:.78rem;font-weight:800;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isl-tx small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:1px;font-size:.68rem;line-height:1.35;color:var(--text-muted)}
.isl-x{flex:none;width:28px;height:28px;border:0;border-radius:50%;display:grid;place-items:center;font-size:.75rem;background:var(--surface-2);color:var(--text-muted);cursor:pointer}
.isl-x:active{transform:scale(.92)}
@media (prefers-reduced-motion:reduce){.isl-toast.is-timing .isl-ring{animation-duration:var(--isl-dur,3000ms)}}
.isl-toast-wrap{gap:10px;padding-top:calc(12px + var(--safe-t,0px))}
.isl-toast{width:max-content;transform-origin:50% 0;will-change:transform,opacity}
.isl-in{gap:12px;padding:9px 10px 9px 9px}
.isl-ic{width:40px;height:40px;font-size:1.1rem}
.isl-ic svg{inset:-3px;width:46px;height:46px}
.isl-tx{padding-right:4px}
.isl-tx b{font-size:.86rem;line-height:1.3;letter-spacing:-.005em}
.isl-tx small{font-size:.76rem;line-height:1.4;margin-top:2px}
.isl-x{width:32px;height:32px;font-size:.8rem}

/* Custom FINZO report icon (RF: calendar + bars) — Wallet Report and the ₹0 "Today" pill */
i.fa-finzo-report{position:relative;display:inline-block;width:1.25em;height:1em;line-height:1;vertical-align:-.125em;font-style:normal}
i.fa-finzo-report::before,i.fa-finzo-report::after{content:""!important;position:absolute!important;left:-.06em!important;top:-.1em!important;right:-.06em!important;bottom:-.1em!important;width:auto!important;height:auto!important;background-color:currentColor!important;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
i.fa-finzo-report::before{opacity:var(--fa-secondary-opacity,.4)!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='4' width='19' height='17.5' rx='3.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='4' width='19' height='17.5' rx='3.5'/%3E%3C/svg%3E")}
i.fa-finzo-report::after{opacity:var(--fa-primary-opacity,1)!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='8.3' width='19' height='1.5'/%3E%3Crect x='6.5' y='2.5' width='2' height='4.6' rx='1'/%3E%3Crect x='15.5' y='2.5' width='2' height='4.6' rx='1'/%3E%3Crect x='6' y='14' width='2.6' height='4.5' rx='1'/%3E%3Crect x='10.7' y='11.5' width='2.6' height='7' rx='1'/%3E%3Crect x='15.4' y='13' width='2.6' height='5.5' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='8.3' width='19' height='1.5'/%3E%3Crect x='6.5' y='2.5' width='2' height='4.6' rx='1'/%3E%3Crect x='15.5' y='2.5' width='2' height='4.6' rx='1'/%3E%3Crect x='6' y='14' width='2.6' height='4.5' rx='1'/%3E%3Crect x='10.7' y='11.5' width='2.6' height='7' rx='1'/%3E%3Crect x='15.4' y='13' width='2.6' height='5.5' rx='1'/%3E%3C/svg%3E")}
:is(.bottomnav,.side-link) i.fa-finzo-report::after{content:""!important;display:block!important;opacity:1!important}
:is(.bottomnav,.side-link) i.fa-finzo-report::before{position:absolute!important;opacity:.55!important}
/* Create Lifafa defaults: intro box without icon, slightly larger text */
.lfd-hero{padding:13px 15px}
.lfd-hero>div:last-child{gap:4px}
.lfd-hero b{font-size:.88rem;font-weight:800}
.lfd-hero span{font-size:.76rem!important;line-height:1.5}
/* Smooth page / sheet changes: keep these surfaces on their own GPU layer so
   the layer is not dropped (and the screen repainted) when an animation ends.
   That repaint is what showed a blank strip / missing card for a frame. */
#view.main{will-change:opacity}
.sheet.open{will-change:transform}
.sheet-backdrop.open{will-change:opacity}

/* Hidden overlays must not keep the GPU busy. Before this the hidden
   no-internet popup (full-screen blur + looping signal bars), the hidden
   sheet backdrop blur and the faded-out app loader kept animating forever, so
   the phone never got an idle frame to repaint a page or a closing animation
   in time and showed a blank strip / missing card for a frame. */
.sheet-backdrop:not(.open){visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}
.sheet-backdrop.open{visibility:visible;transition:opacity .3s}
.alert-backdrop.finzo-offline-modal:not(.open){visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}
.alert-backdrop.finzo-offline-modal:not(.open) .finzo-signal i{animation-play-state:paused}
.app-loader.hide img,.app-loader.hide .ring{animation-play-state:paused}
/* Background orbs: a soft radial gradient instead of a live 58px blur filter.
   Looks the same, but moving it no longer re-blurs four big layers every frame. */
@supports (background:color-mix(in srgb,red 50%,blue)){
  .theme-orbs>.theme-orb{--orb:color-mix(in srgb,var(--primary) 62%,white 38%);filter:none;-webkit-filter:none;box-sizing:content-box;padding:85px;margin:-85px;
    background:radial-gradient(closest-side,var(--orb) 0%,color-mix(in srgb,var(--orb) 85%,transparent) 25%,color-mix(in srgb,var(--orb) 54%,transparent) 47%,color-mix(in srgb,var(--orb) 24%,transparent) 66%,color-mix(in srgb,var(--orb) 6%,transparent) 84%,transparent 100%)}
  .theme-orbs>.theme-orb:nth-child(2){--orb:color-mix(in srgb,var(--primary-dark) 55%,white 45%)}
  .theme-orbs>.theme-orb:nth-child(3){--orb:color-mix(in srgb,var(--primary) 48%,white 52%)}
  .theme-orbs>.theme-orb:nth-child(4){--orb:color-mix(in srgb,var(--primary-dark) 48%,white 52%)}
}
/* One page-entry animation only. The router already fades/slides the whole
   page (#view) in; pages also animated their own blocks on top of it. When
   those inner animations ended their GPU layers were dropped and the phone had
   to repaint the page, which showed as a blank page for a frame (Back to Home,
   refresh). The inner page-entry animations are switched off. */
#view .home-layout,
#view .addfund-page>*,
#view .earn-page>*,
#view .refer-earn-page>*,
#view .fm-page>section,
#view .gc-page>*,
#view .gp-page>*,
#view .withdraw-page>*,
#view .recharge-page>*{animation:none}
/* ===== FINZO illustrations (assets/js/finzo_art.js) ===== */
.fz-art.fz-art,.alert-card .a-ic.fz-art{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;outline:0!important;color:inherit;flex:none;display:block;line-height:0}
.fz-art::before,.fz-art::after{display:none!important}
.fz-art>svg{width:100%;height:100%;display:block;overflow:visible}
.home-earn-secondary .ht-icon.fz-art{width:54px!important;height:54px!important}
.home-triple-actions .ht-icon.fz-art,.home-layout-7 .quick-actions .qic.fz-art{width:52px!important;height:52px!important}
.home-all-actions .ht-icon.fz-art,.home-activity-grid .ht-icon.fz-art{width:46px!important;height:46px!important}
.home-pro-actions>button>.fz-art{width:46px!important;height:46px!important}
.home-action .ha-icon.fz-art{width:44px!important;height:44px!important}
.home-pro-links .home-pro-link-icon.fz-art{width:30px!important;height:30px!important}
.earn-tile.has-fz-art{grid-template-columns:46px minmax(0,1fr)!important;column-gap:11px}
.earn-tile .earn-tile-icon.fz-art{width:46px!important;height:46px!important}
.af-method .af-method-icon.fz-art{width:50px!important;height:50px!important}
.wd-method .wd-method-icon.fz-art{width:32px!important;height:32px!important}
.type-card .tic.fz-art{width:52px!important;height:52px!important}
.recharge-heading-icon.fz-art,.refer-hero-icon.fz-art{width:58px!important;height:58px!important}
.alert-card .a-ic.fz-art{width:96px!important;height:96px!important;margin:-6px auto 10px!important}
.af-review-icon.fz-art,.gp-result-icon.fz-art{width:84px!important;height:84px!important}
.af-review-icon.fz-art>span{display:none}
.lf-win-emoji.fz-art{width:120px;height:120px;margin:0 auto 4px;font-size:0}
.fz-art-empty{width:108px!important;height:108px!important;margin:0 auto 8px!important;font-size:0!important}
/* Illustrations sit directly on the card: no tinted box behind them. */
:root .fz-art.fz-art.fz-art{background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.lifafa-item .li-ic.fz-art{width:48px!important;height:48px!important}
.free-lf-type-icon.fz-art{width:44px!important;height:44px!important}
/* ===== Payment flow v2 (assets/js/pay_flow.js): Add Fund modal + public payment page ===== */
.ax-modal{--ok:#16a34a;--warn:#d97706;--bad:#e11d48}
.ax{--ok:#16a34a;--warn:#d97706;--bad:#e11d48;display:grid;gap:12px;padding-bottom:4px;min-width:0}
.ax-in{animation:axIn .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes axIn{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ax-in{animation:none}}
.ax-top{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.ax-prog{flex:1;display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:6px;min-width:0}
.ax-st{display:grid;gap:6px;min-width:0}
.ax-st>i{display:block;height:6px;border-radius:9px;background:color-mix(in srgb,var(--primary) 14%,var(--border));position:relative;overflow:hidden}
.ax-st>i::after{content:"";position:absolute;inset:0;width:0;border-radius:9px;background:var(--ok);transition:width .45s cubic-bezier(.2,.8,.2,1),background .3s}
.ax-st.done>i::after{width:100%}
.ax-st.on>i::after{width:55%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#fff))}
.ax-st small{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:800;color:var(--text-muted);letter-spacing:.02em;white-space:nowrap}
.ax-st small em{display:none;font-size:.58rem}
.ax-st.on small{color:var(--primary)}.ax-st.done small{color:var(--ok)}.ax-st.done small em{display:inline}
.ax-timer{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center}
.ax-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}
.ax-timer circle{fill:none;stroke-width:5}
.ax-timer .bg{stroke:color-mix(in srgb,var(--warn) 22%,var(--surface))}
.ax-timer .fg{stroke:var(--warn);stroke-linecap:round;transition:stroke-dasharray 1s linear,stroke .3s}
.ax-timer b{position:relative;font-size:.72rem;font-weight:900;color:var(--warn);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ax-timer.danger .fg{stroke:var(--bad)}.ax-timer.danger b{color:var(--bad)}.ax-timer.danger .bg{stroke:color-mix(in srgb,var(--bad) 18%,var(--surface))}
.ax-refs{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 10px}
.ax-ref{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font:inherit;color:var(--text);cursor:pointer}
.ax-ref small{font-size:.64rem;font-weight:700;color:var(--text-muted)}.ax-ref b{font-size:.74rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-ref i{color:var(--primary);font-size:.72rem}
.ax-art{display:block;flex:none}.ax-art svg{width:100%;height:100%;display:block}
.ax-pay{position:relative;border-radius:22px;padding:14px 16px;background:linear-gradient(140deg,var(--primary),var(--primary-dark));color:#fff;overflow:hidden;box-shadow:0 16px 28px -20px var(--primary)}
.ax-pay::after{content:"";position:absolute;right:-30px;top:-50px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.ax-pay>small{position:relative;z-index:1;font-size:.72rem;font-weight:700;opacity:.88}
.ax-pay strong{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:2.15rem;font-weight:900;letter-spacing:-.03em;line-height:1.15;color:#fff}
.ax-pay strong button{font:inherit;font-size:.72rem;font-weight:800;letter-spacing:0;border:0;border-radius:999px;padding:6px 11px;background:rgba(255,255,255,.2);color:#fff;display:inline-flex;gap:5px;align-items:center;cursor:pointer}
.ax-chips{position:relative;z-index:1;display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.ax-chips span{font-size:.7rem;font-weight:800;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.16)}
.ax-qr{border-radius:22px;border:1px solid var(--border);background:var(--surface);padding:16px 14px 12px;display:grid;justify-items:center;gap:10px}
.ax-qr-box{position:relative;width:min(200px,62vw);aspect-ratio:1;padding:12px;border-radius:20px;background:#fff;box-shadow:0 12px 24px -18px #0b2545}
.ax-qr-box>img{width:100%;height:100%;display:block;object-fit:contain}
.ax-qr-box .c{position:absolute;width:26px;height:26px;border:4px solid var(--primary)}
.ax-qr-box .tl{left:-3px;top:-3px;border-right:0;border-bottom:0;border-radius:12px 0 0 0}.ax-qr-box .tr{right:-3px;top:-3px;border-left:0;border-bottom:0;border-radius:0 12px 0 0}
.ax-qr-box .bl{left:-3px;bottom:-3px;border-right:0;border-top:0;border-radius:0 0 0 12px}.ax-qr-box .br{right:-3px;bottom:-3px;border-left:0;border-top:0;border-radius:0 0 12px 0}
.ax-qr-box .logo{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:12px;background:#fff;padding:4px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.ax-qr-box .logo img{width:100%;height:100%;border-radius:8px;display:block}
.ax-qr p{margin:0;display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--text-muted)}.ax-qr p i{color:var(--primary)}
.ax-or{display:flex;align-items:center;gap:10px;font-size:.66rem;font-weight:800;color:var(--text-muted);letter-spacing:.12em}.ax-or::before,.ax-or::after{content:"";flex:1;height:1px;background:var(--border)}
.ax-upi{display:flex;align-items:center;gap:11px;padding:12px 12px 12px 14px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.ax-upi .ax-art{width:38px;height:38px}
.ax-upi>div{min-width:0;flex:1}.ax-upi small{display:block;font-size:.68rem;font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-upi b{display:block;font-size:.93rem;font-weight:800;overflow-wrap:anywhere}
.ax-upi button{flex:none;border:0;border-radius:12px;padding:9px 12px;background:var(--primary);color:#fff;font:inherit;font-size:.74rem;font-weight:800;display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.ax-app{height:48px;border-radius:15px;border:1.5px solid color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--surface);font-weight:800;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.ax-warn{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--warn) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 25%,var(--border));font-size:.75rem;font-weight:600;color:color-mix(in srgb,var(--warn) 70%,var(--text))}
.ax-warn i{margin-top:2px}
.ax-dock{display:grid;grid-template-columns:auto 1fr;gap:9px;width:100%}
.ax-side{width:52px;height:52px;border-radius:16px;background:var(--surface-2);color:var(--primary);border:1px solid var(--border);font-size:1.05rem;display:grid;place-items:center;cursor:pointer}
.ax-go{height:52px;border-radius:16px;border:0;font:inherit;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 22px -14px var(--primary);cursor:pointer;padding:0 14px;text-decoration:none;transition:transform .15s,opacity .2s}
.ax-go:active{transform:scale(.98)}.ax-go:disabled{opacity:.45;box-shadow:none;cursor:default}
.af-step1-dock .ax-dock,.gup-step1-dock .ax-dock{max-width:520px;margin:0 auto}
.af-step1-dock>.ax-dock .ax-go,.gup-step1-dock>.ax-dock .ax-go{width:100%}
.ax-head{display:flex;align-items:center;gap:11px}
.ax-head .ax-art{width:54px;height:54px}
.ax-head b{display:block;font-size:1rem;font-weight:900}.ax-head small{display:block;font-size:.76rem;color:var(--text-muted);font-weight:600;margin-top:2px;overflow-wrap:anywhere}
.ax-drop{border-radius:22px;border:2px dashed color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--surface));padding:16px 14px 18px;display:grid;justify-items:center;gap:5px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.ax-drop:active{background:color-mix(in srgb,var(--primary) 9%,var(--surface))}
.ax-drop[hidden]{display:none}
.ax-drop-art{width:96px;height:96px;display:block}.ax-drop-art svg{width:100%;height:100%}
.ax-drop b{font-size:.95rem}.ax-drop>span{font-size:.74rem;color:var(--text-muted);font-weight:600}
.ax-drop .ax-pick{margin-top:7px;border-radius:12px;padding:10px 16px;background:var(--primary);color:#fff;font-weight:800;font-size:.8rem;display:inline-flex;gap:7px;align-items:center}
.ax-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ax-checks div{border-radius:14px;border:1px solid var(--border);background:var(--surface);padding:9px 4px;text-align:center;font-size:.68rem;font-weight:800;color:var(--text)}
.ax-checks div i{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 5px;border-radius:9px;background:color-mix(in srgb,var(--ok) 13%,var(--surface));color:var(--ok);font-size:.85rem}
.ax-picked{display:flex;align-items:center;gap:11px;padding:10px;border-radius:18px;border:1.5px solid color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 6%,var(--surface));animation:axIn .28s ease both}
.ax-picked[hidden]{display:none}
.ax-th{width:48px;height:64px;border-radius:10px;border:2px solid color-mix(in srgb,var(--text) 70%,transparent);background:#eef2f7;flex:none;padding:0;overflow:hidden;cursor:pointer}
.ax-th img{width:100%;height:100%;object-fit:cover;display:block}
.ax-picked>div{flex:1;min-width:0}.ax-picked b{display:block;font-size:.86rem}.ax-picked small{display:block;font-size:.72rem;color:var(--text-muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax-change{border:0;background:none;color:var(--primary);font:inherit;font-weight:800;font-size:.76rem;display:inline-flex;gap:5px;align-items:center;cursor:pointer;flex:none}
.ax-utr label{display:block;font-size:.74rem;font-weight:800;color:var(--text-muted);margin:0 0 6px 2px}
.ax-utr-box{display:flex;align-items:center;gap:8px;height:58px;border-radius:16px;border:2px solid color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--surface);padding:0 14px;transition:border-color .2s,box-shadow .2s}
.ax-utr-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)}
.ax-utr-box input{flex:1;min-width:0;border:0;outline:0;background:none;font:800 1.08rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;color:var(--text);text-transform:uppercase}
.ax-utr-box input::placeholder{font-weight:600;letter-spacing:.04em;color:var(--text-muted);opacity:.7}
.ax-hint{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:.72rem;font-weight:700;color:var(--text-muted)}
.ax-hint button{border:0;background:none;padding:0;color:var(--primary);font:inherit;font-weight:800;cursor:pointer;flex:none}
.ax-status{text-align:center}
.ax-status .ax-art{width:96px;height:96px;margin:0 auto}
.ax-status.muted .ax-art{filter:grayscale(1);opacity:.75}
.ax-status h3{margin:6px 0 3px;font-size:1.12rem;font-weight:900}.ax-status p{margin:0;color:var(--text-muted);font-size:.8rem;font-weight:600}
.ax-status strong{display:block;margin-top:8px;font-size:2.05rem;font-weight:900;letter-spacing:-.03em;color:var(--text)}
.ax-status.ok strong{color:var(--ok)}
.ax-eta{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:15px;background:color-mix(in srgb,#2563eb 8%,var(--surface));border:1px solid color-mix(in srgb,#2563eb 22%,var(--border));font-size:.76rem;font-weight:600;color:var(--text)}
.ax-eta i{color:#2563eb;font-size:1rem}.ax-eta b{display:block;font-size:.8rem}
.ax-card{border-radius:18px;border:1px solid var(--border);background:var(--surface);overflow:hidden}
.ax-card h4{margin:0;padding:11px 14px;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--text-muted);background:color-mix(in srgb,var(--primary) 5%,var(--surface));border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:10px}
.ax-steps{padding:12px 14px 2px}
.ax-step{position:relative;display:flex;gap:12px;padding-bottom:13px}
.ax-step:not(:last-child)::before{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:2px;background:var(--border)}
.ax-step.done:not(:last-child)::before{background:var(--ok)}
.ax-step .dot{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.68rem;background:var(--surface-2);border:2px solid var(--border);color:var(--text-muted);position:relative;z-index:1}
.ax-step.todo .dot i{font-size:.32rem}
.ax-step.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}
.ax-step.now .dot{background:var(--surface);border-color:var(--warn);color:var(--warn);box-shadow:0 0 0 5px color-mix(in srgb,var(--warn) 18%,transparent);animation:axPulse 1.6s ease-in-out infinite}
@keyframes axPulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--warn) 6%,transparent)}}
.ax-step.fail .dot{background:var(--bad);border-color:var(--bad);color:#fff}
.ax-step>div{min-width:0}.ax-step b{display:block;font-size:.85rem}.ax-step small{display:block;color:var(--text-muted);font-size:.73rem;margin-top:2px;overflow-wrap:anywhere}.ax-step.todo b{color:var(--text-muted)}
.ax-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.82rem;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}
.ax-rows>div:first-child{border-top:0}.ax-rows span{color:var(--text-muted);font-weight:600;flex:none}
.ax-rows b{font-weight:800;display:inline-flex;gap:6px;align-items:center;text-align:right;min-width:0;overflow-wrap:anywhere;justify-content:flex-end}
.ax-rows b button{border:0;background:none;padding:2px;color:var(--primary);cursor:pointer;font-size:.8rem}
.ax-note{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:15px;font-size:.78rem;font-weight:600}
.ax-note b{display:block;font-size:.8rem;margin-bottom:2px}.ax-note i{margin-top:2px}
.ax-note.bad{background:color-mix(in srgb,var(--bad) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 25%,var(--border))}.ax-note.bad i{color:var(--bad)}
.ax-note.info{background:color-mix(in srgb,#2563eb 8%,var(--surface));border:1px solid color-mix(in srgb,#2563eb 22%,var(--border))}.ax-note.info i{color:#2563eb}
.ax-link{border:0;background:none;color:var(--primary);font:inherit;font-weight:800;font-size:.8rem;display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:4px;cursor:pointer}
.ax-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ax-two button{height:48px;border-radius:15px;border:1px solid var(--border);background:var(--surface);font:inherit;font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text);cursor:pointer}
.ax-two button i{color:var(--primary)}.ax-two .pri{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:0}.ax-two .pri i{color:#fff}
.ax-help-btn{height:48px;border-radius:15px;border:1px solid var(--border);background:var(--surface);font:inherit;font-weight:800;font-size:.84rem;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text);cursor:pointer}.ax-help-btn i{color:var(--primary)}
.ax-return{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:15px;background:color-mix(in srgb,var(--ok) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 28%,var(--border))}
.ax-return[hidden]{display:none}.ax-return b{display:block;font-size:.84rem}.ax-return small{display:block;font-size:.72rem;color:var(--text-muted);font-weight:600}
.ax-spin{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--ok) 25%,transparent);border-top-color:var(--ok);animation:axSpin .8s linear infinite;flex:none}
@keyframes axSpin{to{transform:rotate(360deg)}}
.ax-go-link[hidden]{display:none}
[data-theme="dark"] .ax-warn{color:#fbbf24}
[data-theme="dark"] .ax-qr-box{box-shadow:0 0 0 1px rgba(255,255,255,.06)}
/* QR loader */
.ax-qr-box>img{transition:opacity .25s}
.ax-qr-box.loading>img,.ax-qr-box.failed>img{opacity:0}
.ax-qr-box.loading .logo,.ax-qr-box.failed .logo{opacity:0}
.ax-qr-box .logo{transition:opacity .25s}
.ax-qr-load{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:4px solid color-mix(in srgb,var(--primary) 18%,transparent);border-top-color:var(--primary);animation:axSpin .8s linear infinite;opacity:0;pointer-events:none;transition:opacity .2s}
.ax-qr-box.loading .ax-qr-load{opacity:1}
.ax-qr-box.failed::after{content:"QR not available. Pay using the UPI ID below.";position:absolute;inset:12px;display:grid;place-items:center;text-align:center;font-size:.76rem;font-weight:700;color:#64748b;padding:10px}

/* Small gap between ₹ and the amount */
span.rs.rs{display:inline!important;font:inherit!important;color:inherit!important;letter-spacing:inherit!important;opacity:1!important;background:none!important;padding:0!important;margin:0 .1em 0 0!important;text-transform:none!important}
.timewall-logo.fz-art{width:58px!important;height:58px!important}

/* ================= App notifications prompt (FINZO Android app only) ================= */
.nt-ask{padding:4px 4px 6px;text-align:center}
.nt-ask-art{width:104px;height:104px;margin:2px auto 6px}
.nt-ask h3{margin:0;font-size:20px;font-weight:800;color:var(--text)}
.nt-ask>p{margin:6px auto 0;max-width:290px;font-size:13.5px;line-height:1.45;color:var(--text-muted)}
.nt-ask-list{margin:18px 0 4px;display:grid;gap:10px;text-align:left}
.nt-ask-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:16px;background:var(--surface-2,var(--surface));border:1px solid var(--border)}
.nt-ask-ic{flex:none;width:42px;height:42px;display:block}
.nt-ask-item b{display:block;font-size:14px;color:var(--text)}
.nt-ask-item small{display:block;margin-top:2px;font-size:12px;color:var(--text-muted)}
.nt-ask-note{margin:16px 0 2px;display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--warning,#f59e0b) 12%,transparent);color:var(--text);font-size:12.5px;line-height:1.45}
.nt-ask-note i{color:var(--warning,#f59e0b);margin-top:2px}
.nt-ask-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:12px;font-weight:700;color:var(--text-muted)}
.nt-ask-steps span{padding:5px 9px;border-radius:999px;background:var(--surface-2,var(--surface));border:1px solid var(--border);color:var(--text)}
.nt-ask-btn{margin-top:18px;width:100%;height:50px;border:0;border-radius:16px;background:var(--primary);color:#fff;font-family:inherit;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px -12px var(--primary);cursor:pointer}
.nt-ask-later{margin-top:6px;width:100%;height:42px;border:0;background:none;color:var(--text-muted);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}
.set-row .nt-pill{margin-left:auto;padding:7px 12px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.set-row .ss.nt-off{color:var(--text-muted)}
.nt-off-badge{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:6px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1.5;vertical-align:1px}
.nt-banner{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px;border-radius:16px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}
.nt-banner .ic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:16px}
.nt-banner b{display:block;font-size:14px;color:var(--text)}
.nt-banner small{display:block;margin-top:2px;font-size:12px;color:var(--text-muted)}
.nt-banner button{margin-left:auto;flex:none;height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer}

/* Pay to User: loading placeholders shown only until the first history arrives */
.pay-skel-list{display:grid;gap:10px}
.pay-skel-card{height:82px;border-radius:18px}
.pay-recent .pay-skel-rc{flex:none;width:52px;height:52px;margin:2px 3px 37px;border-radius:50%}
/* Earn: Coin Wallet records Load More */
.earn-record-more{display:flex;width:100%;margin:10px 0 2px;justify-content:center}

/* Lucky Lifafa: 5th type tile and its create-page fields */
.type-card.lucky .tic{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#fff))}
.type-card{position:relative}
.type-card .type-new{position:absolute;top:5px;left:5px;padding:2px 6px;border-radius:999px;background:#22c55e;color:#fff;font-size:.55rem;font-weight:900;letter-spacing:.04em;line-height:1.35;box-shadow:0 4px 10px -4px rgba(22,163,74,.7);z-index:2}
.lf-lucky-toggle{margin-top:2px}
.lf-lucky-toggle .lf-opt{font-size:.7rem;font-weight:700;color:var(--text-muted)}
#lf-lucky-range{margin-top:10px}
.lf-lucky-note{display:flex;gap:9px;align-items:flex-start;margin:10px 0 14px;padding:11px 12px;border-radius:14px;background:var(--primary-soft);color:var(--text);font-size:.74rem;line-height:1.5}
.lf-lucky-note i{color:var(--primary);margin-top:3px}
.lf-lucky-note.err{background:var(--danger-soft);color:var(--danger)}
.lf-lucky-note.err i{color:var(--danger)}
/* Lifafa types: one scrollable row sized from the screen width, so 4 tiles show
   in full and a slice of the 5th hints that the row scrolls */
[data-testid="lifafa-type-grid"]{display:flex!important;gap:10px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:16px;margin:0 -16px 6px!important;padding:9px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
[data-testid="lifafa-type-grid"]::-webkit-scrollbar{display:none}
[data-testid="lifafa-type-grid"] .type-card{flex:0 0 calc((100% + 16px - 40px - 30px) / 4);min-width:0;scroll-snap-align:start;padding:10px 4px 9px!important;gap:5px!important;overflow:visible}
[data-testid="lifafa-type-grid"] .type-card .tic.fz-art{width:42px!important;height:42px!important}
[data-testid="lifafa-type-grid"] .type-card>span:last-child{font-size:.7rem}
@media(max-width:339px){[data-testid="lifafa-type-grid"]{gap:6px!important}[data-testid="lifafa-type-grid"] .type-card{flex-basis:calc((100% + 16px - 24px - 26px) / 4)}}
/* Small floating info button on the tile corner, NEW badge on the left */
/* Create Lifafa: "How … works" bubble under the type row */
.lt-bubble-wrap{position:relative;height:38px;margin:4px 0 2px}
.lt-bubble{position:absolute;left:0;top:6px;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:0;border-radius:12px;background:var(--primary);color:#fff;font-family:inherit;font-size:.72rem;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 8px 16px -10px var(--primary);transition:transform .22s cubic-bezier(.2,.8,.3,1);-webkit-tap-highlight-color:transparent}
.lt-bubble::before{content:"";position:absolute;top:-6px;left:var(--ax,24px);border:6px solid transparent;border-top:0;border-bottom-color:var(--primary);transition:left .22s cubic-bezier(.2,.8,.3,1)}
.lt-bubble i{font-size:.85rem}.lt-bubble em{font-style:normal;opacity:.85}
/* Create Lifafa options: icon tile on the left opens "How it works" */
[data-testid="create-lifafa-view"] .toggle-row{position:relative;gap:12px!important}
[data-testid="create-lifafa-view"] .toggle-row>div:not(.switch):not(label){flex:1;min-width:0}
.toggle-row .opt-lead{flex:none;position:relative;width:46px;height:46px;padding:0;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 10px -8px rgba(15,23,42,.35);cursor:pointer;-webkit-tap-highlight-color:transparent}
.toggle-row .opt-lead::after{content:"?";position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;font:900 10px/16px Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--surface)}
.toggle-row .opt-lead-art.fz-art{width:38px!important;height:38px!important}
/* "How it works" sheet */
.hiw{text-align:center;padding:0 2px 4px}
.hiw-art{width:92px;height:92px;margin:0 auto 4px;display:grid;place-items:center;color:var(--primary);font-size:2rem}
.hiw-art svg{width:100%;height:100%;display:block}
.hiw-name{margin:0;font-size:1.12rem;color:var(--text)}
.hiw-tag{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.7rem;font-weight:800}
.hiw-steps{list-style:none;margin:18px 0 0;padding:0;text-align:left;position:relative}
.hiw-steps::before{content:"";position:absolute;left:13px;top:14px;bottom:30px;width:2px;background:repeating-linear-gradient(var(--primary) 0 4px,transparent 4px 8px);opacity:.35}
.hiw-steps li{position:relative;display:flex;gap:12px;align-items:flex-start;padding:0 0 16px;font-size:.82rem;line-height:1.5;color:var(--text)}
.hiw-n{flex:none;z-index:1;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.75rem;box-shadow:0 0 0 4px var(--surface)}
.hiw-note{display:flex;gap:9px;text-align:left;padding:11px 12px;border-radius:14px;background:#fff7e0;border:1px solid #fde4a3;color:#7c5a06;font-size:.76rem;line-height:1.5}
.hiw-note i{color:#d39b08;margin-top:3px}
[data-theme="dark"] .hiw-note{background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.25);color:#fde68a}
.hiw-btn{margin-top:14px}
.type-card .type-new{top:5px!important;right:auto!important;left:5px!important;font-size:.5rem!important;padding:1px 5px!important}
/* Type info sheet */
.lt-info{padding:2px 2px 4px}
.lt-info-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.lt-info-art{width:58px;height:58px;flex:none}
.lt-info-ic{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.3rem}
.lt-info-head b{display:block;font-size:1rem;color:var(--text)}
.lt-info-head small{display:block;margin-top:3px;font-size:.76rem;line-height:1.45;color:var(--text-muted)}
.lt-info-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none;counter-reset:lts}
.lt-info-steps li{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:var(--surface-2,var(--surface));border:1px solid var(--border);font-size:.8rem;line-height:1.5;color:var(--text)}
.lt-info-steps li::before{counter-increment:lts;content:counter(lts);flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:.72rem;font-weight:800}
.lt-info-note{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:14px;background:var(--primary-soft);font-size:.76rem;line-height:1.5;color:var(--text)}
.lt-info-note i{color:var(--primary);margin-top:3px}
.lt-info-btn{margin-top:14px}
.type-card.cardpick .tic,.type-card.wheel .tic{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#fff))}
/* Create Lifafa option panels (see ehExpand): no scroll anchoring jumps, and the
   animating panel paints only inside itself */
[data-testid="create-lifafa-view"]{overflow-anchor:none}
.lf-panel-animating{contain:paint}
/* Create Lifafa: Lifafa History card (3D icon + chips) */
.lf-hist-b{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px 14px 12px 12px;border:1px solid var(--border);border-radius:20px;background:var(--surface);text-align:left;color:var(--text);font-family:inherit;cursor:pointer;box-shadow:0 8px 18px -12px rgba(15,23,42,.28);-webkit-tap-highlight-color:transparent;transition:transform .14s}
.lf-hist-b:active{transform:scale(.985)}
.lf-hist-b-tile{width:64px;height:64px;border-radius:16px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-size:1.4rem}
.lf-hist-b-art.fz-art{width:50px!important;height:50px!important}
.lf-hist-b-copy{min-width:0}
.lf-hist-b-copy b{display:block;font-size:.92rem;color:var(--text)}
.lf-hist-b-copy small{display:block;margin-top:3px;font-size:.72rem;color:var(--text-muted)}
.lf-hist-b-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.lf-hist-b-chips span{padding:3px 8px;border-radius:999px;background:var(--surface-2,var(--bg));border:1px solid var(--border);font-size:.62rem;font-weight:700;color:var(--text-muted)}
.lf-hist-b-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:.75rem;box-shadow:0 6px 12px -6px var(--primary)}
/* Create Lifafa: "Draft restored" line */
.lf-draft-bar{display:flex;align-items:center;gap:9px;margin:-2px 0 12px;padding:9px 10px 9px 13px;border-radius:14px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text);font-size:.76rem;font-weight:700;animation:lfDraftIn .25s ease both}
.lf-draft-bar.hidden{display:none}
.lf-draft-bar i{color:var(--primary)}
.lf-draft-bar button{margin-left:auto;height:30px;padding:0 14px;border:0;border-radius:999px;background:var(--primary);color:#fff;font-family:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
@keyframes lfDraftIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Payment sheets: long screenshot names stay inside the sheet */
.ax{grid-template-columns:minmax(0,1fr)}
.ax>*{min-width:0}
/* Loading spinner from Btn.load / PayFlow.busy works in any button (it used to be
   styled only inside .btn, so it was invisible on other buttons) */
.ld{display:inline-block;width:18px;height:18px;flex:none;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 32%,transparent);border-top-color:currentColor;box-sizing:border-box;vertical-align:middle}
.ax-go .ld,.ax-go.is-busy .ld{border-color:rgba(255,255,255,.42);border-top-color:#fff}
.ax-go.is-busy,.ax-go.is-busy:disabled{opacity:1;cursor:progress;box-shadow:0 14px 26px -18px var(--primary)}

/* ===== Lifafa Theme row + picker (Create / Edit Lifafa) ===== */
.lf-theme-row{display:flex;align-items:center;gap:12px;width:100%;margin:2px 0 12px;padding:11px 12px;border-radius:15px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,transform .12s ease}
.lf-theme-row:active{transform:scale(.99)}
.lf-theme-row:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.lf-theme-sw{flex:none;width:38px;height:38px;border-radius:12px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 4px 10px -6px rgba(0,0,0,.4)}
.lf-theme-sw.is-default,.lft-opt.is-default .lft-sw{background:conic-gradient(#ffbe6b,#ff6a00,#7c3aed,#36c9ff,#ffbe6b)}
.lf-theme-tx{flex:1;min-width:0}
.lf-theme-tx b{display:block;font-size:.86rem;font-weight:800;color:var(--text)}
.lf-theme-tx small{display:block;margin-top:2px;font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-theme-chev{flex:none;color:var(--text-muted);font-size:.85rem}
.sheet .lf-theme-row{margin:2px 0 14px}

.lft-prev{position:relative;height:250px;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2,var(--surface));margin-bottom:12px}
.lft-frame-wrap{position:absolute;left:50%;top:10px;width:390px;height:760px;transform:translateX(-50%) scale(.58);transform-origin:top center;border-radius:26px;overflow:hidden;box-shadow:0 16px 34px -18px rgba(0,0,0,.55)}
.lft-frame-wrap iframe{display:block;width:390px;height:760px;border:0;pointer-events:none;background:transparent}
.lft-live{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.01em}
.lft-name{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 10px}
.lft-name b{font-size:.95rem;font-weight:800;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lft-name small{flex:none;font-size:.7rem;color:var(--text-muted)}
.lft-note{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:9px 11px;border-radius:12px;background:var(--primary-soft);color:var(--text);font-size:.72rem;line-height:1.4}
.lft-note i{color:var(--primary);margin-top:2px}
.lft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:min(34vh,250px);overflow-y:auto;overscroll-behavior:contain;padding:2px}
.lft-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:9px 4px 8px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background .15s ease}
.lft-sw{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),0 4px 10px -6px rgba(0,0,0,.45)}
.lft-lbl{font-size:.6rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.lft-opt.sel{border-color:var(--primary);background:var(--primary-soft)}
.lft-opt.sel::after{content:"\2713";position:absolute;top:4px;right:5px;width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;font:900 10px/16px Arial,sans-serif;text-align:center}
.lft-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}
.lft-actions .btn{margin:0;width:100%}
@media (max-width:360px){.lft-prev{height:220px}.lft-frame-wrap{transform:translateX(-50%) scale(.5)}}

/* Theme picker v2: each tile is a mini Lifafa card in that theme's colours. */
.lft-grid{gap:9px}
.lft-opt{padding:8px 4px;border-radius:16px}
.lft-sw{position:relative;width:46px;height:58px;border-radius:13px;overflow:hidden;
  background:linear-gradient(135deg,var(--sw-a,#ffbe6b),var(--sw-b,#ff6a00));
  box-shadow:0 6px 14px -8px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.35)}
.lft-sw::before{content:"";position:absolute;left:8px;right:8px;top:11px;bottom:9px;border-radius:6px;
  background:linear-gradient(90deg,rgba(0,0,0,.09),rgba(0,0,0,.09)) 5px 21px/calc(100% - 10px) 3px no-repeat,
             linear-gradient(90deg,rgba(0,0,0,.07),rgba(0,0,0,.07)) 5px 27px/60% 3px no-repeat,
             linear-gradient(90deg,var(--sw-a,#ffbe6b),var(--sw-b,#ff6a00)) 5px 32px/calc(100% - 10px) 5px no-repeat,#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.3)}
.lft-sw::after{content:"";position:absolute;left:8px;right:8px;top:11px;height:12px;border-radius:6px 6px 0 0;
  background:linear-gradient(135deg,var(--sw-a,#ffbe6b),var(--sw-b,#ff6a00));filter:brightness(.85) saturate(1.2)}
.lft-opt.is-default .lft-sw{background:conic-gradient(from 200deg,#ffbe6b,#ff6a00,#7c3aed,#36c9ff,#ffbe6b)}
.lft-opt.is-default .lft-sw::after{background:linear-gradient(135deg,#ff6a00,#7c3aed)}
.lft-opt.sel{box-shadow:0 8px 18px -12px var(--primary)}
.lft-opt.sel .lft-sw{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}

/* Type tiles: small floating info button (top-right), soft so it never competes with the tile. */
[data-testid="lifafa-type-grid"] .type-card .lt-tinfo{position:absolute;top:-6px;right:-6px;z-index:3;width:19px;height:19px;padding:0;margin:0;border-radius:50%;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));background:var(--surface);color:color-mix(in srgb,var(--primary) 62%,var(--text-muted));
  font-size:.55rem;line-height:1;box-shadow:0 2px 6px -3px rgba(0,0,0,.18);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,color .15s ease}
[data-testid="lifafa-type-grid"] .type-card .lt-tinfo:active{transform:scale(.9)}
[data-testid="lifafa-type-grid"] .type-card .lt-tinfo:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
[data-testid="lifafa-type-grid"] .type-card .lt-tinfo::after{content:"";position:absolute;inset:-8px;border-radius:50%}

/* Create Lifafa: Free Lifafa promotion rules (bottom of the page, tap to open) */
.lf-promo-rules{margin-top:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden}
.lf-promo-head{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:12px;align-items:center;width:100%;padding:12px 12px 12px 12px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lf-promo-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:17px}
.lf-promo-ic.fz-art{width:44px!important;height:44px!important}
.lf-promo-copy b{display:block;font-size:.84rem;line-height:1.3;font-weight:800}
.lf-promo-copy small{display:block;margin-top:2px;color:var(--text-muted);font-size:.72rem;line-height:1.45}
.lf-promo-chev{justify-self:end;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2,var(--primary-soft));color:var(--text-muted);font-size:.72rem;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.lf-promo-rules.open .lf-promo-chev{transform:rotate(180deg)}
.lf-promo-head:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:18px}
.lf-promo-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1)}
.lf-promo-rules.open .lf-promo-body{grid-template-rows:1fr}
.lf-promo-inner{min-height:0;overflow:hidden;padding:0 14px;opacity:0;transition:opacity .25s ease,padding .38s cubic-bezier(.2,.8,.2,1)}
.lf-promo-rules.open .lf-promo-inner{opacity:1;padding:0 14px 14px}
.lf-promo-where{margin:2px 0 0;padding-top:12px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.74rem;line-height:1.55}
.lf-promo-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}
.lf-promo-list li{display:flex;gap:9px;align-items:flex-start;font-size:.76rem;line-height:1.5}
.lf-promo-list i{color:var(--success,#16a34a);margin-top:3px;font-size:.78rem;flex:none}
.lf-promo-foot{display:flex;gap:9px;align-items:flex-start;margin:12px 0 0;padding:10px 11px;border-radius:12px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));color:var(--text-muted);font-size:.72rem;line-height:1.55}
.lf-promo-foot i{color:var(--primary);margin-top:2px;flex:none}
.lf-promo-foot b,.lf-promo-list b,.lf-promo-where b{color:var(--text)}
@media(prefers-reduced-motion:reduce){.lf-promo-body,.lf-promo-inner,.lf-promo-chev{transition:none}}

/* Edit shortcuts: "Show on Home page" switch (saved on the account) */
.svx-home-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;margin-bottom:10px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.svx-home-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}
.svx-home-copy b{display:block;font-size:.8rem;line-height:1.3}
.svx-home-copy small{display:block;margin-top:2px;color:var(--text-muted);font-size:.7rem;line-height:1.4}
.svx-home-row .switch input:disabled{cursor:progress}

/* Create Lifafa: theme row comes out of the bottom of the form card and shows
   the chosen theme's colours with its claim-page effect (stars or bokeh). */
.lf-form-card:has(> .lf-theme-band:last-child){overflow:hidden}
.lf-theme-band{--ta:#ff8a3d;--tb:#7c3aed;position:relative;isolation:isolate;overflow:hidden;max-width:none;width:calc(100% + 2*var(--card-pad));margin:22px calc(-1*var(--card-pad)) calc(-1*var(--card-pad));padding:20px var(--card-pad) 15px;border:0;border-radius:0;color:#fff;
  background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),linear-gradient(120deg,var(--ta),var(--tb));transition:filter .2s ease}
.lf-theme-band.is-default{background:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.08)),linear-gradient(120deg,#ff8a3d,#ff5e62 45%,#7c3aed 80%,#36c9ff)}
.lf-theme-band::before{content:"";position:absolute;left:0;right:0;top:-1px;height:14px;background:var(--surface);border-radius:0 0 50% 50%/0 0 100% 100%;z-index:1;pointer-events:none}
.lf-theme-band::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.lf-theme-band.is-bokeh::after{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22360%22 height=%22158%22 viewBox=%220 0 360 158%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3Cfilter id=%22b%22 x=%22-50%25%22 y=%22-50%25%22 width=%22200%25%22 height=%22200%25%22%3E%3CfeGaussianBlur stdDeviation=%221.2%22/%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%22url%28%23b%29%22%3E%3Ccircle cx=%2244%22 cy=%2246%22 r=%2215%22 fill=%22%23fff%22 fill-opacity=%220.22%22%3E%3Canimate attributeName=%22cx%22 values=%2244;70;44%22 dur=%229s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22cy%22 values=%2246;60;46%22 dur=%2211.7s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22fill-opacity%22 values=%220.22;0.35;0.22%22 dur=%227.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22108%22 cy=%22124%22 r=%229%22 fill=%22%23fff%22 fill-opacity=%220.14%22%3E%3Canimate attributeName=%22cx%22 values=%22108;90;108%22 dur=%2211s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22cy%22 values=%22124;112;124%22 dur=%2214.3s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22fill-opacity%22 values=%220.14;0.22;0.14%22 dur=%228.8s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22266%22 cy=%2240%22 r=%2222%22 fill=%22%23fff%22 fill-opacity=%220.17%22%3E%3Canimate attributeName=%22cx%22 values=%22266;242;266%22 dur=%2212s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22cy%22 values=%2240;56;40%22 dur=%2215.6s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22fill-opacity%22 values=%220.17;0.27;0.17%22 dur=%229.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22326%22 cy=%22112%22 r=%2212%22 fill=%22%23fff%22 fill-opacity=%220.13%22%3E%3Canimate attributeName=%22cx%22 values=%22326;310;326%22 dur=%228s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22cy%22 values=%22112;98;112%22 dur=%2210.4s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22fill-opacity%22 values=%220.13;0.21;0.13%22 dur=%226.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22186%22 cy=%2284%22 r=%226%22 fill=%22%23fff%22 fill-opacity=%220.12%22%3E%3Canimate attributeName=%22cx%22 values=%22186;208;186%22 dur=%2210s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22cy%22 values=%2284;74;84%22 dur=%2213.0s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22fill-opacity%22 values=%220.12;0.19;0.12%22 dur=%228.0s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22150%22 cy=%2222%22 r=%225%22 fill=%22%23fff%22 fill-opacity=%220.16%22%3E%3Canimate attributeName=%22cx%22 values=%22150;136;150%22 dur=%227s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22cy%22 values=%2222;32;22%22 dur=%229.1s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22fill-opacity%22 values=%220.16;0.26;0.16%22 dur=%225.6s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%22220%22 cy=%22138%22 r=%228%22 fill=%22%23fff%22 fill-opacity=%220.12%22%3E%3Canimate attributeName=%22cx%22 values=%22220;238;220%22 dur=%2213s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22cy%22 values=%22138;130;138%22 dur=%2216.9s%22 repeatCount=%22indefinite%22 calcMode=%22spline%22 keySplines=%22.45 0 .55 1;.45 0 .55 1%22/%3E%3Canimate attributeName=%22fill-opacity%22 values=%220.12;0.19;0.12%22 dur=%2210.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;opacity:.95}
.lf-theme-band.is-stars::after{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2290%22 height=%22150%22 viewBox=%220 0 90 150%22%3E%3Cdefs%3E%3CradialGradient id=%22g%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform=%22translate%2824 30%29%22%3E%3Cg%3E%3Ccircle r=%228.1%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M0,-1 C.12,-.24 .24,-.12 1,0 C.24,.12 .12,.24 0,1 C-.12,.24 -.24,.12 -1,0 C-.24,-.12 -.12,-.24 0,-1Z%22 fill=%22%23fff%22 transform=%22scale%289%29%22/%3E%3Canimate attributeName=%22opacity%22 values=%22.15;1;.15%22 dur=%222.6s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%22.55;1;.55%22 dur=%222.6s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%2852 98%29%22%3E%3Cg%3E%3Ccircle r=%224.95%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M0,-1 C.12,-.24 .24,-.12 1,0 C.24,.12 .12,.24 0,1 C-.12,.24 -.24,.12 -1,0 C-.24,-.12 -.12,-.24 0,-1Z%22 fill=%22%23fff%22 transform=%22scale%285.5%29%22/%3E%3Canimate attributeName=%22opacity%22 values=%22.15;1;.15%22 dur=%223.1s%22 begin=%220.9s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%22.55;1;.55%22 dur=%223.1s%22 begin=%220.9s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%2816 124%29%22%3E%3Cg%3E%3Ccircle r=%225.8500000000000005%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M0,-1 C.12,-.24 .24,-.12 1,0 C.24,.12 .12,.24 0,1 C-.12,.24 -.24,.12 -1,0 C-.24,-.12 -.12,-.24 0,-1Z%22 fill=%22%23fff%22 transform=%22scale%286.5%29%22/%3E%3Canimate attributeName=%22opacity%22 values=%22.15;1;.15%22 dur=%222.2s%22 begin=%221.6s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%22.55;1;.55%22 dur=%222.2s%22 begin=%221.6s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Ccircle cx=%2266%22 cy=%2258%22 r=%221.3%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%221.9s%22 begin=%220.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2240%22 cy=%22140%22 r=%221.1%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.4s%22 begin=%221.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2278%22 cy=%2216%22 r=%221.2%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.8s%22 begin=%220.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3C/svg%3E") 0 6px/150px 25px repeat-x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2290%22 height=%22150%22 viewBox=%220 0 90 150%22%3E%3Cdefs%3E%3CradialGradient id=%22g%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform=%22translate%2824 30%29%22%3E%3Cg%3E%3Ccircle r=%228.1%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M0,-1 C.12,-.24 .24,-.12 1,0 C.24,.12 .12,.24 0,1 C-.12,.24 -.24,.12 -1,0 C-.24,-.12 -.12,-.24 0,-1Z%22 fill=%22%23fff%22 transform=%22scale%289%29%22/%3E%3Canimate attributeName=%22opacity%22 values=%22.15;1;.15%22 dur=%222.6s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%22.55;1;.55%22 dur=%222.6s%22 begin=%220s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%2852 98%29%22%3E%3Cg%3E%3Ccircle r=%224.95%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M0,-1 C.12,-.24 .24,-.12 1,0 C.24,.12 .12,.24 0,1 C-.12,.24 -.24,.12 -1,0 C-.24,-.12 -.12,-.24 0,-1Z%22 fill=%22%23fff%22 transform=%22scale%285.5%29%22/%3E%3Canimate attributeName=%22opacity%22 values=%22.15;1;.15%22 dur=%223.1s%22 begin=%220.9s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%22.55;1;.55%22 dur=%223.1s%22 begin=%220.9s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Cg transform=%22translate%2816 124%29%22%3E%3Cg%3E%3Ccircle r=%225.8500000000000005%22 fill=%22url%28%23g%29%22/%3E%3Cpath d=%22M0,-1 C.12,-.24 .24,-.12 1,0 C.24,.12 .12,.24 0,1 C-.12,.24 -.24,.12 -1,0 C-.24,-.12 -.12,-.24 0,-1Z%22 fill=%22%23fff%22 transform=%22scale%286.5%29%22/%3E%3Canimate attributeName=%22opacity%22 values=%22.15;1;.15%22 dur=%222.2s%22 begin=%221.6s%22 repeatCount=%22indefinite%22/%3E%3CanimateTransform attributeName=%22transform%22 type=%22scale%22 values=%22.55;1;.55%22 dur=%222.2s%22 begin=%221.6s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3C/g%3E%3Ccircle cx=%2266%22 cy=%2258%22 r=%221.3%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%221.9s%22 begin=%220.4s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2240%22 cy=%22140%22 r=%221.1%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.4s%22 begin=%221.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3Ccircle cx=%2278%22 cy=%2216%22 r=%221.2%22 fill=%22%23fff%22%3E%3Canimate attributeName=%22opacity%22 values=%22.2;.9;.2%22 dur=%222.8s%22 begin=%220.2s%22 repeatCount=%22indefinite%22/%3E%3C/circle%3E%3C/svg%3E") 75px 40px/150px 25px repeat-x;opacity:1}
.lf-theme-band>*{position:relative;z-index:2}
.lf-theme-band:active{transform:none;filter:brightness(.96)}
.lf-theme-band .lf-theme-tx b,.lf-theme-band .lf-theme-tx small{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}
.lf-theme-band .lf-theme-tx small{opacity:.92}
.lf-theme-band .lf-theme-sw{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 6px 14px -6px rgba(0,0,0,.45)}
.lf-theme-band .lf-theme-chev{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.22);color:#fff}
.lf-theme-band:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){.lf-theme-band::after{display:none}}

/* Create Lifafa Defaults sheet (v2): How-it-works pictures instead of icons, default theme row */
.lfd-v2 .lfd-art{display:block;flex:none}
.lfd-v2 .lfd-art svg{display:block;width:100%;height:100%;overflow:visible}
.lfd-v2 .lfd-hero{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:18px;background:var(--primary-soft)}
.lfd-v2 .lfd-hero>.lfd-art{width:56px;height:56px}
.lfd-v2 .lfd-hero b{font-size:.86rem;font-weight:800}
.lfd-v2 .lfd-hero span{font-size:.72rem!important;line-height:1.45}
.lfd-v2 .lfd-group-title{margin:4px 2px -4px;font-size:.78rem;font-weight:800;color:var(--text)}
.lfd-v2 .lf-theme-row{margin:0}
.lfd-v2 .lfd-toggle-list{border-radius:18px}
.lfd-v2 .lfd-toggle-row{grid-template-columns:46px minmax(0,1fr) auto;gap:12px;min-height:68px;padding:11px 14px}
.lfd-v2 .lfd-toggle-icon.lfd-art{width:46px;height:46px;border-radius:0;background:none!important;box-shadow:none!important;color:inherit}
.lfd-v2 .lfd-toggle-copy b{font-size:.8rem}
.lfd-v2 .lfd-toggle-copy span{font-size:.7rem;line-height:1.4}
.lfd-v2 .lfd-special-code .lfd-toggle-row{grid-template-columns:34px minmax(0,1fr) auto;min-height:56px;padding-left:26px}
.lfd-v2 .lfd-special-code .lfd-toggle-icon.lfd-art{width:34px;height:34px}
.lfd-v2 .lfd-note{background:none;padding:0 2px;font-size:.7rem}
@media(max-width:339px){.lfd-v2 .lfd-toggle-row{grid-template-columns:40px minmax(0,1fr) auto}.lfd-v2 .lfd-toggle-icon.lfd-art{width:40px;height:40px}}

/* Top bar wallet balance — only on the game pages (body.show-top-bal set by TopBalance) */
.topbar .top-bal{display:none}
body.show-top-bal .topbar .brand>.brand-name{display:none}
body.show-top-bal .topbar .top-bal{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 5px;margin-left:2px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease)}
body.show-top-bal .topbar .top-bal:active{transform:scale(.97)}
.topbar .top-bal .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:.8rem}
.topbar .top-bal b{padding:0 2px;font-size:.9rem;font-weight:900;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.topbar .top-bal .add{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--success);color:#fff;font-size:.72rem}
@media(max-width:360px){body.show-top-bal .topbar .top-bal{gap:6px;height:38px}.topbar .top-bal .ic,.topbar .top-bal .add{width:28px;height:28px}.topbar .top-bal b{font-size:.82rem}}