@font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/dmmono-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/dmmono-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/dmmono-500-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'DM Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/dmmono-500-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/syne-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/syne-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(fonts/syne-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(fonts/syne-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/syne-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/syne-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(fonts/syne-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Syne';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(fonts/syne-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/outfit-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(fonts/outfit-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/outfit-500-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/outfit-500-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(fonts/outfit-600-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(fonts/outfit-600-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/outfit-700-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/outfit-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(fonts/outfit-800-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(fonts/outfit-800-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/spacegrotesk-500-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(fonts/spacegrotesk-500-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(fonts/spacegrotesk-600-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(fonts/spacegrotesk-600-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/spacegrotesk-700-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(fonts/spacegrotesk-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{box-sizing:border-box;margin:0;padding:0}
*:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:6px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
@media print {
body{background:#fff !important;color:#000 !important}
.topbar,.nav-tabs,.bottom-nav,.plat-strip-wrap,.streak-pill,.notif-btn,.logout-btn,.wallet-pill,
.cooldown-bar,.demo-overlay,.cmod-overlay,.modal-overlay,.checkout-overlay,
.hist-overlay,.onboard-overlay,#settingsPanel,#miniNotifPanel,#gdprBanner,
#sptourOverlay,#sptourCut,#sptourTooltip,#skipToContent,.toast-stack,.legal-banner,
#pwaInstallRow,.cta,.btn{display:none !important}
.view{display:block !important}
.card{box-shadow:none !important;border:1px solid #ddd !important;break-inside:avoid;page-break-inside:avoid}
a{color:#000 !important;text-decoration:underline}
a[href]:after{content:" (" attr(href) ")";font-size:90%;color:#666}
.about-overlay{position:static !important;display:block !important;background:#fff !important;color:#000 !important}
.about-overlay .about-close{display:none !important}
}
:root{
--bg:#07070d;--s1:#0f0f17;--s2:#161620;--s3:#1e1e2a;--s4:#262633;
--green:#2ec27e;--green2:#3de898;--green3:rgba(61,232,152,0.08);
--gold:#e9c44e;--gold2:rgba(233,196,78,0.1);
--blue:#4a9fff;--blue2:rgba(74,159,255,0.1);
--purple:#a78bfa;--purple2:rgba(167,139,250,0.1);
--pink:#e8458c;--pink2:rgba(232,69,140,0.1);
--red:#c73c3c;--red-text:#e86a6a;--cyan:#00d4ff;--orange:#ff8c42;
--text:#eaeaf2;--text2:#b4b4c8;--muted:#8a8aa2;
--border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.13);
--r:14px;--rs:9px;
--ff:'Syne',sans-serif;--fm:'DM Mono',monospace;
--shadow:0 4px 24px rgba(0,0,0,0.4);
--shadow-green:0 0 20px rgba(46,194,126,0.12);
--fs-xs: 11px;
--fs-sm: 13px;
--fs-md: 15px;
--fs-lg: 18px;
--fs-xl: 22px;
}
html[data-theme="light"]{
--bg:#f7f7fb;--s1:#ffffff;--s2:#f0f0f5;--s3:#e6e6ee;--s4:#dcdce6;
--text:#0c0c14;--text2:#4a4a60;--muted:#5f5f75;--red-text:#b93535;
--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.16);
--shadow:0 4px 24px rgba(0,0,0,0.08);
--green3:rgba(46,194,126,0.12);
--green2:#0f804b;
--gold:#8a6d11;
--blue:#006ce6;
--orange:#c14b00;
--pink:#d91b6e;
--green:#1e8053;
--cyan:#007b94;
--purple:#7a4ff7;
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .topbar,
html[data-theme="light"] .bottom-nav{background:rgba(247,247,251,0.92)}
html[data-theme="light"] .about-overlay{background:var(--bg)}
html[data-theme="light"] .about-title,
html[data-theme="light"] .about-section-title,
html[data-theme="light"] .brand-name{color:var(--text)}
html[data-theme="light"] .about-tagline,
html[data-theme="light"] .about-section-body,
html[data-theme="light"] .astat-lbl{color:var(--text2)}
html[data-theme="light"] .card,
html[data-theme="light"] .modal,
html[data-theme="light"] .astat,
html[data-theme="light"] .mf-block,
html[data-theme="light"] .about-plat,
html[data-theme="light"] .faq-item,
html[data-theme="light"] #miniNotifPanel,
html[data-theme="light"] #settingsPanel,
html[data-theme="light"] .wallet-pill,
html[data-theme="light"] .notif-btn,
html[data-theme="light"] .mode-toggle,
html[data-theme="light"] .inp,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select{background:var(--s1);color:var(--text);border-color:var(--border)}
html{--neon-frame:#2ee86b;--neon-glow:rgba(46,232,107,0.40)}
html.neon-on .card,
html.neon-on .camp-card,
html.neon-on .astat,
html.neon-on .about-plat,
html.neon-on .hero-stat,
html.neon-on .modal{
border-color:var(--neon-frame);
border-width:1px;
box-shadow:0 0 13px var(--neon-glow);
}
html[data-theme="light"] .modal-overlay,
html[data-theme="light"] .auth-overlay{background:rgba(12,12,20,0.45)}
html[data-theme="light"] [style*="background:var(--s1)"],
html[data-theme="light"] [style*="background:var(--s2)"],
html[data-theme="light"] [style*="background:var(--s3)"]{color:var(--text) !important}
html[data-theme="light"] .mode-btn.active{background:var(--s3);color:var(--text)}
html[data-theme="light"] .ntab{color:var(--text2)}
html[data-theme="light"] .ntab.active{color:var(--text)}
html[data-theme="light"] .logout-btn{background:var(--s2);color:var(--text);border-color:var(--border2)}
html[data-theme="light"] .auth-overlay{background:var(--bg)}
html[data-theme="light"] .auth-card{background:var(--s1);border-color:var(--border2)}
html[data-theme="light"] .tt{background:rgba(0,0,0,0.06);color:var(--text);border-color:var(--border2)}
html[data-theme="light"] [style*="rgba(0,0,0,0.25)"],
html[data-theme="light"] [style*="rgba(0,0,0,0.3)"],
html[data-theme="light"] [style*="rgba(0,0,0,0.4)"]{background:var(--s2) !important}
html[data-theme="light"] .checkout-modal,
html[data-theme="light"] .checkout-overlay > *{background:var(--s1);color:var(--text)}
html[data-theme="light"] [style*="color:var(--green2)"],
html[data-theme="light"] [style*="color:var(--green)"],
html[data-theme="light"] .astat-val,
html[data-theme="light"] .about-section-label,
html[data-theme="light"] .about-pill,
html[data-theme="light"] .ct-legal,
html[data-theme="light"] .btn.green,
html[data-theme="light"] .conv-amount,
html[data-theme="light"] .auth-alert-ok,
html[data-theme="light"] .auth-switch span,
html[data-theme="light"] .auth-role-opt.sel-earner,
html[data-theme="light"] .earn-tier-amt,
html[data-theme="light"] .eur-badge,
html[data-theme="light"] .ref-earn-badge,
html[data-theme="light"] .cur-pill,
html[data-theme="light"] .plat-pill.active,
html[data-theme="light"] .ap-chip.is-on,
html[data-theme="light"] .preset-btn.active,
html[data-theme="light"] .brand-name em,
html[data-theme="light"] .about-title em,
html[data-theme="light"] .faq-item.open .faq-arrow,
html[data-theme="light"] .legal-banner-text strong,
html[data-theme="light"] .modal-legal strong,
html[data-theme="light"] .mf-block.highlight .mf-amt,
html[data-theme="light"] .tx-pos,
html[data-theme="light"] .d-easy,
html[data-theme="light"] .at-referral,
html[data-theme="light"] .pill-green{color:#0c7a44 !important}
html[data-theme="light"] .about-footer,
html[data-theme="light"] .muted,
html[data-theme="light"] [style*="color:var(--muted)"]{color:var(--text2) !important}
html[data-theme="light"] .faq-q,html[data-theme="light"] .faq-a{color:var(--text)}
html[data-theme="light"] .money-flow,html[data-theme="light"] .mf-block{background:var(--s1);border-color:var(--border)}
html[data-theme="light"] .ref-hero{background:linear-gradient(135deg,rgba(232,69,140,0.06),rgba(167,139,250,0.05));border-color:rgba(232,69,140,0.2)}
html[data-theme="light"] .ref-stat{background:var(--s1);border:1px solid var(--border)}
html[data-theme="light"] .ref-form,
html[data-theme="light"] .ref-card{background:var(--s1);border-color:var(--border)}
html[data-theme="light"] .ref-card-link{background:rgba(74,159,255,0.08);color:var(--blue)}
html[data-theme="light"] .ref-cs{color:var(--text2)}
html[data-theme="light"] .ref-cs span{color:var(--text)}
html[data-theme="light"] .legal-banner,
html[data-theme="light"] .earn-hero,
html[data-theme="light"] .earn-calc-box,
html[data-theme="light"] .disc-card{background:var(--s1);color:var(--text);border-color:var(--border)}
html[data-theme="light"] .disc-card.tt-c::before{background:#111}
html[data-theme="light"] .disc-desc,html[data-theme="light"] .hero-lbl{color:var(--text2)}
html[data-theme="light"] .empty{color:var(--text2)}
html[data-theme="light"] .earn-tier-row{background:var(--s1);border-color:var(--border)}
html[data-theme="light"] .earn-hero{background:linear-gradient(135deg,rgba(61,232,152,0.08),rgba(0,212,255,0.04));border-color:rgba(61,232,152,0.22)}
html[data-theme="light"] .earn-tier-name{color:var(--text)}
html[data-theme="light"] .earn-tier-sub{color:var(--text2)}
html,body{background:var(--bg);color:var(--text);font-family:var(--ff);min-height:100vh;overflow-x:hidden}
body{-webkit-font-smoothing:antialiased}
.sr-only{position:absolute;left:-9999px}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px 11px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;background:rgba(7,7,13,0.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:9px;cursor:pointer;transition:opacity 0.2s}
.brand:hover{opacity:0.8}
.brand-logo{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.brand-name{font-size:var(--fs-xl);font-weight:800;letter-spacing:-0.5px}
@media(min-width:701px){.brand-name{font-size:26px}}
.brand-name em{color:var(--green);font-style:normal}
.mode-toggle{display:flex;gap:3px;background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:3px}
.mode-btn{padding:6px 15px;border-radius:6px;font-size:var(--fs-sm);font-weight:700;cursor:pointer;border:none;background:transparent;font-family:var(--ff);color:var(--muted);transition:all 0.25s;white-space:nowrap}
.mode-btn.active{background:var(--s3);color:var(--text);border:1px solid var(--border2);box-shadow:0 1px 6px rgba(0,0,0,0.3)}
.topbar-right{display:flex;align-items:center;gap:7px}
.wallet-pill{display:flex;align-items:center;gap:5px;background:var(--s2);border:1px solid rgba(233,196,78,0.2);border-radius:20px;padding:5px 12px;cursor:pointer;transition:all 0.25s}
.wallet-pill:hover{border-color:rgba(233,196,78,0.5);background:var(--s3)}
.notif-btn{width:33px;height:33px;background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-md);position:relative;transition:all 0.2s;color:var(--text)}
.notif-btn:hover{background:var(--s3);border-color:var(--border2)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
.sp-marquee{overflow:hidden;white-space:nowrap;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.sp-marquee .sp-track{display:inline-block;white-space:nowrap;will-change:transform;animation:spScroll 36s linear infinite}
.sp-marquee:hover .sp-track{animation-play-state:paused}
@keyframes spScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.sp-marquee .sp-track{animation:none}
.sp-marquee{white-space:normal;-webkit-mask-image:none;mask-image:none}
.sp-marquee .sp-track{display:block;white-space:normal;line-height:1.6}
.sp-marquee .sp-half+.sp-half{display:none}}
body{background:
radial-gradient(70% 50% at 50% -8%, rgba(46,194,126,0.10), transparent 70%),
radial-gradient(45% 35% at 88% 6%, rgba(0,212,255,0.06), transparent 70%),
var(--bg);
background-attachment:fixed}
html[data-theme="light"] body{background:
radial-gradient(70% 50% at 50% -8%, rgba(46,194,126,0.06), transparent 70%),
var(--bg);
background-attachment:fixed}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme="light"] body::after{display:none}
@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.brand-logo,.about-logo{position:relative;overflow:hidden}
.brand-logo::after,.about-logo::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,0.28) 50%,transparent 60%);
transform:translateX(-130%);animation:logoSheen 7s ease-in-out infinite}
@keyframes logoSheen{0%,74%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){
.brand-logo::after,.about-logo::after{display:none}
.disc-card,.camp-card{animation:none!important}
.tab-pane{animation:none!important}
.val-pulse{animation:none!important}
}
.about-overlay{position:fixed;inset:0;background:#07070d;z-index:200;display:none;overflow-y:auto}
.about-overlay.show{display:block;animation:fadeIn 0.3s ease}
.about-close{position:fixed;top:14px;right:16px;width:36px;height:36px;background:var(--s2);border:1px solid var(--border2);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-lg);color:var(--text2);transition:all 0.2s;z-index:201}
.about-close:hover{background:var(--s3);color:var(--text)}
.about-wrap{max-width:700px;margin:0 auto;padding:54px 20px 48px}
.about-hero{text-align:center;padding:36px 0 32px;position:relative}
.about-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.about-hero-bg::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(46,194,126,0.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}
.about-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(61,232,152,0.08);border:1px solid rgba(61,232,152,0.2);border-radius:20px;padding:5px 13px;font-size:var(--fs-xs);font-weight:700;color:var(--green2);margin-bottom:18px;letter-spacing:0.3px}
.about-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green2);animation:pulse 1.5s infinite}
.about-logo{width:84px;height:84px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;filter:drop-shadow(0 0 36px rgba(245,195,59,0.28));border-radius:0;background:transparent;box-shadow:none}
.about-logo img{width:100%;height:100%;object-fit:contain;display:block}
.about-title{font-size:38px;font-weight:800;letter-spacing:-1.5px;margin-bottom:12px;line-height:1.1}
.about-title em{color:var(--green);font-style:normal}
.about-tagline{font-size:var(--fs-md);color:var(--text2);max-width:420px;margin:0 auto 22px;line-height:1.75}
.about-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:36px}
.astat{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:14px;text-align:center}
.astat-val{font-size:var(--fs-xl);font-weight:800;font-family:var(--fm);color:var(--green2);line-height:1;margin-bottom:4px}
.astat-lbl{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
.about-section{margin-bottom:36px}
.about-section-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--green2);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.about-section-label::after{content:'';flex:1;height:1px;background:rgba(61,232,152,0.15)}
.about-section-title{font-size:var(--fs-xl);font-weight:800;margin-bottom:10px;letter-spacing:-0.4px;line-height:1.2}
.about-section-body{font-size:var(--fs-md);color:var(--text2);line-height:1.8}
.about-section-body strong{color:var(--text);font-weight:700}
.money-flow{display:flex;align-items:center;gap:0;margin:18px 0;background:var(--s1);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.mf-block{flex:1;padding:14px 10px;text-align:center}
.mf-icon{font-size:var(--fs-xl);margin-bottom:5px}
.mf-name{font-size:var(--fs-xs);font-weight:700;margin-bottom:2px}
.mf-amt{font-size:var(--fs-sm);font-family:var(--fm);color:var(--muted)}
.mf-arrow{font-size:var(--fs-lg);color:var(--border2);flex-shrink:0}
.mf-block.highlight{background:rgba(46,194,126,0.06);border-left:1px solid rgba(46,194,126,0.2);border-right:1px solid rgba(46,194,126,0.2)}
.mf-block.highlight .mf-amt{color:var(--green2)}
.about-divider{height:1px;background:var(--border);margin:32px 0}
.about-value-row{display:flex;align-items:flex-start;gap:14px;padding:14px;background:var(--s1);border:1px solid var(--border);border-radius:var(--rs);margin-bottom:9px;transition:border-color 0.2s}
.about-value-row:hover{border-color:var(--border2)}
.about-value-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);flex-shrink:0}
.about-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.about-plat{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:12px 8px;text-align:center;font-size:var(--fs-xs);font-weight:700;color:var(--text2)}
.about-plat-icon{font-size:var(--fs-lg);margin-bottom:5px}
.about-faq{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.faq-item{background:var(--s1);border:1px solid var(--border);border-radius:var(--rs);overflow:hidden;transition:border-color 0.2s}
.faq-item.open{border-color:rgba(61,232,152,0.25)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;cursor:pointer;font-size:var(--fs-sm);font-weight:700;user-select:none}
.faq-arrow{font-size:var(--fs-sm);color:var(--muted);transition:transform 0.2s;flex-shrink:0}
.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--green2)}
.faq-a{display:none;padding:0 14px 13px;font-size:var(--fs-sm);color:var(--text2);line-height:1.7;border-top:1px solid var(--border)}
.faq-item.open .faq-a{display:block}
.about-cta{background:linear-gradient(135deg,var(--green),#1a9e5c);color:#07070d;border:none;padding:15px 28px;border-radius:12px;font-family:var(--ff);font-size:var(--fs-md);font-weight:800;cursor:pointer;display:block;width:100%;margin-top:14px;transition:all 0.2s;box-shadow:0 4px 24px rgba(46,194,126,0.35);letter-spacing:-0.2px}
.about-cta:hover{opacity:0.88;box-shadow:0 6px 30px rgba(46,194,126,0.45)}
.about-footer{text-align:center;font-size:var(--fs-xs);color:var(--muted);margin-top:16px;line-height:1.6}
@media(max-width:600px){.about-stats-strip{grid-template-columns:1fr 1fr}.about-platforms{grid-template-columns:repeat(4,1fr)}}
.legal-banner{background:rgba(61,232,152,0.04);border:1px solid rgba(61,232,152,0.12);border-radius:var(--rs);padding:10px 13px;margin-bottom:13px;display:flex;align-items:center;gap:9px}
.legal-banner-x{margin-left:auto;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}
.legal-banner-x:hover{background:var(--s3);color:var(--text)}
.legal-banner-icon{font-size:var(--fs-md);flex-shrink:0}
.legal-banner-text{font-size:var(--fs-xs);color:var(--text2);line-height:1.55}
.legal-banner-text strong{color:var(--green2)}
.view{display:none}.view.active{display:block}
.wrap{padding:15px 16px;max-width:820px;margin:0 auto}
.nav-tabs{display:flex;gap:2px;background:var(--s1);border:1px solid var(--border);border-radius:var(--rs);padding:3px;margin-bottom:15px;overflow-x:auto;scrollbar-width:none}
.nav-tabs::-webkit-scrollbar{display:none}
.bottom-nav{display:none}
.bnav-btn{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;border:none;background:transparent;color:var(--muted);font-family:var(--ff);cursor:pointer;border-radius:10px;transition:color 0.2s,background-color 0.2s;min-width:0}
.bnav-btn .bnav-lb{font-size:var(--fs-xs);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.bnav-ic{font-size:var(--fs-lg);line-height:1;transition:transform 0.25s cubic-bezier(.4,0,.2,1)}
.bnav-ic svg,.streak-flame svg,.notif-btn svg{display:block}
.notif-btn{gap:0}
.bnav-btn::before{content:'';position:absolute;top:2px;left:50%;transform:translateX(-50%) scaleX(0);width:22px;height:3px;border-radius:3px;background:var(--green2);transition:transform 0.25s cubic-bezier(.4,0,.2,1)}
.bnav-btn.active::before{transform:translateX(-50%) scaleX(1)}
.bnav-btn.active .bnav-ic{transform:translateY(-1px)}
.bnav-btn.active{color:var(--green2);background:rgba(61,232,152,0.1)}
.ntab{flex:1;padding:7px 6px;border-radius:6px;font-size:var(--fs-sm);font-weight:700;text-align:center;cursor:pointer;color:var(--muted);transition:all 0.2s;border:none;background:transparent;font-family:var(--ff);white-space:nowrap;min-width:0}
.ntab.active{background:var(--s2);color:var(--text);border:1px solid var(--border2);box-shadow:0 1px 4px rgba(0,0,0,0.25)}
.tab-pane{display:none;animation:paneIn 0.30s cubic-bezier(.2,.8,.25,1)}.tab-pane.active{display:block}
@keyframes paneIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes valPulse{0%{transform:scale(1)}28%{transform:scale(1.16)}100%{transform:scale(1)}}
.val-pulse{animation:valPulse .46s cubic-bezier(.2,.8,.25,1)}
.card{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:12px;transition:border-color 0.2s}
.card-green{border-color:rgba(46,194,126,0.32);background:linear-gradient(160deg,rgba(46,194,126,0.06),var(--s1) 65%)}
.card-gold{border-color:rgba(233,196,78,0.32);background:linear-gradient(160deg,rgba(233,196,78,0.07),var(--s1) 65%)}
.card-blue{border-color:rgba(74,159,255,0.18)}
.card-purple{border-color:rgba(167,139,250,0.18)}
.card-sub{background:transparent;border-color:transparent}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.mb12{margin-bottom:12px}
.mb6{margin-bottom:6px}
.slbl{font-size:var(--fs-xs);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.plat-strip-wrap{position:relative;margin:0 -2px 10px}
.plat-strip{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.plat-strip-wrap::after{content:"";position:absolute;top:0;right:0;bottom:10px;width:36px;background:linear-gradient(90deg,rgba(7,7,13,0) 0%,rgba(7,7,13,0.85) 70%,rgba(7,7,13,1) 100%);pointer-events:none;border-radius:0 var(--rs) var(--rs) 0;opacity:1;transition:opacity 0.2s}
html[data-theme="light"] .plat-strip-wrap::after{background:linear-gradient(90deg,rgba(247,247,251,0) 0%,rgba(247,247,251,0.9) 70%,rgba(247,247,251,1) 100%)}
.plat-strip-wrap.at-end::after{opacity:0}
.plat-strip-arrow{position:absolute;top:50%;right:2px;transform:translateY(-60%);width:26px;height:26px;border-radius:50%;border:1px solid var(--border2);background:var(--s2);color:var(--text);font-size:var(--fs-lg);font-weight:800;font-family:var(--fm);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,0.25);z-index:2;animation:platArrowNudge 1.6s ease-in-out infinite;transition:opacity 0.2s,transform 0.15s}
.plat-strip-arrow:hover{transform:translateY(-60%) scale(1.08)}
.plat-strip-arrow:active{transform:translateY(-60%) scale(0.92)}
.plat-strip-wrap.at-end .plat-strip-arrow{opacity:0;pointer-events:none}
@keyframes platArrowNudge{0%,100%{margin-right:0}50%{margin-right:4px}}
.plat-strip::-webkit-scrollbar{display:none}
.plat-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 7px;background:var(--s2);border:1px solid var(--border);border-radius:999px;cursor:pointer;font:700 12px/1 var(--ff,inherit);color:var(--text2);transition:all 0.22s cubic-bezier(.2,.8,.25,1);scroll-snap-align:start;white-space:nowrap;position:relative}
.plat-pill:hover{border-color:var(--border2);color:var(--text);transform:translateY(-1px)}
.plat-pill.active{background:linear-gradient(135deg,var(--s3),var(--s2));border-color:var(--green2);color:var(--text);box-shadow:0 4px 14px rgba(46,194,126,0.22),inset 0 0 0 1px rgba(61,232,152,0.25)}
.plat-pill .plat-ic{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-md);font-weight:800;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.25);letter-spacing:-0.5px}
.plat-pill.active .plat-ic{box-shadow:0 0 0 2px rgba(61,232,152,0.5),0 4px 12px rgba(0,0,0,0.4)}
.plat-pill .plat-lb{letter-spacing:-0.2px}
html[data-theme="light"] .plat-pill{background:#fff;color:#1a1a2e}
html[data-theme="light"] .plat-pill.active{background:linear-gradient(135deg,#fff,#f0fff6);box-shadow:0 4px 14px rgba(46,194,126,0.2)}
.hero-stat{background:var(--s2);border-radius:var(--rs);padding:12px;text-align:center;border:1px solid var(--border);transition:all 0.2s;color:var(--text);font:inherit;cursor:pointer}
.hero-stat:hover{background:var(--s3);border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow)}
button.hero-stat{appearance:none;-webkit-appearance:none}
.hero-val{font-size:var(--fs-lg);font-weight:800;font-family:var(--fm);line-height:1;margin:4px 0}
.streak-pill{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#ff8c42,#ff5a36);color:#fff;border:none;border-radius:999px;padding:6px 11px 6px 9px;font-family:var(--fm);box-shadow:0 3px 8px rgba(255,90,54,0.32);cursor:pointer;line-height:1;outline:none;transition:transform 0.15s,box-shadow 0.15s}
.streak-pill:hover{transform:scale(1.05);box-shadow:0 5px 12px rgba(255,90,54,0.45)}
.streak-pill:active{transform:scale(0.95)}
.streak-pill .streak-flame{font-size:var(--fs-md);filter:drop-shadow(0 0 4px rgba(255,180,80,0.6));animation:streakFlick 1.6s ease-in-out infinite;line-height:1}
.streak-pill.streak-off{background:linear-gradient(135deg,#5a5a6a,#3e3e4a);box-shadow:none;color:var(--text2)}
.streak-pill.streak-off .streak-flame{animation:none;filter:grayscale(0.8) opacity(0.6)}
@keyframes streakFlick{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.08)}}
.streak-modal-row{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);font-size:var(--fs-sm);margin-bottom:6px;gap:8px}
.streak-modal-row.curr{background:linear-gradient(135deg,rgba(255,140,66,0.16),rgba(255,90,54,0.10));border-color:rgba(255,140,66,0.45)}
.streak-modal-row.done{opacity:0.55}
.streak-bar{height:8px;background:var(--s1);border-radius:4px;overflow:hidden;border:1px solid var(--border)}
.streak-bar-fill{height:100%;background:linear-gradient(90deg,#ff8c42,#ff5a36);transition:width 0.4s ease;box-shadow:0 0 6px rgba(255,140,66,0.4)}
.hero-lbl{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
.disc-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.disc-card{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:14px;transition:all 0.22s;position:relative;overflow:hidden;cursor:pointer;margin-bottom:9px}
.disc-card:hover:not(.done){border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow)}
.disc-card.done{opacity:0.45}
.disc-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px}
.disc-card.ig-c::before{background:linear-gradient(180deg,#e56aa5,#f77737)}
.disc-card.tt-c::before{background:#fff}
.disc-card.yt-c::before{background:#ff5555}
.disc-card.ig-c{--plat:#e56aa5}.disc-card.tt-c{--plat:#25f4ee}.disc-card.yt-c{--plat:#ff5555}
.disc-card.sp-c{--plat:#1db954}.disc-card.tw-c{--plat:#9147ff}.disc-card.pi-c{--plat:#e60023}
.disc-card.li-c{--plat:#0a66c2}.disc-card.nl-c{--plat:#ff6700}.disc-card.pod-c{--plat:#14b8a6}
.disc-card.np-c::before{background:var(--border2)}
.disc-card>div:first-child>.tag-neutral:first-child{border-left:3px solid var(--plat,transparent)}
.disc-card.done::before{background:var(--muted)}
.sort-chip{flex:1;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--s2);color:var(--text2);font-size:var(--fs-sm);font-weight:700;font-family:var(--ff);cursor:pointer;white-space:nowrap;transition:all 0.2s}
.sort-chip:hover{border-color:var(--border2)}
.sort-chip.active{background:var(--green3);border-color:rgba(46,194,126,0.4);color:var(--green2)}
.sort-chip:active{transform:scale(0.97)}
.scroll-fade-r{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%)}
.at-watch{background:rgba(74,159,255,0.12);color:var(--blue);border:1px solid rgba(74,159,255,0.2)}
.at-comment{background:rgba(167,139,250,0.12);color:var(--purple);border:1px solid rgba(167,139,250,0.2)}
.at-ugc{background:rgba(232,69,140,0.12);color:var(--pink);border:1px solid rgba(232,69,140,0.2)}
.at-referral{background:rgba(46,194,126,0.12);color:var(--green2);border:1px solid rgba(46,194,126,0.2)}
.disc-title{font-size:var(--fs-md);font-weight:700;margin:4px 0;line-height:1.3;overflow-wrap:anywhere}
.xp-mini{font-size:var(--fs-xs);color:var(--muted);font-family:var(--fm);margin-left:7px;font-weight:700;white-space:nowrap}
.disc-desc{font-size:var(--fs-sm);color:var(--text2);margin-bottom:10px;line-height:1.55}
.disc-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.disc-footer .btn{white-space:nowrap;flex-shrink:0}
.coin-badge{background:rgba(233,196,78,0.1);color:var(--gold);border:1px solid rgba(233,196,78,0.22);font-size:var(--fs-xs);padding:3px 8px;border-radius:10px;font-family:var(--fm);font-weight:700}
.eur-badge{background:rgba(46,194,126,0.1);color:var(--green2);border:1px solid rgba(46,194,126,0.22);font-size:var(--fs-xs);padding:3px 8px;border-radius:10px;font-family:var(--fm);font-weight:700}
.tag-neutral{
display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:700;
padding:3px 9px;border-radius:8px;background:var(--s3);color:var(--text2);
letter-spacing:0.2px;white-space:nowrap;
}
.diff-row{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--muted);font-weight:600;flex-shrink:0}
.diff-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.diff-dot.d-easy{background:var(--green2)}
.diff-dot.d-med{background:var(--gold)}
.diff-dot.d-hard{background:var(--red-text)}
.action-row{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:700;color:var(--text2)}
.action-row .ic{color:var(--muted)}
.reward-block{display:flex;flex-direction:column;gap:1px;min-width:0}
.reward-eur{font-family:var(--fm);font-size:17px;font-weight:700;color:var(--green2);font-variant-numeric:tabular-nums;line-height:1.2}
.reward-eur.reward-coin-dom{color:var(--gold)}
.reward-sub{font-family:var(--fm);font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}
.reward-coin-sub{color:var(--gold);font-weight:700}
.platform-tag{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);padding:3px 9px;border-radius:10px;font-weight:700;margin-right:3px}
.ig{background:rgba(214,56,128,0.12);color:#e56aa5;border:1px solid rgba(214,56,128,0.22)}
.tt{background:rgba(255,255,255,0.07);color:#fff;border:1px solid rgba(255,255,255,0.14)}
.yt{background:rgba(255,0,0,0.1);color:#ff5555;border:1px solid rgba(255,0,0,0.2)}
.sp{background:rgba(29,185,84,0.12);color:#1db954;border:1px solid rgba(29,185,84,0.25)}
.tw{background:rgba(145,71,255,0.12);color:#9147ff;border:1px solid rgba(145,71,255,0.25)}
.pi{background:rgba(230,0,35,0.1);color:#e60023;border:1px solid rgba(230,0,35,0.22)}
.li{background:rgba(10,102,194,0.12);color:#0a66c2;border:1px solid rgba(10,102,194,0.25)}
.nl{background:rgba(255,103,0,0.1);color:#ff6700;border:1px solid rgba(255,103,0,0.22)}
.pod{background:rgba(20,184,166,0.12);color:#14b8a6;border:1px solid rgba(20,184,166,0.25)}
.disc-card.sp-c::before{background:#1db954}
.disc-card.tw-c::before{background:#9147ff}
.disc-card.pi-c::before{background:#e60023}
.disc-card.li-c::before{background:#0a66c2}
.disc-card.nl-c::before{background:linear-gradient(180deg,#ff6700,#e9c44e)}
.disc-card.pod-c::before{background:linear-gradient(180deg,#14b8a6,#0d9488)}
.btn{background:var(--s2);border:1px solid var(--border);color:var(--text);padding:9px 14px;border-radius:var(--rs);font-family:var(--ff);font-size:var(--fs-sm);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:all 0.2s;min-width:0;max-width:100%;white-space:normal;word-break:break-word;line-height:1.2;text-align:center}
.btn > span{flex-shrink:0}
.btn.full{width:100%}
button,.btn{box-sizing:border-box}
.btn:hover{background:var(--s3);border-color:var(--border2)}
.btn:active{transform:scale(0.97)}
.btn.full{width:100%;justify-content:center}
.btn.green{border-color:rgba(46,194,126,0.3);color:var(--green2)}.btn.green:hover{background:var(--green3)}
.btn.gold{border-color:rgba(233,196,78,0.3);color:var(--gold)}.btn.gold:hover{background:var(--gold2)}
.btn.blue{border-color:rgba(74,159,255,0.3);color:var(--blue)}.btn.blue:hover{background:var(--blue2)}
.btn.purple{border-color:rgba(167,139,250,0.3);color:var(--purple)}.btn.purple:hover{background:var(--purple2)}
.btn.pink{border-color:rgba(232,69,140,0.3);color:var(--pink)}.btn.pink:hover{background:var(--pink2)}
.btn.red{border-color:rgba(224,85,85,0.3);color:var(--red-text)}.btn.red:hover{background:rgba(224,85,85,0.07)}
.btn.cta{background:linear-gradient(135deg,var(--green),#1a9e5c);color:#07070d;border:none;font-size:var(--fs-md);padding:13px 20px;border-radius:11px;box-shadow:0 4px 14px rgba(46,194,126,0.25)}
.btn.cta:hover{opacity:0.88;box-shadow:0 6px 20px rgba(46,194,126,0.35)}
.btn.cta-blue{background:linear-gradient(135deg,var(--blue),#1a5fa3);color:#fff;border:none;font-size:var(--fs-md);padding:13px 20px;border-radius:11px;box-shadow:0 4px 14px rgba(74,159,255,0.22)}
.btn.cta-blue:hover{opacity:0.88}
.mb7{margin-bottom:7px}
.lvl-wrap{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.lvl-ring{width:56px;height:56px;border-radius:50%;border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);background:var(--s2);flex-shrink:0;animation:glow 3s ease-in-out infinite alternate}
@keyframes glow{from{box-shadow:0 0 0 0 rgba(46,194,126,0)}to{box-shadow:0 0 0 8px rgba(46,194,126,0.08)}}
.xp-bar{height:5px;background:var(--s2);border-radius:3px;overflow:hidden;margin:5px 0}
.xp-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:3px;transition:width 0.9s ease;box-shadow:0 0 6px rgba(61,232,152,0.45)}
.xp-meta{display:flex;justify-content:space-between;font-size:var(--fs-xs);font-family:var(--fm);color:var(--muted)}
.lv-row{display:flex;align-items:center;gap:9px;padding:8px 11px;background:var(--s2);border-radius:var(--rs);border:1px solid var(--border);margin-bottom:5px;transition:all 0.2s}
.lv-row.cur{border-color:rgba(46,194,126,0.35);background:rgba(46,194,126,0.04)}
.lv-row.locked{opacity:0.3}
.cur-pill{font-size:var(--fs-xs);padding:2px 7px;border-radius:10px;font-weight:700;background:rgba(46,194,126,0.12);color:var(--green2);border:1px solid rgba(46,194,126,0.22)}
.badges-g{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}
[data-tip]{position:relative}
[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:#07070d;color:#eaeaf2;font-size:var(--fs-sm);font-weight:500;padding:7px 10px;border-radius:8px;white-space:normal;max-width:220px;width:max-content;line-height:1.45;box-shadow:0 6px 18px rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.12);pointer-events:none;opacity:0;transition:opacity 0.18s ease,transform 0.18s ease;z-index:500;text-align:center}
[data-tip]::before{content:'';position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%) translateY(4px);border:5px solid transparent;border-top-color:#07070d;opacity:0;transition:opacity 0.18s ease,transform 0.18s ease;pointer-events:none;z-index:500}
[data-tip]:hover::after,[data-tip]:focus-visible::after,
[data-tip]:hover::before,[data-tip]:focus-visible::before{opacity:1;transform:translateX(-50%) translateY(0)}
html[data-theme="light"] [data-tip]::after{background:#0c0c14;color:#f7f7fb;border-color:rgba(0,0,0,0.3)}
html[data-theme="light"] [data-tip]::before{border-top-color:#0c0c14}
.badge-item{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:10px 6px;text-align:center;transition:all 0.2s}
.badge-item.earned{border-color:rgba(233,196,78,0.3);background:rgba(233,196,78,0.04)}
.badge-item.earned:nth-child(3n){transform:rotate(-1.4deg)}
.badge-item.earned:nth-child(5n){transform:rotate(1.1deg)}
.badge-item.earned:hover{transform:none}
.badge-item.locked{opacity:0.25;filter:grayscale(1)}
.badge-item.locked.vicino{opacity:0.7;filter:grayscale(0.55);border-style:dashed;border-color:rgba(233,196,78,0.35)}
.bi-bar{height:3px;margin:6px 4px 0;border-radius:2px;background:var(--s3);overflow:hidden}
.bi-bar span{display:block;height:100%;background:var(--gold);border-radius:2px}
.bi-icon{font-size:var(--fs-lg);margin-bottom:3px}
.bi-name{font-size:var(--fs-xs);font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:0.3px}
.inp{background:var(--s3);border:1px solid var(--border2);color:var(--text);padding:9px 12px;border-radius:var(--rs);font-size:var(--fs-md);font-family:var(--fm);font-weight:500;outline:none;transition:all 0.2s;width:100%}
.inp:focus{border-color:rgba(46,194,126,0.4);box-shadow:0 0 0 3px rgba(46,194,126,0.07)}
.inp::placeholder{color:var(--muted)}
.tx-item{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:var(--s2);border-radius:var(--rs);border:1px solid var(--border);margin-bottom:6px;transition:border-color 0.2s}
.tx-item:hover{border-color:var(--border2)}
.tx-lbl{font-size:var(--fs-sm);font-weight:700}
.tx-time{font-size:var(--fs-xs);color:var(--muted);font-family:var(--fm);margin-top:1px}
.tx-pos{font-size:var(--fs-md);font-weight:800;font-family:var(--fm);color:var(--green2)}
.tx-neg{font-size:var(--fs-md);font-weight:800;font-family:var(--fm);color:var(--red-text)}
.notif-item{display:flex;gap:10px;padding:10px 12px;background:var(--s2);border-radius:var(--rs);border:1px solid var(--border);margin-bottom:6px;transition:all 0.2s}
.notif-item.unread{border-left:2px solid var(--green)}
.notif-item.nf-gold{border-left-color:var(--gold)}
.notif-item.nf-purple{border-left-color:var(--purple)}
.notif-item.nf-pink{border-left-color:var(--pink)}
.ni-icon{font-size:var(--fs-md);width:20px;flex-shrink:0;margin-top:1px}
.ni-del{background:transparent;border:1px solid transparent;color:var(--muted);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:var(--fs-sm);font-weight:700;flex-shrink:0;align-self:flex-start;transition:all 0.2s;display:flex;align-items:center;justify-content:center;padding:0;font-family:var(--ff)}
.ni-del:hover{background:rgba(255,107,107,0.12);border-color:rgba(255,107,107,0.35);color:var(--red-text)}
.empty-illu{padding:28px 16px;text-align:center;background:var(--s2);border:1px dashed var(--border2);border-radius:var(--rs)}
.empty-illu-icon{font-size:38px;margin-bottom:8px;opacity:0.55;filter:grayscale(0.2)}
.empty-illu-title{font-size:var(--fs-md);font-weight:800;color:var(--text);margin-bottom:3px}
.empty-illu-sub{font-size:var(--fs-sm);color:var(--muted);line-height:1.5;max-width:260px;margin:0 auto}
.empty-illu-cta{margin-top:10px;display:inline-flex}
.cmod-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:500;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cmod-overlay.show{display:flex;animation:fadeIn 0.2s ease}
.cmod{background:var(--s1);border:1px solid var(--border2);border-radius:16px;padding:20px;max-width:440px;width:100%;box-shadow:var(--shadow);animation:slideUp 0.25s ease}
.cmod-title{font-size:var(--fs-lg);font-weight:800;margin-bottom:6px;color:var(--text)}
.cmod-sub{font-size:var(--fs-sm);color:var(--text2);line-height:1.55;margin-bottom:14px}
.cmod-input{width:100%;background:var(--s2);border:1px solid var(--border2);color:var(--text);padding:10px 12px;border-radius:9px;font-family:var(--ff);font-size:var(--fs-md);box-sizing:border-box;resize:vertical}
.cmod-input:focus{outline:none;border-color:var(--green)}
.cmod-counter{font-size:var(--fs-xs);color:var(--muted);text-align:right;margin-top:4px}
.cmod-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}
.cmod-btn{padding:9px 16px;border-radius:9px;font-family:var(--ff);font-weight:700;font-size:var(--fs-sm);cursor:pointer;border:1px solid var(--border2);background:var(--s2);color:var(--text)}
.cmod-btn.primary{background:var(--green);color:#07070d;border-color:var(--green)}
.cmod-btn.danger{background:var(--red);color:#fff;border-color:var(--red)}
.cmod-btn:disabled{opacity:0.4;cursor:not-allowed}
.offline-bar{position:fixed;top:0;left:0;right:0;background:var(--orange,#ff9f4a);color:#07070d;font-size:var(--fs-sm);font-weight:800;text-align:center;padding:6px 12px;z-index:400;transform:translateY(-100%);transition:transform 0.3s;font-family:var(--ff)}
.offline-bar.show{transform:translateY(0)}
.ni-title{font-size:var(--fs-sm);font-weight:700}
.ni-body{font-size:var(--fs-xs);color:var(--text2);margin-top:2px}
.ni-time{font-size:var(--fs-xs);color:var(--muted);font-family:var(--fm);margin-top:2px}
.fin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}
.fstat{background:var(--s2);border-radius:var(--rs);padding:11px;text-align:center;border:1px solid var(--border)}
.fstat-val{font-size:var(--fs-lg);font-weight:800;font-family:var(--fm)}
.fstat-lbl{font-size:var(--fs-xs);color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:0.3px}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}
.pkg{background:var(--s2);border:1px solid var(--border);border-radius:var(--r);padding:14px;text-align:center;cursor:pointer;transition:all 0.22s;position:relative}
.pkg:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow)}
.pkg.selected{border-color:var(--blue);background:rgba(74,159,255,0.05)}
.pkg.popular{border-color:var(--green)}
.pop-label{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--green);color:#07070d;font-size:var(--fs-xs);padding:2px 10px;border-radius:10px;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:0.5px}
.pkg-name{font-size:var(--fs-md);font-weight:700;margin:5px 0 3px}
.pkg-price{font-size:var(--fs-xl);font-weight:800;font-family:var(--fm);color:var(--blue)}
.pkg-price span{font-size:var(--fs-sm);color:var(--muted);font-weight:400}
.pkg-features{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:4px}
.pkg-features li{font-size:var(--fs-sm);color:var(--text2);display:flex;align-items:center;gap:5px;justify-content:center}
.pkg-features li::before{content:'✓';color:var(--green2);font-size:var(--fs-xs);font-weight:700}
.camp-card{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:13px;margin-bottom:9px;transition:all 0.2s}
.camp-card:hover{border-color:var(--border2);transform:translateY(-1px)}
.camp-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px}
.camp-name{font-size:var(--fs-md);font-weight:700}
.camp-platform{font-size:var(--fs-xs);color:var(--text2);margin-top:2px}
.camp-status{font-size:var(--fs-xs);padding:3px 8px;border-radius:10px;font-weight:700;text-transform:uppercase}
.skel{display:inline-block;background:linear-gradient(90deg,var(--s2) 0%,var(--s3) 50%,var(--s2) 100%);background-size:200% 100%;animation:skel-shimmer 1.2s ease-in-out infinite;border-radius:6px;color:transparent !important;min-width:36px}
@keyframes skel-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.ap-chip{font-size:var(--fs-sm);font-weight:700;padding:6px 12px;border-radius:14px;background:var(--s2);color:var(--text2);border:1px solid var(--border);cursor:pointer;font-family:inherit;transition:background 0.15s,color 0.15s,border-color 0.15s}
.ap-chip:hover{background:var(--s3)}
.ap-chip.is-on{background:rgba(46,194,126,0.14);color:var(--green2);border-color:rgba(46,194,126,0.35)}
.camp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
.cm{background:var(--s3);border-radius:6px;padding:7px;text-align:center}
.cm-val{font-size:var(--fs-md);font-weight:800;font-family:var(--fm)}
.cm-lbl{font-size:var(--fs-xs);color:var(--muted);margin-top:1px;text-transform:uppercase;letter-spacing:0.3px}
.camp-progress{height:4px;background:var(--s3);border-radius:3px;margin-top:9px}
.camp-prog-fill{height:100%;background:var(--blue);border-radius:3px;transition:width 0.5s}
.budget-box{background:var(--s2);border:1px solid var(--border);border-radius:var(--r);padding:15px;margin-bottom:11px}
.range-inp{width:100%;margin:9px 0;accent-color:var(--blue)}
.sel{background:var(--s3);border:1px solid var(--border2);color:var(--text);padding:8px 12px;border-radius:var(--rs);font-size:var(--fs-sm);font-family:var(--ff);font-weight:600;outline:none;width:100%;margin-bottom:11px;transition:border-color 0.2s}
.sel:focus{border-color:rgba(46,194,126,0.4)}
.camp-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}
.plat-btn{padding:8px 10px;font-size:var(--fs-sm);min-width:0}
.plat-btn .plat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;text-align:left}
.plat-btn .platform-tag{pointer-events:none;flex-shrink:0}
.camp-type-btn{min-width:0;overflow:hidden}
.ct-name,.ct-desc,.ct-legal{overflow:hidden;text-overflow:ellipsis}
.ct-desc{white-space:normal;word-break:break-word}
.nav-tabs{min-width:0}
.ntab{overflow:hidden;text-overflow:ellipsis}
.wrap,.card{min-width:0}
@media(max-width:480px){
.plat-grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr))!important}
.plat-btn{font-size:var(--fs-xs);padding:7px 8px}
.btn{font-size:var(--fs-sm);padding:8px 11px}
.disc-footer{flex-wrap:wrap}
}
.camp-type-btn{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:13px;cursor:pointer;transition:all 0.2s;text-align:left}
.camp-type-btn:hover{border-color:var(--border2)}
.camp-type-btn.selected{border-color:rgba(74,159,255,0.5);background:rgba(74,159,255,0.05)}
.ct-icon{
width:34px;height:34px;border-radius:10px;background:var(--s3);
display:flex;align-items:center;justify-content:center;
color:var(--text2);margin-bottom:10px;flex-shrink:0;
}
.camp-type-btn.selected .ct-icon{background:rgba(74,159,255,0.16);color:var(--blue)}
.ct-name{font-size:var(--fs-sm);font-weight:700;margin-bottom:3px}
.ct-desc{font-size:var(--fs-xs);color:var(--muted);line-height:1.45}
.ct-legal{font-size:var(--fs-xs);color:var(--green2);margin-top:6px;font-weight:600}
.ic{width:1.3em;height:1.3em;flex-shrink:0;vertical-align:-0.22em}
.toast-stack{position:fixed;top:62px;right:14px;width:270px;display:flex;flex-direction:column;gap:6px;z-index:200;pointer-events:none}
.toast{background:var(--s2);border:1px solid var(--border2);padding:10px 13px;border-radius:var(--r);font-size:var(--fs-sm);opacity:0;transform:translateX(24px);transition:all 0.32s cubic-bezier(.23,1,.32,1);pointer-events:auto;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(0)}
@media (max-width:600px){.toast-stack{left:12px;right:12px;width:auto}}
.toast-t{font-weight:700;margin-bottom:2px}
.toast-b{font-size:var(--fs-xs);color:var(--text2);font-family:var(--fm)}
.toast.tg .toast-t{color:var(--green2)}
.toast.to .toast-t{color:var(--gold)}
.toast.tb .toast-t{color:var(--blue)}
.toast.tp .toast-t{color:var(--purple)}
.toast.tpk .toast-t{color:var(--pink)}
.toast.tr .toast-t{color:var(--red-text)}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity 0.25s}
.modal-overlay.show{opacity:1;pointer-events:all}
.modal{background:var(--s1);border:1px solid rgba(46,194,126,0.22);border-radius:18px;padding:24px;max-width:380px;width:92%;transform:scale(0.9) translateY(10px) translateZ(0);transition:transform 0.25s cubic-bezier(.34,1.56,.64,1)}
.modal-overlay.show .modal{transform:scale(1) translateY(0) translateZ(0)}
.modal-title{font-size:var(--fs-lg);font-weight:800;margin-bottom:6px}
.modal-sub{font-size:var(--fs-sm);color:var(--text2);margin-bottom:14px;line-height:1.55}
.modal-info{
background:var(--s2);border:1px solid var(--border2);border-radius:var(--rs);
padding:10px 12px;margin-bottom:8px;font-size:var(--fs-xs);color:var(--text2);line-height:1.5;
}
.modal-info svg.ic{color:var(--muted);margin-right:2px}
.modal-legal{background:rgba(61,232,152,0.06);border:1px solid rgba(61,232,152,0.15);border-radius:var(--rs);padding:10px 12px;margin-bottom:14px;font-size:var(--fs-xs);color:var(--text2);line-height:1.5}
.modal-legal strong{color:var(--green2)}
.modal-reward-card{
background:rgba(233,196,78,0.08);border:1px solid rgba(233,196,78,0.2);
border-radius:var(--rs);padding:12px 14px;margin:0 0 16px;text-align:center;
}
.mrc-lbl{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;font-weight:700;margin-bottom:4px}
.mrc-figures{font-family:var(--fm);font-size:20px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.modal-btns{display:flex;gap:9px;margin-top:0}
.modal-cancel{flex:1;padding:11px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:var(--ff);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:all 0.2s}
.modal-cancel:hover{background:var(--s2)}
.modal-confirm{flex:1;padding:11px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--green),#1a9e5c);color:#07070d;font-family:var(--ff);font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:all 0.2s;box-shadow:0 3px 10px rgba(46,194,126,0.25)}
.modal-confirm:hover{opacity:0.88}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.section-title{font-size:var(--fs-md);font-weight:800;letter-spacing:-0.2px}
.pill{font-size:var(--fs-xs);font-weight:700;padding:2px 8px;border-radius:10px;border:1px solid}
.pill-green{background:rgba(46,194,126,0.1);color:var(--green2);border-color:rgba(46,194,126,0.22)}
.empty{font-size:var(--fs-md);color:var(--muted);text-align:center;padding:30px 16px;display:flex;flex-direction:column;align-items:center;gap:11px;line-height:1.55}
.empty::before{content:"";width:50px;height:50px;flex-shrink:0;background:url("ingain-logo.svg") center/contain no-repeat;opacity:0.33}
@media(prefers-reduced-motion:no-preference){.empty::before{animation:emptyFloat 3.6s ease-in-out infinite}}
@keyframes emptyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.inline-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--s2);border-radius:var(--rs);margin-bottom:6px;border:1px solid var(--border);transition:border-color 0.2s}
.inline-row:hover{border-color:var(--border2)}
.genre-strip{display:none;flex-wrap:wrap;gap:5px;margin-bottom:11px;padding:10px 12px;background:rgba(29,185,84,0.05);border:1px solid rgba(29,185,84,0.18);border-radius:var(--rs);animation:fadeIn 0.2s ease}
.genre-strip.show{display:flex}
.genre-btn{padding:4px 12px;border-radius:20px;font-size:var(--fs-xs);font-weight:700;font-family:var(--ff);cursor:pointer;border:1px solid rgba(29,185,84,0.25);background:transparent;color:rgba(29,185,84,0.7);transition:all 0.2s}
.genre-btn:hover{border-color:rgba(29,185,84,0.55);color:#1db954}
.genre-btn.sel{background:rgba(29,185,84,0.12);border-color:#1db954;color:#1db954}
.shop-hero{background:linear-gradient(135deg,rgba(233,196,78,0.08),rgba(255,140,66,0.05));border:1px solid rgba(233,196,78,0.2);border-radius:var(--r);padding:16px;margin-bottom:13px;position:relative;overflow:hidden}
.shop-hero::after{content:'◈';position:absolute;right:-8px;top:-8px;font-size:80px;opacity:0.05;font-family:var(--fm)}
.shop-coin-balance{font-size:36px;font-weight:800;font-family:var(--fm);color:var(--gold);line-height:1;margin:8px 0 3px}
.shop-coin-sub{font-size:var(--fs-sm);color:var(--muted)}
.cooldown-bar{background:var(--s2);border:1px solid rgba(255,140,66,0.2);border-radius:var(--r);padding:14px;margin-bottom:12px}
.cd-title{font-size:var(--fs-md);font-weight:800;margin-bottom:3px;display:flex;align-items:center;gap:7px}
.cd-sub{font-size:var(--fs-sm);color:var(--text2);margin-bottom:11px;line-height:1.5}
.cd-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--s3);border-radius:var(--rs);margin-bottom:7px;border:1px solid var(--border)}
.cd-info{display:flex;align-items:center;gap:9px}
.cd-skip{font-size:var(--fs-sm);font-weight:700;padding:5px 13px;border-radius:8px;border:1px solid rgba(255,140,66,0.35);background:rgba(255,140,66,0.07);color:var(--orange);cursor:pointer;font-family:var(--fm);transition:all 0.2s;white-space:nowrap}
.cd-skip:hover{background:rgba(255,140,66,0.15)}
.cd-skip:disabled{opacity:0.4;cursor:not-allowed}
.voucher-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.voucher-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.22s;cursor:pointer;position:relative}
.voucher-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow)}
.voucher-card.affordable{border-color:rgba(233,196,78,0.3)}
.voucher-card.affordable:hover{border-color:var(--gold)}
.voucher-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);margin:0 auto 7px}
.voucher-name{font-size:var(--fs-sm);font-weight:800;margin-bottom:2px}
.voucher-desc{font-size:var(--fs-xs);color:var(--muted);margin-bottom:9px;line-height:1.4}
.voucher-cost{font-size:var(--fs-md);font-weight:800;font-family:var(--fm);color:var(--gold)}
.voucher-badge{position:absolute;top:-7px;right:10px;background:var(--gold);color:#07070d;font-size:var(--fs-xs);font-weight:800;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:0.4px}
.voucher-badge.vb-pop{background:#ff8c42;color:#1a0a00}
.voucher-badge.vb-top{background:var(--gold);color:#07070d}
.voucher-badge.vb-new{background:#4a9fff;color:#021022}
.cmini{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.cmini:hover{filter:brightness(1.12)}
.cmini:active{transform:scale(.96)}
.voucher-wish{transition:transform .15s ease,color .15s ease;border-radius:50%}
.voucher-wish:hover{transform:scale(1.28)}
.voucher-wish:active{transform:scale(1.05)}
.fiscal-link{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.fiscal-link:hover{filter:brightness(1.08);transform:translateX(2px);box-shadow:0 3px 14px rgba(0,0,0,.16)}
@media (prefers-reduced-motion:reduce){.cmini,.voucher-wish,.fiscal-link{transition:none}.cmini:hover,.voucher-wish:hover,.fiscal-link:hover{transform:none}}
.skel-wrap{display:flex;flex-direction:column;gap:8px}
.skel-row{border-radius:8px;background:linear-gradient(100deg,var(--s2) 30%,var(--s3) 50%,var(--s2) 70%);background-size:200% 100%;animation:skelShimmer 1.2s ease-in-out infinite}
@keyframes skelShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel-row{animation:none;opacity:.55}}
.earn-hero{background:linear-gradient(135deg,rgba(61,232,152,0.08),rgba(0,212,255,0.06));border:1px solid rgba(61,232,152,0.18);border-radius:var(--r);padding:18px;margin-bottom:13px;position:relative;overflow:hidden}
.earn-hero::after{content:'◈';position:absolute;right:-10px;top:-10px;font-size:90px;opacity:0.04;font-family:var(--fm)}
.earn-hero-title{font-size:var(--fs-md);font-weight:800;margin-bottom:3px}
.earn-hero-sub{font-size:var(--fs-sm);color:var(--text2);line-height:1.55;margin-bottom:13px}
.earn-tier-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:rgba(0,0,0,0.25);border-radius:var(--rs);margin-bottom:5px;border:1px solid var(--border)}
.earn-tier-left{display:flex;align-items:center;gap:9px}
.earn-tier-icon{font-size:var(--fs-lg);width:28px;text-align:center}
.earn-tier-name{font-size:var(--fs-sm);font-weight:700}
.earn-tier-sub{font-size:var(--fs-xs);color:var(--muted);margin-top:1px}
.earn-tier-amt{font-size:var(--fs-md);font-weight:800;font-family:var(--fm);color:var(--green2)}
.earn-tier-coin{font-size:var(--fs-xs);color:var(--gold);font-family:var(--fm);margin-top:1px;text-align:right}
.earn-calc-box{background:var(--s2);border:1px solid var(--border);border-radius:var(--r);padding:15px;margin-bottom:12px}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.calc-item{background:var(--s3);border-radius:var(--rs);padding:10px;text-align:center;border:1px solid var(--border)}
.calc-val{font-size:var(--fs-lg);font-weight:800;font-family:var(--fm);color:var(--gold)}
.calc-lbl{font-size:var(--fs-xs);color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:0.3px}
.multiplier-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:13px}
.mult-card{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:11px;text-align:center;cursor:pointer;transition:all 0.2s}
.mult-card:hover{border-color:var(--border2);transform:translateY(-1px)}
.mult-card.active{border-color:rgba(233,196,78,0.45);background:rgba(233,196,78,0.05)}
.mult-num{font-size:var(--fs-lg);font-weight:800;font-family:var(--fm);color:var(--gold)}
.mult-lbl{font-size:var(--fs-xs);color:var(--text2);margin-top:2px}
.ref-hero{background:linear-gradient(135deg,rgba(232,69,140,0.07),rgba(167,139,250,0.06));border:1px solid rgba(232,69,140,0.18);border-radius:var(--r);padding:18px;margin-bottom:13px;position:relative;overflow:hidden}
.ref-hero::before{content:'🔗';position:absolute;right:-6px;top:-4px;font-size:34px;opacity:0.10;pointer-events:none}
.ref-hero-title{font-size:var(--fs-md);font-weight:800;margin-bottom:4px}
.ref-hero-sub{font-size:var(--fs-sm);color:var(--text2);line-height:1.6;margin-bottom:10px}
.ref-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.ref-stat{background:rgba(0,0,0,0.3);border-radius:var(--rs);padding:10px;text-align:center}
.ref-stat-val{font-size:var(--fs-lg);font-weight:800;font-family:var(--fm);color:var(--pink)}
.ref-stat-lbl{font-size:var(--fs-xs);color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:0.3px}
.ref-form{background:var(--s2);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:13px}
.ref-form-title{font-size:var(--fs-md);font-weight:800;margin-bottom:12px}
.inp-label{font-size:var(--fs-xs);font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;margin-top:10px;display:block}
.inp-label:first-child{margin-top:0}
.inp.textarea{height:80px;resize:none;font-size:var(--fs-sm);line-height:1.5}
.cat-grid{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 11px}
.cat-btn{padding:4px 11px;background:var(--s3);border:1px solid var(--border);border-radius:20px;font-size:var(--fs-xs);font-weight:700;font-family:var(--ff);color:var(--muted);cursor:pointer;transition:all 0.2s}
.cat-btn:hover{border-color:var(--border2);color:var(--text2)}
.cat-btn.selected{background:rgba(232,69,140,0.1);border-color:rgba(232,69,140,0.35);color:var(--pink)}
.ref-card{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:13px;margin-bottom:9px;transition:all 0.2s;position:relative;overflow:hidden}
.ref-card:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:var(--shadow)}
.ref-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px;background:linear-gradient(180deg,var(--pink),var(--purple))}
.ref-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:7px}
.ref-card-title{font-size:var(--fs-md);font-weight:700}
.ref-card-cat{font-size:var(--fs-xs);padding:2px 8px;border-radius:10px;font-weight:700;background:rgba(232,69,140,0.1);color:var(--pink);border:1px solid rgba(232,69,140,0.22)}
.ref-card-desc{font-size:var(--fs-sm);color:var(--text2);line-height:1.55;margin-bottom:9px}
.ref-card-link{font-size:var(--fs-sm);font-family:var(--fm);color:var(--blue);background:rgba(74,159,255,0.07);padding:5px 10px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;border:1px solid rgba(74,159,255,0.15);cursor:pointer;transition:all 0.2s;word-break:break-all}
.ref-card-link:hover{background:rgba(74,159,255,0.12);border-color:rgba(74,159,255,0.3)}
.ref-card-footer{display:flex;align-items:center;justify-content:space-between}
.ref-card-stats{display:flex;gap:10px}
.ref-cs{font-size:var(--fs-xs);color:var(--muted);font-family:var(--fm)}
.ref-cs span{color:var(--text2);font-weight:600}
.ref-earn-badge{background:rgba(46,194,126,0.1);color:var(--green2);border:1px solid rgba(46,194,126,0.22);font-size:var(--fs-xs);padding:3px 9px;border-radius:10px;font-family:var(--fm);font-weight:700}
.how-ref-grid{display:flex;flex-direction:column;gap:6px;margin-top:9px}
.how-step{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;background:var(--s2);border-radius:var(--rs);border:1px solid var(--border)}
.how-step-num{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:800;color:#fff;flex-shrink:0;margin-top:1px}
.how-step-title{font-size:var(--fs-sm);font-weight:700;margin-bottom:1px}
.how-step-desc{font-size:var(--fs-xs);color:var(--muted);line-height:1.45}
.calc-slider-wrap{margin:12px 0}
.calc-slider-val{font-size:28px;font-weight:800;font-family:var(--fm);color:var(--gold);line-height:1;margin-bottom:3px}
.calc-slider-lbl{font-size:var(--fs-xs);color:var(--muted)}
@media(max-width:700px){.g3{grid-template-columns:1fr 1fr}.g4{grid-template-columns:1fr 1fr}.pkg-grid{grid-template-columns:1fr}.fin-stats{grid-template-columns:1fr 1fr}.badges-g{grid-template-columns:repeat(3,1fr)}.camp-type-grid{grid-template-columns:1fr}.multiplier-grid{grid-template-columns:1fr 1fr}.ref-stat-row{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
#userNavTabs{display:none}
.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;gap:2px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:rgba(7,7,13,0.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border)}
#view-user .wrap{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
}
@media(max-width:700px){
html.ui-earner{
--mr-bg-base:#04060B;
--mr-bg-screen:radial-gradient(140% 90% at 50% -8%,#131A29 0%,#080B13 52%,#04060B 100%);
--mr-card:linear-gradient(168deg,#1B2233 0%,#121724 100%);
--mr-surface-2:#151C2B;
--mr-surface-3:#1F2738;
--mr-surface-locked:#0E1220;
--mr-sheet:linear-gradient(180deg,#1B2233 0%,#10141F 100%);
--mr-nav-bg:rgba(13,17,27,0.94);
--mr-text:#F2F5FA;
--mr-text-2:#A9B4C9;
--mr-muted:#8492AD;
--mr-green:#3DE898;
--mr-green-cta:linear-gradient(135deg,#4BF0A4,#2EC27E);
--mr-gold:#F5C84C;
--mr-cyan:#00D4FF;
--mr-orange:#FF9D5C;
--mr-flash:#FF5C5C;
--mr-pink:#FF5CA8;
--mr-purple:#9B7BFF;
--mr-red:#FF6B6B;
--mr-border-soft:rgba(255,255,255,0.10);
--mr-border-strong:rgba(255,255,255,0.12);
--mr-divider:rgba(255,255,255,0.06);
--mr-r-card:18px;
--mr-r-chip:12px;
--mr-r-pill:20px;
--mr-r-sheet:26px;
--mr-r-nav:22px;
--mr-r-stat:12px;
--mr-shadow-card:0 8px 24px rgba(0,0,0,0.35);
--mr-shadow-hero:0 10px 30px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.06);
--mr-shadow-cta:0 6px 18px rgba(61,232,152,0.28);
--mr-shadow-cta-sm:0 4px 12px rgba(61,232,152,0.3);
--mr-shadow-nav:0 -6px 22px rgba(0,0,0,0.4);
--mr-shadow-sheet:0 -14px 44px rgba(0,0,0,0.55);
--mr-ff:'Outfit',sans-serif;
--mr-fm:'Space Grotesk',monospace;
background:var(--mr-bg-base);
color:var(--mr-text);
--bg:var(--mr-bg-base);
--s1:var(--mr-card);
--s2:var(--mr-surface-2);
--s3:var(--mr-surface-3);
--s4:#26314A;
--green:#2ec27e;
--green2:var(--mr-green);
--green3:rgba(61,232,152,0.08);
--gold:var(--mr-gold);
--gold2:rgba(245,200,76,0.1);
--cyan:var(--mr-cyan);
--pink:var(--mr-pink);
--pink2:rgba(255,92,168,0.1);
--purple:var(--mr-purple);
--purple2:rgba(155,123,255,0.1);
--red:var(--mr-red);
--orange:var(--mr-orange);
--text:var(--mr-text);
--text2:var(--mr-text-2);
--muted:var(--mr-muted);
--border:var(--mr-divider);
--border2:var(--mr-border-soft);
--r:var(--mr-r-card);
--rs:var(--mr-r-stat);
--ff:var(--mr-ff);
--fm:var(--mr-fm);
--shadow:var(--mr-shadow-card);
--shadow-green:var(--mr-shadow-cta);
}
#view-user .wrap{background:var(--mr-bg-screen)}
}
@media(max-width:700px){
html[data-theme="light"].ui-earner{
--mr-bg-base:#f7f7fb;
--mr-bg-screen:radial-gradient(140% 90% at 50% -8%,#eef1f8 0%,#f7f7fb 55%,#f7f7fb 100%);
--mr-card:#ffffff;
--mr-surface-2:#f0f0f5;
--mr-surface-3:#e6e6ee;
--mr-surface-locked:#dcdce6;
--mr-sheet:#ffffff;
--mr-nav-bg:rgba(247,247,251,0.92);
--mr-text:#0c0c14;
--mr-text-2:#4a4a60;
--mr-muted:#5f5f75;
--mr-green:#0c7a44;
--mr-green-cta:linear-gradient(135deg,#4BF0A4,#2EC27E);
--mr-gold:#8e6616;
--mr-cyan:#0087a3;
--mr-orange:#ae5318;
--mr-flash:#c94040;
--mr-pink:#c22a72;
--mr-purple:#6a4fd1;
--mr-red:#c93b3b;
--mr-border-soft:rgba(0,0,0,0.08);
--mr-border-strong:rgba(0,0,0,0.16);
--mr-divider:rgba(0,0,0,0.08);
--mr-shadow-card:0 8px 24px rgba(0,0,0,0.10);
--mr-shadow-hero:0 10px 30px rgba(0,0,0,0.10),inset 0 1px 0 rgba(255,255,255,0.6);
--mr-shadow-cta:0 6px 18px rgba(46,194,126,0.22);
--mr-shadow-cta-sm:0 4px 12px rgba(46,194,126,0.22);
--mr-shadow-nav:0 -6px 22px rgba(0,0,0,0.08);
--mr-shadow-sheet:0 -14px 44px rgba(0,0,0,0.18);
}
html[data-theme="light"] #view-user #homeHeroGrid .hero-stat:nth-child(2){
background:linear-gradient(160deg,#E3FBF0 0%,#DCF3F5 100%);
border-color:rgba(12,122,68,0.20);
}
html[data-theme="light"] #view-user .card-green{background:linear-gradient(160deg,rgba(12,122,68,0.06),var(--mr-card) 65%)}
html[data-theme="light"] #view-user .card-gold{background:linear-gradient(160deg,rgba(169,121,26,0.06),var(--mr-card) 65%)}
html[data-theme="light"] #view-user .mr-home-payout-cta{color:#062017}
}
@media(max-width:700px){
html.ui-earner .hist-overlay,
html.ui-earner #streakModalOverlay{
align-items:flex-end;
padding:0;
background:rgba(2,4,8,0.72);
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
}
html.ui-earner .hist-modal,
html.ui-earner #streakModalOverlay .cmod{
max-width:none;
width:100%;
border-radius:var(--mr-r-sheet) var(--mr-r-sheet) 0 0;
box-shadow:var(--mr-shadow-sheet);
padding:10px 18px calc(18px + env(safe-area-inset-bottom));
max-height:85vh;
animation:mrSheetUp 0.28s cubic-bezier(.32,.72,0,1);
}
html.ui-earner .hist-modal::before,
html.ui-earner #streakModalOverlay .cmod::before{
content:"";
display:block;
width:38px;
height:4px;
border-radius:3px;
background:var(--mr-border-strong);
margin:2px auto 14px;
}
html.ui-earner .hist-close{top:10px;right:14px}
body.settings-open{overflow:hidden}
html.ui-earner #settingsPanel{
top:0 !important;
right:0 !important;
bottom:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
border-radius:0 !important;
box-shadow:none !important;
padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom)) !important;
z-index:400 !important;
animation:mrSheetUp 0.26s cubic-bezier(.32,.72,0,1);
}
html.ui-earner .mr-settings-close{display:flex !important}
}
.mr-payout-trigger{display:none}
.mr-payout-backdrop{position:fixed;inset:0;background:rgba(2,4,8,0.72);z-index:499;display:none}
.mr-payout-backdrop.show{display:block;animation:mrFadeIn 0.2s ease}
.wal-seg{display:flex;gap:4px;padding:4px;margin-bottom:12px;background:var(--s2);border:1px solid var(--border);border-radius:12px}
.wal-seg button{flex:1;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text2);font-family:var(--ff);font-size:var(--fs-sm);font-weight:800;cursor:pointer}
.wal-seg button.active{background:var(--s3);color:var(--text);box-shadow:0 1px 0 var(--border2) inset}
#u-wallet[data-vista="coin"] [data-wal="eur"],#u-wallet[data-vista="eur"] [data-wal="coin"]{display:none!important}
.wal-eur-top{display:none}
.wal-eur-top-val{font-size:30px;font-weight:800;font-family:var(--fm);color:var(--green2);margin:6px 0 2px}
.wal-eur-top-sub{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}
@media(max-width:700px){
html.ui-earner .wal-eur-top{display:block;margin-bottom:12px;padding:14px;border-radius:var(--r);background:rgba(46,194,126,0.05);border:1px solid rgba(46,194,126,0.18)}
html.ui-earner .mr-payout-trigger{display:flex}
html.ui-earner #walletPayoutSection{display:none}
html.ui-earner #walletPayoutSection.mr-payout-open{
display:block !important;
position:fixed !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
top:auto !important;
margin:0 !important;
width:auto !important;
max-width:none !important;
max-height:85vh !important;
overflow-y:auto !important;
border-radius:var(--mr-r-sheet) var(--mr-r-sheet) 0 0 !important;
box-shadow:var(--mr-shadow-sheet) !important;
background:var(--mr-card) !important;
padding:10px 18px calc(18px + env(safe-area-inset-bottom)) !important;
z-index:500 !important;
animation:mrSheetUp 0.28s cubic-bezier(.32,.72,0,1);
}
html.ui-earner #walletPayoutSection.mr-payout-open::before{
content:"";
display:block;
width:38px;
height:4px;
border-radius:3px;
background:var(--mr-border-strong);
margin:2px auto 10px;
}
body.payout-open{overflow:hidden}
}
@keyframes mrSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes mrFadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:700px){
#view-user .bottom-nav{background:var(--mr-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--mr-border-strong);border-radius:var(--mr-r-nav) var(--mr-r-nav) 0 0;box-shadow:var(--mr-shadow-nav);padding-top:8px}
#view-user .bnav-btn{color:var(--mr-muted);font-family:var(--mr-ff)}
#view-user .bnav-btn.active{background:transparent}
#view-user .bnav-btn[data-tab="home"].active{color:var(--mr-green)}
#view-user .bnav-btn[data-tab="home"]::before{background:var(--mr-green)}
#view-user .bnav-btn[data-tab="discover"].active{color:var(--mr-cyan)}
#view-user .bnav-btn[data-tab="discover"]::before{background:var(--mr-cyan)}
#view-user .bnav-btn[data-tab="referral"].active{color:var(--mr-pink)}
#view-user .bnav-btn[data-tab="referral"]::before{background:var(--mr-pink)}
#view-user .bnav-btn[data-tab="profilo"].active{color:var(--mr-purple)}
#view-user .bnav-btn[data-tab="profilo"]::before{background:var(--mr-purple)}
#view-user .bnav-btn[data-tab="wallet"].active{color:var(--mr-gold)}
#view-user .bnav-btn[data-tab="wallet"]::before{background:var(--mr-gold)}
}
.mr-home-payout-cta{display:none}
@media(max-width:700px){
#view-user #homeHeroGrid{grid-template-columns:1fr 1fr;gap:10px}
#view-user #homeHeroGrid .hero-stat{background:var(--mr-surface-3);border-color:var(--mr-border-soft);border-radius:var(--mr-r-stat)}
#view-user #homeHeroGrid .hero-stat:nth-child(2){
order:-1;grid-column:1/-1;position:relative;overflow:hidden;
background:linear-gradient(160deg,#0F2A20 0%,#0C1F2E 100%);
border-color:rgba(61,232,152,0.25);
border-radius:var(--mr-r-card);
padding:18px;
box-shadow:var(--mr-shadow-hero);
}
#view-user #homeHeroGrid .hero-stat:nth-child(2) .hero-val{font-size:36px;letter-spacing:-1px;margin:6px 0}
#view-user #homeHeroGrid .hero-stat:nth-child(2) .hero-lbl{font-size:var(--fs-xs);letter-spacing:1px}
.mr-home-payout-cta{
display:flex;margin:-3px 0 12px;padding:11px 16px;
background:var(--mr-green-cta);color:#062017;font-weight:800;
border:none;border-radius:var(--mr-r-pill);box-shadow:var(--mr-shadow-cta-sm);
}
#view-user .card-green{background:linear-gradient(160deg,rgba(61,232,152,0.08),var(--mr-card) 65%);border-color:rgba(61,232,152,0.28)}
#view-user .card-gold{background:linear-gradient(160deg,rgba(245,200,76,0.08),var(--mr-card) 65%);border-color:rgba(245,200,76,0.3)}
}
@media(max-width:700px){
html.neon-on #view-user #homeHeroGrid .hero-stat,
html.neon-on #view-user .card-green,
html.neon-on #view-user .card-gold{
border-color:var(--neon-frame);border-width:1px;box-shadow:0 0 13px var(--neon-glow);
}
html.neon-on #view-user #homeHeroGrid .hero-stat:nth-child(2){
border-color:var(--neon-frame);border-width:1px;
box-shadow:0 0 13px var(--neon-glow),inset 0 1px 0 rgba(255,255,255,0.06);
}
}
@media(max-width:700px){
html.ui-earner .disc-grid{grid-template-columns:1fr}
html.ui-earner .disc-card{padding:14px 14px 14px 74px;min-height:74px}
html.ui-earner .disc-card::before{
content:'📷';width:48px;height:48px;top:13px;left:13px;border-radius:16px;
display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);
--ic:#e56aa5;
background:linear-gradient(145deg,#f79ac4 0%,#e56aa5 45%,#f77737 100%);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.38),
inset 0 -2px 3px rgba(0,0,0,0.16),
0 4px 12px -3px color-mix(in srgb, var(--ic) 55%, transparent);
text-shadow:0 1px 1px rgba(0,0,0,0.18);
}
html.ui-earner .disc-card.tt-c::before{content:'🎬';--ic:#25f4ee;background:linear-gradient(145deg,#5ff9f4 0%,#25f4ee 40%,#111 100%)}
html.ui-earner .disc-card.yt-c::before{content:'▶️';--ic:#ff5555;background:linear-gradient(145deg,#ff8a8a 0%,#ff5555 45%,#a00 100%)}
html.ui-earner .disc-card.sp-c::before{content:'🎧';--ic:#1db954;background:linear-gradient(145deg,#4ee08a 0%,#1db954 45%,#0d7a34 100%)}
html.ui-earner .disc-card.tw-c::before{content:'🐦';--ic:#9147ff;background:linear-gradient(145deg,#b98cff 0%,#9147ff 45%,#5c1fc9 100%)}
html.ui-earner .disc-card.pi-c::before{content:'📌';--ic:#e60023;background:linear-gradient(145deg,#ff5a72 0%,#e60023 45%,#8f0016 100%)}
html.ui-earner .disc-card.li-c::before{content:'💼';--ic:#0a66c2;background:linear-gradient(145deg,#4a9de0 0%,#0a66c2 45%,#063f7a 100%)}
html.ui-earner .disc-card.nl-c::before{content:'✉️';--ic:#ff8c42;background:linear-gradient(145deg,#ffb072 0%,#ff6700 45%,#e9c44e 100%)}
html.ui-earner .disc-card.pod-c::before{content:'🎙️';--ic:#14b8a6;background:linear-gradient(145deg,#5eead4 0%,#14b8a6 45%,#0d9488 100%)}
html.ui-earner .disc-card.at-survey::before{content:'📋';--ic:#7c6cff;background:linear-gradient(145deg,#b3a8ff 0%,#7c6cff 45%,#5b48e0 100%)}
html.ui-earner .disc-card.at-music::before{content:'🎵';--ic:#1ed760;background:linear-gradient(145deg,#6ff2a0 0%,#1ed760 45%,#12994a 100%)}
html.ui-earner .disc-card.at-creator::before{content:'✨';--ic:#ff6bcb;background:linear-gradient(145deg,#ffa6e0 0%,#ff6bcb 40%,#e8458c 100%)}
html.ui-earner .disc-card.done::before{box-shadow:none;filter:saturate(0.5)}
html.ui-earner .disc-card::after{
content:'◈' attr(data-coins) '\A' attr(data-eur);
position:absolute;top:14px;right:14px;text-align:right;white-space:pre;
font-family:var(--fm);font-weight:800;font-size:var(--fs-sm);line-height:1.5;
color:var(--gold);
}
html.ui-earner .disc-card .tag-neutral,
html.ui-earner .disc-card .diff-row,
html.ui-earner .disc-card .reward-block{display:none}
html.ui-earner .disc-footer{justify-content:flex-end}
html.ui-earner .disc-card.at-survey{border-color:rgba(124,108,255,0.3)}
html.ui-earner .disc-card.at-creator{border-color:rgba(232,69,140,0.3)}
}
@media(max-width:480px){.g2{grid-template-columns:1fr}.g3{grid-template-columns:1fr}.earn-hero::after{display:none}.xp-mini{display:none}}
@media(max-width:430px){
.topbar{padding:9px 10px 8px;gap:4px}
.topbar-right{gap:3px;flex-shrink:0}
#questsChip{display:none}
#refChatBtn{display:none}
#authProviderBadge{display:none!important}
#logoutBtn{display:none}
.wallet-pill{padding:4px 8px;gap:3px}
.wallet-pill span{font-size:var(--fs-sm)}
.notif-btn{font-size:15px;padding:5px 4px;min-width:30px}
.streak-pill{padding:5px 8px;font-size:var(--fs-sm)}
.brand-name{font-size:var(--fs-lg)}
.brand-logo{width:28px;height:28px;font-size:var(--fs-md);border-radius:7px}
.nav-tabs{gap:1px;padding:2px}
.ntab{font-size:var(--fs-xs);padding:6px 3px}
.wrap{padding:11px 11px}
.card{padding:11px 12px}
.g2,.g3{grid-template-columns:1fr}
.g4{grid-template-columns:1fr 1fr}
.g4 .hero-val{font-size:var(--fs-xl)}
.fin-stats{grid-template-columns:1fr 1fr}
.payout-method-grid{grid-template-columns:1fr 1fr}
.amount-presets{flex-wrap:wrap}
.preset-btn{min-width:calc(50% - 4px)}
}
.disc-card,.card,.tab-pane,.cmod{
will-change:transform;
transform:translateZ(0);
}
.modal{will-change:transform}
.disc-card,.card{contain:layout style;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(18px) translateZ(0) scale(0.97)}to{opacity:1;transform:translateY(0) translateZ(0) scale(1)}}
.wrap,.nav-tabs{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.disc-card:hover:not(.done){transform:translateY(-2px) translateZ(0)}
.camp-card:hover{transform:translateY(-1px) translateZ(0)}
@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.auth-overlay{position:fixed;inset:0;background:#07070d;z-index:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;overflow-y:auto}
.auth-overlay>.brand{margin-top:auto}
.auth-overlay>div:last-child{margin-bottom:auto}
.auth-lang-picker{position:fixed;top:16px;right:16px;z-index:401}
.auth-tema-btn{position:fixed;top:16px;right:62px;z-index:401;color:var(--text)}
.auth-tema-btn .auth-tema-sole{display:block}
.auth-tema-btn .auth-tema-luna{display:none}
html[data-theme="light"] .auth-tema-btn .auth-tema-sole{display:none}
html[data-theme="light"] .auth-tema-btn .auth-tema-luna{display:block}
.auth-lang-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border2);background:var(--s2);font-size:var(--fs-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.auth-lang-btn:hover{border-color:var(--green2)}
.auth-lang-menu{display:none;position:absolute;top:46px;right:0;background:var(--s1);border:1px solid var(--border2);border-radius:12px;padding:6px;min-width:150px;box-shadow:var(--shadow);flex-direction:column;gap:2px}
.auth-lang-menu.open{display:flex}
.auth-lang-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text);font-family:var(--ff);font-size:var(--fs-md);font-weight:600;border-radius:8px;cursor:pointer;text-align:left}
.auth-lang-menu button:hover{background:var(--s2)}
.demo-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.82);z-index:500;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.demo-overlay.show{display:flex;animation:fadeIn 0.22s ease}
.demo-window{background:var(--s1);border:1px solid var(--border2);border-radius:22px;padding:28px 24px;width:100%;max-width:480px;position:relative}
.demo-window-title{font-size:var(--fs-xl);font-weight:800;text-align:center;margin-bottom:4px}
.demo-window-sub{font-size:var(--fs-sm);color:var(--muted);text-align:center;margin-bottom:22px;line-height:1.5}
.demo-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.demo-mode-card{border-radius:16px;padding:20px 14px;text-align:center;cursor:pointer;border:1.5px solid var(--border);background:var(--s2);transition:all 0.2s;user-select:none}
.demo-mode-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.35)}
.demo-mode-card.earner{border-color:rgba(46,194,126,0.4);background:rgba(46,194,126,0.06)}
.demo-mode-card.earner:hover{border-color:var(--green2);background:rgba(46,194,126,0.12)}
.demo-mode-card.demo-brand{border-color:rgba(74,159,255,0.4);background:rgba(74,159,255,0.06)}
.demo-mode-card.demo-brand:hover{border-color:var(--blue);background:rgba(74,159,255,0.12)}
.demo-mode-icon{font-size:36px;margin-bottom:10px}
.demo-mode-label{font-size:var(--fs-md);font-weight:800;margin-bottom:4px}
.demo-mode-desc{font-size:var(--fs-sm);color:var(--muted);line-height:1.5}
.demo-close{position:absolute;top:14px;right:16px;background:var(--s3);border:1px solid var(--border);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-md);color:var(--muted);transition:all 0.15s}
.demo-close:hover{color:var(--text);background:var(--s2)}
.demo-notice{font-size:var(--fs-xs);color:var(--muted);text-align:center;line-height:1.5}
.auth-overlay::before{content:'';position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(46,194,126,0.06) 0%,transparent 70%);pointer-events:none}
.auth-overlay::after{content:'';position:fixed;bottom:-200px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(74,159,255,0.05) 0%,transparent 70%);pointer-events:none}
.auth-card{background:var(--s1);border:1px solid var(--border);border-radius:20px;padding:28px;width:100%;max-width:420px;position:relative;z-index:1}
.auth-tab-sw{display:flex;gap:3px;background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:3px;margin-bottom:22px}
.auth-tsb{flex:1;padding:9px 8px;border-radius:7px;font-size:var(--fs-sm);font-weight:700;text-align:center;cursor:pointer;border:none;background:transparent;font-family:var(--ff);color:var(--muted);transition:all 0.2s}
.auth-tsb.active{background:var(--s3);color:var(--text);border:1px solid var(--border2)}
.auth-role-row{display:flex;gap:8px;margin-bottom:18px}
.auth-role-opt{flex:1;background:var(--s2);border:2px solid var(--border);border-radius:var(--rs);padding:12px 8px;text-align:center;cursor:pointer;transition:all 0.2s}
.auth-role-opt:hover{border-color:var(--border2)}
.auth-role-opt.sel-earner{border-color:var(--green);background:rgba(46,194,126,0.05)}
.auth-role-opt.sel-brand{border-color:var(--blue);background:rgba(74,159,255,0.05)}
.auth-form-grp{margin-bottom:14px}
.auth-lbl{font-size:var(--fs-xs);font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}
.auth-inp-wrap{position:relative}
.auth-inp-wrap .inp{padding-right:42px}
.auth-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:var(--fs-md);padding:0;line-height:1}
.auth-field-err{font-size:var(--fs-xs);color:var(--red-text);margin-top:4px;display:none}
.auth-field-err.show{display:block}
input.err,select.err,textarea.err{border-color:var(--red)!important;background:rgba(255,90,90,0.06)}
input.err:focus,select.err:focus,textarea.err:focus{box-shadow:0 0 0 2px rgba(255,90,90,0.18)}
.auth-alert{padding:10px 13px;border-radius:var(--rs);font-size:var(--fs-sm);margin-bottom:14px;display:none;border:1px solid}
.auth-alert.show{display:block}
.auth-alert-err{background:rgba(224,85,85,0.08);border-color:rgba(224,85,85,0.25);color:#f08080}
.auth-alert-ok{background:rgba(46,194,126,0.08);border-color:rgba(46,194,126,0.25);color:var(--green2)}
.pw-strength{height:3px;border-radius:2px;margin-top:6px;background:var(--s3);outline:1px solid var(--border);overflow:hidden}
.pw-fill{height:100%;border-radius:2px;transition:all 0.3s;width:0}
.pw-weak{background:var(--red)}.pw-medium{background:var(--gold)}.pw-strong{background:var(--green)}
.pw-label{font-size:var(--fs-xs);color:var(--muted);font-family:var(--fm);margin-top:3px}
.auth-forgot{font-size:var(--fs-sm);color:var(--muted);text-align:right;display:block;margin-top:4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.auth-forgot:hover{color:var(--text2)}
.auth-switch{font-size:var(--fs-sm);color:var(--muted);text-align:center;margin-top:16px}
.auth-switch span{color:var(--green2);cursor:pointer;font-weight:700}
.auth-btn{width:100%;padding:13px;border-radius:11px;border:none;font-family:var(--ff);font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:all 0.2s;margin-top:4px}
.auth-btn-green{background:linear-gradient(135deg,var(--green),#1a9e5c);color:#07070d}
.auth-btn-green:hover{opacity:0.88;transform:translateY(-1px)}
.auth-btn-blue{background:linear-gradient(135deg,var(--blue),#1a5fa3);color:#fff}
.auth-btn-blue:hover{opacity:0.88;transform:translateY(-1px)}
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:var(--fs-sm)}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-oauth-row{display:flex;gap:8px;margin-bottom:4px}
.auth-btn-oauth{flex:1;background:var(--s2);border:1px solid var(--border2);color:var(--text);padding:10px;border-radius:var(--rs);font-family:var(--ff);font-size:var(--fs-sm);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s}
.auth-btn-oauth:hover{background:var(--s3)}
.auth-success{text-align:center;display:none}
.auth-success.show{display:block}
.spin,.auth-spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.7s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes spin{to{transform:rotate(360deg)}}
.checkout-modal{background:var(--s1);border:1px solid rgba(74,159,255,0.22);border-radius:18px;padding:24px;max-width:480px;width:100%;margin:auto;position:relative}
.checkout-close{position:absolute;top:14px;right:14px;background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-md);color:var(--text2);transition:all 0.2s}
.checkout-close:hover{background:var(--s3);color:var(--text)}
.logout-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:var(--fs-xs);font-weight:700;font-family:var(--ff);padding:5px 11px;border-radius:var(--rs);cursor:pointer;transition:all 0.2s}
.logout-btn:hover{border-color:rgba(224,85,85,0.4);color:var(--red-text)}
.onboard-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.onboard-modal{background:var(--s1);border:1px solid var(--border2);border-radius:20px;padding:28px 24px;max-width:360px;width:100%}
.onboard-step{display:none}.onboard-step.active{display:block;animation:fadeIn 0.3s ease}
.onboard-dots{display:flex;justify-content:center;gap:6px;margin:18px 0 0}
.onboard-dot{width:6px;height:6px;border-radius:50%;background:var(--border2);transition:all 0.25s}
.onboard-dot.active{background:var(--green2);width:18px;border-radius:3px}
.sptour-overlay{position:fixed;inset:0;z-index:9000;pointer-events:none;transition:opacity 0.3s}
.sptour-overlay.active{pointer-events:auto}
.sptour-cut{position:fixed;box-shadow:0 0 0 9999px rgba(0,0,0,0.72);border-radius:10px;transition:all 0.35s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:9001}
.sptour-tooltip{position:fixed;z-index:9002;background:var(--s1);border:1.5px solid var(--green2);border-radius:14px;padding:14px 16px;max-width:280px;width:max-content;box-shadow:0 8px 32px rgba(0,0,0,0.45);animation:fadeIn 0.25s ease;pointer-events:auto}
.sptour-tooltip::before{content:'';position:absolute;width:10px;height:10px;background:var(--s1);border-left:1.5px solid var(--green2);border-top:1.5px solid var(--green2);border-radius:2px}
.sptour-tooltip.tip-below::before{top:-6px;left:50%;transform:translateX(-50%) rotate(45deg)}
.sptour-tooltip.tip-above::before{bottom:-6px;left:50%;transform:translateX(-50%) rotate(225deg)}
.sptour-step{font-size:var(--fs-sm);color:var(--muted);font-family:var(--fm);font-weight:700;letter-spacing:0.5px;margin-bottom:4px}
.sptour-title{font-size:var(--fs-md);font-weight:800;color:var(--text);margin-bottom:6px}
.sptour-body{font-size:var(--fs-sm);color:var(--text2);line-height:1.6}
.sptour-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}
.sptour-skip{font-size:var(--fs-sm);color:var(--muted);cursor:pointer;background:none;border:none;padding:0;font-family:inherit}
.sptour-skip:hover{color:var(--text2)}
.sptour-next{font-size:var(--fs-sm);font-weight:700;padding:7px 16px;background:var(--green2);color:#07070d;border:none;border-radius:8px;cursor:pointer;font-family:inherit}
.sptour-next:hover{filter:brightness(1.1)}
.sptour-dots{display:flex;gap:5px;align-items:center}
.sptour-dot{width:5px;height:5px;border-radius:50%;background:var(--border2);transition:all 0.2s}
.sptour-dot.on{background:var(--green2);width:14px;border-radius:3px}
.payout-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
.pout-btn{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:13px;cursor:pointer;transition:all 0.2s;text-align:center}
.pout-btn:hover{border-color:var(--border2)}
.pout-btn.selected{border-color:rgba(61,232,152,0.45);background:rgba(61,232,152,0.05)}
.pout-icon{font-size:var(--fs-xl);margin-bottom:5px}
.pout-name{font-size:var(--fs-sm);font-weight:700}
.pout-time{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}
.pout-time.fast{color:var(--green2)}
.amount-presets{display:flex;gap:6px;margin:9px 0}
.preset-btn{flex:1;padding:7px 6px;background:var(--s3);border:1px solid var(--border);border-radius:var(--rs);font-size:var(--fs-sm);font-weight:700;font-family:var(--fm);color:var(--text2);cursor:pointer;transition:all 0.2s;text-align:center}
.preset-btn:hover{border-color:var(--border2);color:var(--text)}
.preset-btn.active{border-color:rgba(61,232,152,0.4);background:rgba(61,232,152,0.06);color:var(--green2)}
.conversion-preview{background:var(--s2);border:1px solid rgba(61,232,152,0.18);border-radius:var(--rs);padding:13px;margin:10px 0;text-align:center}
.conv-amount{font-size:32px;font-weight:800;font-family:var(--fm);color:var(--green2);line-height:1}
.conv-sub{font-size:var(--fs-sm);color:var(--text2);margin-top:4px}
.checkout-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:150;display:none;overflow-y:auto;padding:20px}
.checkout-overlay.show{display:block;animation:fadeIn 0.25s ease}
body[data-tier="block"] #walletPayoutSection{display:none!important}
body[data-tier="block"] #hEur,body[data-tier="block"] #psEur{display:none!important}
body[data-tier="block"] .mr-payout-trigger,
body[data-tier="block"] .mr-home-payout-cta{display:none!important}
html.ui-earner body[data-tier="block"] #walletPayoutSection.mr-payout-open,
body[data-tier="block"] #walletPayoutSection.mr-payout-open{display:none!important}
#settingsPanel{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}
#settingsPanel::-webkit-scrollbar{width:7px}
#settingsPanel::-webkit-scrollbar-thumb{background:var(--border2);border-radius:7px}
#settingsPanel::-webkit-scrollbar-track{background:transparent}
#settingsScrollBtn:hover{background:var(--s3)}
#setNotifSl::before,#setThemeSl::before,#setNeonSl::before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:0.2s}
#setNotif:checked + #setNotifSl,#setTheme:checked + #setThemeSl,#setNeon:checked + #setNeonSl{background:var(--green)}
#setNotif:checked + #setNotifSl::before,#setTheme:checked + #setThemeSl::before,#setNeon:checked + #setNeonSl::before{transform:translateX(18px)}
.hist-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:300;display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.hist-overlay.show{display:flex;animation:fadeIn 0.25s ease}
.hist-modal{background:var(--s1);border:1px solid var(--border2);border-radius:16px;padding:20px;max-width:520px;width:100%;position:relative;box-shadow:var(--shadow);max-height:calc(100vh - 80px);overflow-y:auto}
.hist-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;background:var(--s2);border:1px solid var(--border);color:var(--text2);font-size:var(--fs-md);cursor:pointer;display:flex;align-items:center;justify-content:center}
.hist-close:hover{background:var(--s3);color:var(--text)}
.hist-title{font-size:var(--fs-lg);font-weight:800;margin-bottom:4px;letter-spacing:-0.3px}
.hist-sub{font-size:var(--fs-sm);color:var(--text2);margin-bottom:14px;line-height:1.6}
.hist-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.hist-sumbox{background:var(--s2);border:1px solid var(--border);border-radius:9px;padding:10px}
.hist-sumlbl{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:3px}
.hist-sumval{font-size:var(--fs-lg);font-weight:800;font-family:var(--fm)}
.hist-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}
.hist-row{background:var(--s2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--fs-sm)}
.hist-row-main{flex:1;min-width:0}
.hist-row-lbl{font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-row-time{font-size:var(--fs-xs);color:var(--muted);font-family:var(--fm)}
.hist-row-val{font-family:var(--fm);font-weight:800;font-size:var(--fs-md);white-space:nowrap}
.hist-empty{text-align:center;padding:30px 10px;color:var(--muted);font-size:var(--fs-sm)}
html[data-theme="light"] .hist-overlay{background:rgba(12,12,20,0.45)}
html[data-theme="light"] .hist-modal{background:var(--s1);color:var(--text)}
html[data-theme="light"] .hist-sumbox,html[data-theme="light"] .hist-row{background:var(--s2);color:var(--text)}
.risk-warn{display:none;background:rgba(255,140,66,0.1);border:1px solid rgba(255,140,66,0.4);border-radius:var(--rs);padding:11px 13px}
.risk-warn-title{font-size:var(--fs-sm);font-weight:800;color:var(--orange);margin-bottom:3px}
.risk-warn-body{font-size:var(--fs-sm);color:var(--text2);line-height:1.45}
.auth-tsb:active,.camp-type-btn:active,.plat-btn:active,.ntab:active{transform:scale(0.97)}
html[data-theme="light"] .risk-warn-title{color:#a34e10}
html[data-theme="light"] .risk-warn{background:rgba(178,90,20,0.08);border-color:rgba(178,90,20,0.45)}
html[data-theme="light"] #payoutBreakdown [style*="color:var(--orange)"]{color:#a34e10 !important}
.skip-link{position:fixed;top:-48px;left:12px;z-index:9999;background:var(--green);color:#07070d;font-weight:800;font-size:var(--fs-md);padding:10px 16px;border-radius:0 0 10px 10px;text-decoration:none;transition:top .15s}
.skip-link:focus{top:0}
.sp-paused .sp-track{animation-play-state:paused}
@media print{
body.print-report>*:not(#printReport){display:none!important}
body.print-report .view{display:none!important}
body.print-report #printReport{display:block!important}
}
select{appearance:none;-webkit-appearance:none;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238a8aa0' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")!important;
background-repeat:no-repeat!important;background-position:right 11px center!important;
padding-right:30px!important}
select:focus{border-color:var(--green)}
@media(min-width:1024px){
[style*="font-size:var(--fs-xs)"]{font-size:var(--fs-xs)!important}
[style*="font-size:var(--fs-xs)"]{font-size:var(--fs-sm)!important}
[style*="font-size:var(--fs-sm)"]{font-size:var(--fs-sm)!important}
.slbl{font-size:var(--fs-xs)}
.disc-title{font-size:var(--fs-md)}
.disc-desc{font-size:var(--fs-sm)}
.xp-mini,.diff{font-size:var(--fs-xs)}
.coin-badge,.eur-badge{font-size:var(--fs-sm)}
}
@media(min-width:1140px){
#view-fin .wrap{max-width:1120px}
#f-nuova.active,#f-piano.active{max-width:832px;margin:0 auto}
#f-home.active{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:start}
#f-home>.legal-banner,#f-home>.fin-stats,#f-home>.g2{grid-column:1/-1}
}
.disc-card .disc-thumb{
margin:7px 0 2px;
border-radius:10px;
overflow:hidden;
aspect-ratio:16/9;
background:var(--s2);
}
.disc-card .disc-thumb img{
width:100%; height:100%;
object-fit:cover;
display:block;
}
.disc-card.done .disc-thumb img{ filter:grayscale(0.7); opacity:0.75; }
.legal-banner-x,
#notifBtn,
#settingsBtn,
#streakChip{ position:relative; }
.legal-banner-x::after,
#notifBtn::after,
#settingsBtn::after,
#streakChip::after{
content:'';
position:absolute;
top:50%; left:50%;
transform:translate(-50%,-50%);
width:max(100%,44px);
height:max(100%,44px);
}
.legal-banner-x > *, #notifBtn > *, #settingsBtn > *, #streakChip > *{ position:relative; z-index:1; }
@media(max-width:400px){
#earnerVerticalsRow{flex-wrap:wrap;gap:5px}
}
#skipToContent:focus{left:8px !important}
.demo-cta{background:linear-gradient(135deg,rgba(46,194,126,0.18),rgba(74,159,255,0.12))}
.demo-cta:hover,.demo-cta:focus-visible{background:linear-gradient(135deg,rgba(46,194,126,0.28),rgba(74,159,255,0.18))}
.demo-cta.demo-cta-primaria{background:var(--green2);color:#07120c!important;border-color:var(--green2)!important;box-shadow:0 6px 22px rgba(46,194,126,0.28)}
.demo-cta.demo-cta-primaria:hover,.demo-cta.demo-cta-primaria:focus-visible{background:#3fd08c}
html[data-theme="light"] .demo-cta.demo-cta-primaria{color:#fff!important;box-shadow:0 6px 22px rgba(15,128,75,0.22)}
html[data-theme="light"] .demo-cta.demo-cta-primaria:hover,html[data-theme="light"] .demo-cta.demo-cta-primaria:focus-visible{background:#0c6b3f}
.demo-cta.demo-cta-secondaria{background:transparent;font-size:var(--fs-sm)!important;padding:7px 18px!important;border-color:var(--border2)!important;color:var(--text2)!important}
.auth-apri-form{background:none;border:0;color:var(--text2);font-family:var(--ff);font-size:var(--fs-sm);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 12px;margin-top:2px;position:relative;z-index:1}
.auth-apri-form:hover,.auth-apri-form:focus-visible{color:var(--text)}
#authOverlay .brand{max-width:100%}
#authOverlay .brand>div:last-child{min-width:0}
#authOverlay .brand [data-i18n^="cv.authTagline"]{overflow-wrap:anywhere}
@media (hover:none){
[data-on-click]{cursor:pointer}
.cmod-overlay,.hist-overlay,.demo-overlay{-webkit-tap-highlight-color:transparent}
}
.tab-pane.mfa-chiusa > :not(.adm-mfa){display:none !important}
.adm-mfa{margin:4px 0 16px}
.mfa-card{max-width:440px;margin:18px auto;background:linear-gradient(160deg,rgba(255,140,66,0.07),rgba(167,139,250,0.05) 60%,var(--s1));border:1px solid rgba(255,140,66,0.28);border-radius:var(--r);padding:22px 20px 18px;box-shadow:var(--shadow)}
.mfa-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--orange);background:rgba(255,140,66,0.12);border:1px solid rgba(255,140,66,0.3);margin-bottom:12px}
.mfa-t{font-size:var(--fs-lg);font-weight:800;margin:0 0 6px;letter-spacing:-0.2px}
.mfa-b{font-size:var(--fs-sm);color:var(--text2);line-height:1.55;margin:0 0 14px}
.mfa-passi{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:14px}
.mfa-passi > li{display:flex;gap:11px;align-items:flex-start}
.mfa-passi > li > div{min-width:0;flex:1}
.mfa-n{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--fm);font-size:var(--fs-xs);font-weight:700;background:var(--s3);border:1px solid var(--border2);color:var(--text)}
.mfa-pt{font-size:var(--fs-sm);font-weight:700;margin:2px 0 9px}
.mfa-qr{display:block;width:176px;height:176px;background:#fff;border-radius:12px;padding:8px;margin:0 0 10px}
.mfa-chiave-lbl{font-size:var(--fs-xs);color:var(--muted);margin-bottom:5px}
.mfa-chiave{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mfa-chiave code{font-family:var(--fm);font-size:var(--fs-sm);letter-spacing:0.5px;background:var(--s2);border:1px solid var(--border2);border-radius:8px;padding:7px 9px;overflow-wrap:anywhere;flex:1;min-width:0}
.mfa-codice{width:100%;box-sizing:border-box;font-family:var(--fm);font-size:26px;letter-spacing:10px;text-align:center;background:var(--s2);border:1px solid var(--border2);border-radius:10px;padding:11px 8px;color:var(--text);margin:0 0 12px}
.mfa-codice:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,140,66,0.18)}
.mfa-ok{width:100%;background:var(--orange);border-color:var(--orange);color:#1a0f06;font-weight:800}
.mfa-ok:hover{background:var(--orange);border-color:var(--orange);filter:brightness(1.08)}
.mfa-esito{min-height:18px;font-size:var(--fs-xs);margin-top:9px;line-height:1.5}
.mfa-esito.ok{color:var(--text2)}
.mfa-esito.ko,.mfa-err{color:var(--red-text)}
.mfa-err{font-size:var(--fs-sm);line-height:1.5;margin:0 0 12px}
.mfa-nota{font-size:var(--fs-xs);color:var(--muted);line-height:1.5;margin:12px 0 0}
.ab-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:2px 0 14px}
.ab-hero-t{min-width:0}
.ab-hero-k{font-size:var(--fs-xs);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--orange);margin-bottom:3px}
.ab-hero-h{font-size:28px;font-weight:800;letter-spacing:-0.6px;margin:0 0 4px;line-height:1.05}
.ab-hero-p{font-size:var(--fs-sm);color:var(--text2);margin:0;line-height:1.5;max-width:52ch}
.ab-aggiorna{flex-shrink:0;font-size:var(--fs-xs);padding:6px 11px}
.ab-aggiorna.ab-gira span[aria-hidden]{display:inline-block;animation:abGira 0.9s linear infinite}
@keyframes abGira{to{transform:rotate(360deg)}}
.ab-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
@media (min-width:720px){.ab-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ab-kpi-c{background:var(--s1);border:1px solid var(--border);border-radius:12px;padding:12px 12px 11px;min-width:0;position:relative;overflow:hidden}
.ab-kpi-c::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border2)}
.ab-kpi-verde::before{background:var(--green2)}
.ab-kpi-oro::before{background:var(--gold)}
.ab-kpi-rosso::before{background:var(--red-text)}
.ab-kpi-rosso .ab-kpi-v{color:var(--red-text)}
.ab-kpi-v{font-family:var(--fm);font-size:20px;font-weight:700;letter-spacing:-0.4px;line-height:1.15;overflow-wrap:anywhere}
.ab-kpi-l{font-size:var(--fs-xs);color:var(--text2);font-weight:700;margin-top:4px;line-height:1.35}
.ab-kpi-n{font-size:var(--fs-xs);color:var(--muted);margin-top:2px;line-height:1.35}
.ab-kpi-sk{display:inline-block;width:62%;height:18px;border-radius:6px;background:linear-gradient(90deg,var(--s2),var(--s3),var(--s2));background-size:200% 100%;animation:abSk 1.2s ease-in-out infinite}
@keyframes abSk{to{background-position:-200% 0}}
.ab-avvisi{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ab-avvisi:empty{display:none}
.ab-avviso{display:flex;flex-direction:column;gap:3px;text-align:left;width:100%;box-sizing:border-box;background:var(--s1);border:1px solid var(--border2);border-left:3px solid var(--muted);border-radius:10px;padding:10px 12px;color:var(--text);font-family:var(--ff);font-size:var(--fs-sm);cursor:pointer}
.ab-avviso strong{font-size:var(--fs-sm)}
.ab-avviso span{font-size:var(--fs-xs);color:var(--text2);line-height:1.5}
.ab-avviso-rosso{border-left-color:var(--red-text)}
.ab-avviso-rosso strong{color:var(--red-text)}
.ab-avviso-oro{border-left-color:var(--gold)}
.ab-avviso-oro strong{color:var(--gold)}
div.ab-avviso,.ab-avviso-fermo{cursor:default}
.ab-elenco{padding:12px}
.ab-strum{display:flex;gap:8px;margin-bottom:10px}
.ab-cerca{flex:1;min-width:0;background:var(--s2);border:1px solid var(--border);border-radius:9px;padding:9px 11px;color:var(--text);font-size:var(--fs-sm);font-family:var(--ff)}
.ab-ordina{flex-shrink:0;max-width:44%;background:var(--s2);border:1px solid var(--border);border-radius:9px;padding:9px 8px;color:var(--text);font-size:var(--fs-xs);font-family:var(--ff)}
.ab-cerca:focus,.ab-ordina:focus{outline:none;border-color:var(--border2)}
.ab-chips{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:10px}
.ab-chips::-webkit-scrollbar{display:none}
.ab-chip{flex-shrink:0;background:transparent;border:1px solid var(--border2);color:var(--text2);border-radius:999px;padding:5px 11px;font-size:var(--fs-xs);font-weight:700;font-family:var(--ff);cursor:pointer;white-space:nowrap}
.ab-chip.on{background:rgba(255,140,66,0.16);border-color:var(--orange);color:var(--text)}
.ab-conta{margin-left:auto;flex-shrink:0;font-family:var(--fm);font-size:var(--fs-xs);color:var(--muted);padding-left:6px}
.ab-lista{display:flex;flex-direction:column;gap:6px}
.ab-riga{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av c ch" "n n n";gap:4px 11px;align-items:center;width:100%;box-sizing:border-box;text-align:left;background:var(--s2);border:1px solid var(--border);border-radius:12px;padding:11px 12px;color:var(--text);font-family:var(--ff);cursor:pointer;transition:border-color 0.15s,background 0.15s}
.ab-riga:hover{border-color:var(--border2);background:var(--s3)}
.ab-riga:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.ab-riga-ferma{border-color:rgba(232,106,106,0.35)}
.ab-av{grid-area:av;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:var(--fs-sm);color:hsl(var(--h),80%,82%);background:hsla(var(--h),60%,45%,0.22);border:1px solid hsla(var(--h),60%,60%,0.3);flex-shrink:0}
.ab-av-l{width:52px;height:52px;border-radius:15px;font-size:var(--fs-lg)}
.ab-riga-c{grid-area:c;min-width:0;display:flex;flex-direction:column;gap:3px}
.ab-riga-t{font-size:var(--fs-md);font-weight:800;overflow-wrap:anywhere;line-height:1.25}
.ab-riga-s{font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere;line-height:1.4}
.ab-piano{display:inline-block;vertical-align:1px;margin-left:4px;font-size:10px;font-weight:800;letter-spacing:0.4px;text-transform:uppercase;color:var(--c);border:1px solid var(--c);border-radius:6px;padding:1px 6px;opacity:0.95;white-space:nowrap}
.ab-segni{display:flex;flex-wrap:wrap;gap:4px}
.ab-segno{font-size:10px;font-weight:700;border-radius:6px;padding:1px 6px;background:var(--s3);color:var(--text2)}
.ab-segno-rosso{background:rgba(232,106,106,0.14);color:var(--red-text)}
.ab-segno-oro{background:var(--gold2);color:var(--gold)}
.ab-barra{display:block;height:4px;border-radius:4px;background:var(--s4);overflow:hidden;margin-top:3px;max-width:220px}
.ab-barra > span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--green2))}
.ab-barra-l{max-width:none;height:6px;margin:8px 0 7px}
.ab-riga-n{grid-area:n;display:flex;gap:6px;margin-top:6px}
.ab-num{flex:1;min-width:0;background:var(--s1);border:1px solid var(--border);border-radius:8px;padding:5px 8px;display:flex;flex-direction:column}
.ab-num b{font-family:var(--fm);font-size:var(--fs-sm);font-weight:700;overflow-wrap:anywhere}
.ab-num i{font-style:normal;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
.ab-num-oro b{color:var(--gold)}
.ab-chev{grid-area:ch;color:var(--muted);font-size:22px;line-height:1}
@media (min-width:720px){
.ab-riga{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"av c n ch";gap:4px 14px}
.ab-riga-n{margin-top:0}
.ab-num{min-width:86px;flex:0 0 auto}
}
.ab-vuoto{padding:22px 8px;text-align:center}
.ab-vuoto-t{font-size:var(--fs-md);font-weight:800;margin-bottom:5px}
.ab-vuoto-b{font-size:var(--fs-sm);color:var(--muted);line-height:1.55;max-width:46ch;margin:0 auto}
.ab-err{font-size:var(--fs-sm);color:var(--red-text);line-height:1.5;padding:8px 2px}
.ab-dettaglio{padding:12px}
.ab-indietro{background:none;border:0;color:var(--text2);font-family:var(--ff);font-size:var(--fs-sm);font-weight:700;padding:2px 0 10px;cursor:pointer}
.ab-indietro:hover{color:var(--text)}
.ab-det-h{display:flex;gap:13px;align-items:center;margin-bottom:12px}
.ab-det-id{min-width:0}
.ab-det-t{font-size:var(--fs-lg);font-weight:800;overflow-wrap:anywhere;line-height:1.2}
.ab-det-s{font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere;line-height:1.45;margin-top:2px}
.ab-mono{font-family:var(--fm)}
.ab-rosso{color:var(--red-text)}
.ab-det-piano{font-size:var(--fs-sm);font-weight:700;border-left:3px solid var(--c);background:var(--s2);border-radius:0 8px 8px 0;padding:8px 11px;margin-bottom:10px;line-height:1.45}
.ab-det-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}
@media (min-width:720px){.ab-det-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ab-det-kpi > div{background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;min-width:0}
.ab-det-kpi b{font-family:var(--fm);font-size:var(--fs-md);overflow-wrap:anywhere}
.ab-det-kpi i{font-style:normal;font-size:var(--fs-xs);color:var(--muted);line-height:1.35;margin-top:2px}
.ab-det-azioni{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 4px}
.ab-det-azioni .btn{flex:1 1 200px;font-size:var(--fs-xs)}
.ab-sez{margin:16px 0 8px}
.ab-sez-strumenti{margin-top:22px}
.ab-camps,.ab-pags{display:flex;flex-direction:column;gap:7px}
.ab-camp{background:var(--s2);border:1px solid var(--border);border-radius:11px;padding:10px 11px}
.ab-camp-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.ab-camp-t b{font-size:var(--fs-sm);overflow-wrap:anywhere}
.ab-dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent);flex-shrink:0;align-self:center}
.ab-camp-m{font-size:var(--fs-xs);color:var(--muted);flex-basis:100%}
.ab-camp-n{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:var(--fs-xs);color:var(--text2);font-family:var(--fm)}
.ab-camp-a{margin-top:9px;display:flex;justify-content:flex-end}
.ab-cbtn{font-size:var(--fs-xs);padding:5px 11px}
.ab-pag{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:9px;background:var(--s2);border:1px solid var(--border)}
.ab-pag-rosso{border-color:rgba(232,106,106,0.4)}
.ab-pag-d{min-width:0;font-size:var(--fs-sm);overflow-wrap:anywhere;display:flex;flex-direction:column;gap:2px}
.ab-pag-d i{font-style:normal;font-size:var(--fs-xs);color:var(--muted)}
.ab-pag-e{font-family:var(--fm);font-size:var(--fs-sm);font-weight:700;flex-shrink:0}
@media (prefers-reduced-motion:reduce){
.ab-aggiorna.ab-gira span[aria-hidden],.ab-kpi-sk{animation:none}
}
html[data-theme="light"] .mfa-ok{color:#fff}
html[data-theme="light"] .ab-av{color:hsl(var(--h),55%,30%);background:hsla(var(--h),60%,50%,0.14)}
html[data-theme="light"] .mfa-card{background:linear-gradient(160deg,rgba(193,75,0,0.06),var(--s1) 60%)}