:root{--bg-primary: #0A0C14;--bg-secondary: #121624;--bg-card: rgba(22, 28, 44, .75);--bg-card-hover: rgba(30, 38, 58, .9);--bg-input: #181E30;--gold-primary: #E9B213;--gold-light: #F6D365;--gold-dark: #C29008;--gold-glow: rgba(233, 178, 19, .35);--accent-green: #10B981;--accent-green-bg: rgba(16, 185, 129, .15);--accent-red: #EF4444;--accent-red-bg: rgba(239, 68, 68, .15);--accent-blue: #3B82F6;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #64748B;--border-subtle: rgba(255, 255, 255, .08);--border-gold: rgba(233, 178, 19, .4);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-glow: 0 0 25px var(--gold-glow);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.nimstreak-app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 0%,#1a233d,#0a0c14 60%)}.nimstreak-app--welcome,.nimstreak-app:has(.welcome-screen-wrapper){padding-bottom:0!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important}html:has(.welcome-screen-wrapper),body:has(.welcome-screen-wrapper){overflow:hidden!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important}.app-main-viewport{flex:1;width:100%;max-width:600px;margin:0 auto;padding:1rem 1rem 2rem}.screen-container{width:100%;max-width:100%}.text-gold{color:var(--gold-primary)}.text-gold-bright{color:var(--gold-light)}.text-bold{font-weight:700}.text-danger{color:var(--accent-red)!important}.app-top-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-bottom:.75rem;padding-left:calc(1.25rem + env(safe-area-inset-left,0px));padding-right:calc(1.25rem + env(safe-area-inset-right,0px));background:#0a0c14d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);max-width:600px;margin:0 auto;width:100%}.app-brand{display:flex;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.brand-flame{font-size:1.3rem;animation:pulse-flame 2s infinite ease-in-out}.brand-logo-img{width:28px;height:28px;object-fit:contain;flex-shrink:0;display:block}@keyframes pulse-flame{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.brand-name--gold{color:var(--gold-primary)}.top-nav-right{display:flex;align-items:center;gap:.6rem}.top-nav-avatar-btn,.top-nav-profile-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0;margin:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.top-nav-avatar-btn:hover,.top-nav-profile-btn:hover{transform:scale(1.06);opacity:.92}.top-nav-avatar-btn:active,.top-nav-profile-btn:active{transform:scale(.95)}.top-nav-avatar-btn:focus,.top-nav-avatar-btn:focus-visible,.top-nav-profile-btn:focus,.top-nav-profile-btn:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.top-nav-avatar-btn .avatar-circle,.top-nav-profile-btn .avatar-circle{border:none!important;box-shadow:none!important;background:transparent!important}.notif-bell-btn{position:relative;width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:var(--text-primary, #ffffff);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0}.notif-bell-btn:hover{color:var(--gold-primary, #ebb700);background:#ffffff0f}.notif-bell-btn:active{transform:scale(.94)}.notif-bell-badge{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--gold-primary, #ebb700);box-shadow:0 0 6px #ebb700e6}.wallet-pill-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.45rem .8rem;min-height:44px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.wallet-pill-btn:hover{border-color:var(--gold-primary);background:var(--bg-card-hover)}.wallet-pill-bal{background:#e9b21326;color:var(--gold-primary);padding:.15rem .45rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}@media(max-width:350px){.app-top-nav{padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px))}.app-brand{font-size:1.05rem}.wallet-pill-btn{padding:.4rem .6rem;gap:.35rem;font-size:.76rem}.wallet-pill-bal{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;z-index:1000;display:grid;grid-template-columns:repeat(4,1fr);background:#121624f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding-top:.35rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom,0px));padding-left:calc(.5rem + env(safe-area-inset-left,0px));padding-right:calc(.5rem + env(safe-area-inset-right,0px))}.bottom-nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;min-width:44px;padding:.4rem .25rem;font-size:.72rem;font-weight:600;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:opacity .2s ease,transform .15s ease,color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-nav__item--active{color:var(--gold-primary)!important;font-weight:800}.bottom-nav__item--locked{opacity:.45}.bottom-nav__item:active{transform:scale(.94)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.95rem;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;padding:.75rem 1.25rem;min-height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn--full{width:100%}.btn--sm{padding:.5rem .95rem;font-size:.85rem;min-height:40px}.btn--lg{padding:.9rem 1.5rem;font-size:1.05rem;min-height:50px}.btn--primary{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-primary) 100%);color:#0a0c14;box-shadow:0 4px 15px #e9b2134d}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px #e9b21373}.btn--gold-glow{background:linear-gradient(135deg,#ffe066,#e9b213);color:#0a0c14;box-shadow:0 0 25px #e9b21380}.btn--gold-glow:hover{box-shadow:0 0 35px #e9b213b3}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn--secondary:hover{background:var(--bg-card-hover);border-color:#fff3}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn--ghost:hover{background:#ffffff0d;color:var(--text-primary)}.btn--checked{background:var(--accent-green-bg);color:var(--accent-green);border:1px solid var(--accent-green);cursor:default}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.page-header{margin-bottom:1.5rem}.page-header--with-back{display:flex;align-items:center;justify-content:space-between;gap:1rem}.back-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;padding:.5rem .75rem .5rem 0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.back-btn:hover{color:var(--text-primary)}.page-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-top:.25rem}.page-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.home-screen{padding-bottom:1.5rem}.home-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.home-header__greeting{display:flex;flex-direction:column}.greeting-sub{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.greeting-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0;line-height:1.2}.home-header__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:var(--radius-full);background:#e9b2131a;border:1px solid rgba(233,178,19,.25);font-size:.72rem;font-weight:700;color:var(--gold-primary);flex-shrink:0}.home-header__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-primary);box-shadow:0 0 6px var(--gold-primary)}.active-streak-hero{background:linear-gradient(145deg,#161c30f2,#0c0f1afa);border:1px solid rgba(233,178,19,.3);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 8px 32px #00000073,0 0 30px #e9b21314;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.active-streak-hero:hover{transform:translateY(-2px);border-color:var(--gold-primary);box-shadow:0 12px 36px #00000080,0 0 35px #e9b2132e}.active-streak-hero:active{transform:scale(.995)}.active-streak-hero__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.hero-status-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full)}.hero-status-pill--pending{background:#e9b21326;border:1px solid rgba(233,178,19,.35);color:var(--gold-light)}.hero-status-pill--secured{background:#26d1891f;border:1px solid rgba(38,209,137,.35);color:#26d189}.hero-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero-status-pill--pending .hero-status-dot{background:var(--gold-primary);box-shadow:0 0 8px var(--gold-primary);animation:pulseGlow 2s infinite ease-in-out}.hero-status-pill--secured .hero-status-dot{background:#26d189;box-shadow:0 0 8px #26d189}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.active-streak-hero__counter-box{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.85rem 0;text-align:center}.streak-flame-wrap{display:flex;align-items:center;justify-content:center}.streak-flame-icon{font-size:3rem;filter:drop-shadow(0 0 16px rgba(245,166,35,.55));animation:flameFlicker 3s infinite ease-in-out}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.04) rotate(-2deg)}75%{transform:scale(.98) rotate(2deg)}}.streak-number-col{display:flex;flex-direction:column;align-items:flex-start}.streak-big-number{font-size:3.5rem;font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,#fff 10%,#ffe072 50%,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(233,178,19,.35))}.streak-unit-label{font-size:.75rem;font-weight:800;letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;margin-top:.1rem}.active-streak-hero__info{text-align:center;margin-bottom:.85rem}.active-streak-hero__title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 .35rem;line-height:1.3}.active-streak-hero__meta{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.meta-day{font-weight:600}.meta-divider{color:var(--text-muted)}.meta-stake{color:var(--gold-primary);font-weight:700}.active-streak-hero__progress-section{background:#080a12a6;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:.85rem;margin-bottom:1rem}.hero-progress-bar-track{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;width:100%}.hero-progress-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#F5A623 0%,var(--gold-primary) 100%);box-shadow:0 0 10px #e9b21380;transition:width .4s ease}.hero-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);font-weight:600;margin-top:.45rem;margin-bottom:.75rem}.hero-days-track{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;margin-top:.4rem}.track-day-dot{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem .15rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-height:44px;transition:all .2s ease}.track-day-dot__num{font-size:.65rem;color:var(--text-muted);font-weight:700}.track-day-dot__icon{font-size:.8rem;margin-top:.1rem}.track-day-dot--checked{background:#e9b2131f;border-color:#e9b21366}.track-day-dot--checked .track-day-dot__num{color:var(--gold-light)}.track-day-dot--today{background:#f5a62326;border-color:var(--gold-primary);box-shadow:0 0 10px #e9b21340}.track-day-dot--today .track-day-dot__num{color:var(--gold-primary);font-weight:800}.track-day-dot--future{opacity:.6}.hero-checkin-feedback{background:#26d18926;border:1px solid rgba(38,209,137,.35);color:#26d189;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.82rem;font-weight:700;text-align:center;margin-bottom:.85rem;animation:fadeIn .2s ease}.active-streak-hero__cta-wrap{display:flex;flex-direction:column}.btn--hero-checkin{min-height:52px;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(135deg,#ffb800,#e9b213 60%,#d99b00);color:#0a0c14!important;box-shadow:0 4px 20px #e9b21373,0 0 25px #e9b21333;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn--hero-checkin:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 26px #e9b2138c}.btn--hero-checkin:active:not(:disabled){transform:scale(.99)}.btn--checked-in{min-height:48px;font-size:.95rem;font-weight:700;background:#26d1891f;border:1px solid rgba(38,209,137,.35);color:#26d189;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn--checked-in:hover{background:#26d1892e;border-color:#26d18980}.btn__sub-arrow{font-size:.85rem;opacity:.85;margin-left:.25rem}.hero-cta-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.5rem;line-height:1.4;margin-bottom:0}.home-other-streaks{margin-bottom:1.25rem}.other-streaks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.other-streaks-header h3{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.other-streaks-count{font-size:.72rem;font-weight:700;background:#ffffff14;padding:.15rem .45rem;border-radius:var(--radius-full);color:var(--text-secondary)}.other-streak-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.5rem;min-height:48px;cursor:pointer;transition:border-color .2s ease,transform .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.other-streak-card:hover{border-color:var(--border-gold);transform:translateY(-1px)}.other-streak-card__left{display:flex;align-items:center;gap:.5rem;overflow:hidden}.other-streak-card__title{font-size:.9rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.other-streak-card__right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.other-streak-badge{font-size:.78rem;font-weight:700;color:var(--gold-primary)}.other-streak-arrow{color:var(--text-muted);font-size:.9rem}.home-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.quick-action-btn{min-height:48px;font-size:.9rem;font-weight:700;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.4rem;touch-action:manipulation}.btn--outline-gold{background:#e9b21314;border:1px solid var(--border-gold);color:var(--gold-light)}.btn--outline-gold:hover{background:#e9b21329;border-color:var(--gold-primary);color:#fff}.home-completed-state{padding:1rem 0 1.5rem}.completed-state-header{text-align:center;margin-bottom:1.25rem}.completed-state__icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.completed-state__title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .35rem;letter-spacing:-.02em}.completed-state__subtitle{font-size:.88rem;color:var(--text-secondary);max-width:420px;margin:0 auto;line-height:1.45}.completed-summary-list{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem}.completed-summary-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;cursor:pointer;min-height:48px;transition:all .2s ease;touch-action:manipulation}.completed-summary-card:hover{border-color:var(--border-gold);background:var(--bg-card-hover)}.completed-summary-card__left{display:flex;align-items:center;gap:.5rem;overflow:hidden}.completed-summary-card__title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completed-summary-card__right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.completed-summary-card__stake{font-size:.85rem;font-weight:700;color:#26d189}.completed-state-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.home-onboarding{padding:1rem 0 1.5rem;text-align:center}.onboarding-title{font-size:1.75rem;font-weight:900;line-height:1.2;letter-spacing:-.02em;margin:.85rem 0 .5rem}.onboarding-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.5;max-width:440px;margin:0 auto 1.5rem}.onboarding-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1.25rem;text-align:left}.onboarding-step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .65rem;display:flex;flex-direction:column;min-width:0;box-sizing:border-box;transition:transform var(--transition-fast),border-color var(--transition-fast)}.step-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.step-card__num{font-size:.68rem;font-weight:800;color:var(--gold-primary);letter-spacing:.05em}.step-card__icon{font-size:1.15rem;line-height:1}.step-card__title{font-size:.88rem;font-weight:800;color:var(--text-primary);margin:0 0 .2rem;line-height:1.25;word-break:break-word}.step-card__desc{font-size:.72rem;color:var(--text-secondary);line-height:1.3;margin:0;word-break:break-word}.onboarding-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media(min-width:520px){.onboarding-actions,.completed-state-actions{flex-direction:row}.onboarding-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin-left:auto;margin-right:auto;gap:.85rem}}@media(max-width:360px){.active-streak-hero{padding:1rem .75rem}.streak-big-number{font-size:2.75rem}.streak-flame-icon{font-size:2.35rem}.track-day-dot{padding:.25rem .1rem;min-height:40px}.track-day-dot__num{font-size:.58rem}.track-day-dot__icon{font-size:.7rem}.onboarding-title{font-size:1.35rem}.onboarding-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.onboarding-step-card{padding:.65rem .5rem}.step-card__num{font-size:.62rem}.step-card__icon{font-size:1rem}.step-card__title{font-size:.82rem;margin-bottom:.15rem}.step-card__desc{font-size:.68rem;line-height:1.22}.home-quick-actions{grid-template-columns:1fr}.detail-title{font-size:1.2rem}.d-box{padding:.6rem .25rem}.d-box__val{font-size:.95rem}.d-box__lbl{font-size:.62rem}.calendar-heatmap-grid{gap:.2rem}.cal-day-cell{min-height:28px;font-size:.7rem}.streak-stats-row{gap:.35rem}.stat-card{padding:.6rem .3rem}.stat-card__val{font-size:.95rem}.badges-rack-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.challenge-tabs-nav{gap:.25rem}.tab-btn{font-size:.7rem;padding:.45rem .2rem}.matrix-grid{gap:.35rem}.matrix-card{padding:.6rem .25rem}.matrix-card__val{font-size:.95rem}.profile-address-pill{font-size:.7rem;padding:.4rem .65rem}}.stats-section{margin-bottom:1.5rem}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:1.05rem;font-weight:800;margin-bottom:.75rem}.section-badge{font-size:.7rem;color:var(--gold-primary);font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column}.stat-card--highlight{border-color:var(--border-gold);background:#e9b21314}.stat-card__icon{font-size:1.2rem;margin-bottom:.4rem}.stat-card__val{font-size:1.35rem;font-weight:800;color:var(--text-primary)}.stat-card__lbl{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem}.quick-grid{display:flex;flex-direction:column;gap:.75rem}.quick-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .2s ease}.quick-card:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translate(3px)}.quick-card__icon{font-size:1.75rem}.quick-card__info h3{font-size:.95rem;font-weight:700;margin-bottom:.15rem}.quick-card__info p{font-size:.78rem;color:var(--text-secondary)}.quick-card__arrow{margin-left:auto;color:var(--text-muted);font-size:1.2rem}.category-badge{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.75rem;font-weight:700}.browse-screen .page-header{margin-bottom:1.25rem}.browse-screen .page-title{font-size:1.55rem;font-weight:800;letter-spacing:-.02em}.browse-screen .page-subtitle{color:var(--text-secondary);font-size:.88rem;margin-top:.35rem;line-height:1.45}.invite-code-card{background:var(--bg-card);border:1px solid rgba(233,178,19,.28);border-radius:var(--radius-lg);padding:1.15rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000040,0 0 15px #e9b2130d;position:relative;overflow:hidden}.invite-code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);opacity:.7}.invite-code-card__header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.invite-code-card__icon{width:38px;height:38px;min-width:38px;border-radius:50%;background:#e9b2131f;border:1px solid rgba(233,178,19,.35);display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1}.invite-code-card__header-text{flex:1;min-width:0}.invite-code-card__title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.invite-code-card__subtitle{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.invite-code-form{display:flex;flex-direction:column;gap:.75rem}@media(min-width:480px){.invite-code-form{flex-direction:row;align-items:stretch;gap:.65rem}}.invite-code-input-wrap{flex:1;min-width:0}.form-input--code,.form-input--invite-code{width:100%;min-height:46px;padding:.65rem .95rem;font-family:"JetBrains Mono","Fira Code",monospace,inherit;font-size:.95rem;font-weight:700;letter-spacing:1.2px;background:#0a0c14a6;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease}.form-input--code::placeholder,.form-input--invite-code::placeholder{font-family:inherit;font-size:.82rem;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--text-muted)}.form-input--code:focus,.form-input--invite-code:focus{border-color:var(--gold-primary);box-shadow:0 0 0 2px #e9b21333;outline:none}.invite-code-btn{min-height:46px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease}@media(min-width:480px){.invite-code-btn{width:auto;min-width:145px;flex-shrink:0}}.invite-code-btn .btn__arrow{font-size:1rem;transition:transform .15s ease}.invite-code-btn:not(:disabled):hover .btn__arrow{transform:translate(2px)}.btn--disabled,.invite-code-btn:disabled{background:#ffffff0d!important;color:var(--text-muted)!important;border:1px solid rgba(255,255,255,.1)!important;cursor:not-allowed;opacity:.65;box-shadow:none!important;transform:none!important}.invite-code-error{margin-top:.65rem;font-size:.8rem;color:var(--accent-red);font-weight:600}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.4rem;color:var(--text-primary)}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-input,.form-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);padding:.75rem 1rem;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{border-color:var(--gold-primary)}.filter-controls{margin-bottom:1.25rem}.search-input-wrap{position:relative;margin-bottom:.85rem}.form-input--search{min-height:48px;padding-left:2.85rem;padding-right:2.75rem;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);width:100%;transition:border-color .2s ease,box-shadow .2s ease}.form-input--search::placeholder{color:var(--text-muted);font-size:.85rem}.form-input--search:focus{border-color:var(--gold-primary);box-shadow:0 0 0 2px #e9b21333;outline:none}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem;pointer-events:none;line-height:1}.search-clear{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;transition:color .15s ease}.search-clear:hover{color:var(--text-primary)}.category-scroll-list{display:flex;gap:.55rem;overflow-x:auto;flex-wrap:nowrap;padding:.2rem .25rem .6rem .15rem;margin-bottom:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-scroll-list::-webkit-scrollbar{display:none}.category-scroll-spacer{min-width:.5rem;flex-shrink:0}.cat-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);padding:.5rem 1rem;min-height:44px;font-size:.82rem;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cat-pill:hover{border-color:#e9b21366;color:var(--text-primary)}.cat-pill--active{background:var(--gold-primary);color:#0a0c14!important;font-weight:800;border-color:var(--gold-primary);box-shadow:0 2px 10px #e9b21359}.cat-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.cat-select-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.6rem .25rem;min-height:52px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cat-select-btn--active{background:#e9b21326;border-color:var(--gold-primary);color:var(--gold-primary);font-weight:700}.cat-select-btn__emoji{font-size:1.25rem;margin-bottom:.2rem}.cat-select-btn__label{font-size:.7rem}.mode-toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mode-btn{background:var(--bg-card-subtle, #141B2D);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem .5rem;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.25rem;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mode-btn:hover{border-color:#e9b21366}.mode-btn--active{background:#e9b21324;border-color:var(--gold-primary);box-shadow:0 0 14px #e9b21333}.mode-btn__icon{display:block;font-size:1.3rem;line-height:1}.mode-btn__title{display:block;font-size:.88rem;font-weight:700;color:var(--text-primary)}.mode-btn--active .mode-btn__title{color:#fff}.mode-btn__sub{display:block;font-size:.68rem;color:var(--text-muted);line-height:1.25}.mode-btn--active .mode-btn__sub{color:var(--gold-light);opacity:.95}.duration-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.duration-pill{display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem .25rem;min-height:44px;color:var(--text-secondary);font-size:.8rem;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.duration-pill--active{background:var(--gold-primary);color:#0a0c14;border-color:var(--gold-primary)}.stake-input-wrap{position:relative;display:flex;align-items:center}.form-input--stake{font-size:1.3rem;font-weight:800;color:var(--gold-primary);padding-right:4rem}.stake-currency{position:absolute;right:1rem;font-size:.9rem;font-weight:800;color:var(--text-muted)}.stake-quick-chips{display:flex;gap:.45rem;margin-top:.5rem;flex-wrap:wrap}.stake-chip{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.45rem .75rem;min-height:44px;min-width:48px;font-size:.82rem;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.stake-chip:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.checkin-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.checkin-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .5rem;min-height:54px;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.checkin-type-btn--active{background:#e9b21326;border-color:var(--gold-primary);color:var(--gold-primary);font-weight:700}.checkin-type-btn__icon{font-size:1.2rem;margin-bottom:.3rem}.payout-preview-card{background:#121624cc;border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.payout-preview-card__header{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--gold-primary);margin-bottom:.75rem}.preview-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.35rem}.preview-divider{height:1px;background:var(--border-subtle);margin:.5rem 0}.preview-row--total{font-size:.95rem;font-weight:800}.preview-note{font-size:.75rem;color:var(--text-muted);line-height:1.4}.challenges-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.challenge-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.15rem;cursor:pointer;transition:all .2s ease;min-width:0;overflow-wrap:break-word}.challenge-card:hover{background:var(--bg-card-hover);border-color:#e9b21366;transform:translateY(-2px)}.challenge-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.challenge-card__duration{font-size:.75rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.challenge-card__title{font-size:1.1rem;font-weight:800;line-height:1.35;margin-bottom:.35rem;color:var(--text-primary)}.challenge-card__desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.challenge-card__stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:#0a0c148c;border-radius:var(--radius-sm);padding:.55rem .5rem;margin-bottom:.85rem}.c-stat{display:flex;align-items:center;gap:.4rem;min-width:0}.c-stat__icon{font-size:1rem;line-height:1}.c-stat__meta{min-width:0}.c-stat__val{display:block;font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-stat__lbl{display:block;font-size:.65rem;color:var(--text-muted)}.challenge-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.challenge-card__type{font-size:.78rem;color:var(--text-muted);font-weight:600}.challenge-card__action-btn{min-height:44px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-md);touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:.35rem}.challenge-card__action-btn .btn__arrow{font-size:.95rem;transition:transform .15s ease}.challenge-card__action-btn:hover .btn__arrow{transform:translate(2px)}.page-header--with-back{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.back-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.45rem .85rem;background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.back-btn:hover{background:#ffffff1f;border-color:var(--border-gold)}.challenge-detail-tags{display:flex;align-items:center;gap:.5rem}.challenge-mode-badge{font-size:.75rem;font-weight:700;color:var(--text-secondary);background:#ffffff12;border:1px solid rgba(255,255,255,.12);padding:.2rem .55rem;border-radius:var(--radius-full)}.detail-hero{background:linear-gradient(180deg,#101423f2,#0a0c16fa);border:1px solid rgba(233,178,19,.25);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 20px #00000059}.detail-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap;margin-bottom:.4rem}.detail-title{font-size:1.35rem;font-weight:800;line-height:1.25;color:var(--text-primary);margin:0;flex:1;min-width:180px}.detail-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin:.5rem 0 1rem}.status-pill{font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.35rem}.status-pill--secured{background:#2ecc7126;border:1px solid rgba(46,204,113,.4);color:#2ecc71}.status-pill--pending{background:#f39c1226;border:1px solid rgba(243,156,18,.4);color:#f39c12}.status-pill--won{background:#e9b21326;border:1px solid var(--gold-primary);color:var(--gold-light)}.status-pill--forfeited{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#e74c3c}.invite-code-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;background:#e9b2131a;border:1px solid rgba(233,178,19,.25);color:var(--gold-primary);border-radius:var(--radius-sm);padding:.5rem .85rem;min-height:44px;font-size:.82rem;cursor:pointer;margin-bottom:1rem;width:100%;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.invite-code-pill:hover{background:#e9b21329;border-color:var(--gold-primary)}.invite-copy-label{font-size:.72rem;background:var(--gold-primary);color:#0a0c14;font-weight:700;padding:.2rem .5rem;border-radius:4px}.detail-stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}@media(min-width:540px){.detail-stat-row{grid-template-columns:repeat(4,1fr)}}.d-box{background:#0a0c1499;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:.75rem .4rem;text-align:center}.d-box__val{display:block;font-size:1.05rem;font-weight:800;color:var(--gold-primary)}.d-box__lbl{display:block;font-size:.68rem;color:var(--text-muted);margin-top:.2rem;text-transform:uppercase;letter-spacing:.5px}.streak-progress-wrap{margin-top:.6rem}.streak-progress-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);font-weight:600;margin-bottom:.35rem}.streak-progress-bar{height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.streak-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-primary) 0%,var(--gold-light) 100%);border-radius:var(--radius-full);box-shadow:0 0 10px #e9b21340;transition:width .4s ease}.claim-reward-card{background:linear-gradient(135deg,#e9b21326,#14141ef2);border:2px solid var(--gold-primary);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;text-align:center;box-shadow:0 8px 32px #e9b21333}.claim-reward-card__icon{font-size:2.2rem;margin-bottom:.4rem}.claim-reward-card__title{color:var(--gold-light);font-size:1.15rem;font-weight:800;margin:0 0 .5rem}.claim-reward-card__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin:0 0 1rem}.claim-reward-claimed-banner{background:#0a2814d9;border:1px solid #2ECC71;border-radius:var(--radius-md);padding:.85rem;color:#2ecc71;font-size:.88rem}.claim-reward-tx-link{margin-top:.4rem;font-size:.75rem}.claim-reward-tx-link a{color:#2ecc71;text-decoration:underline}.claim-reward-msg{margin-top:.75rem;font-size:.85rem;color:var(--gold-primary)}.checkin-action-card{background:var(--bg-card);border:1px solid rgba(233,178,19,.25);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 16px #0000004d}.checkin-action-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.85rem}.checkin-action-card__title{font-size:1.05rem;font-weight:800;margin:0 0 .2rem;color:var(--text-primary)}.checkin-action-card__subtitle{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.35}.checkin-type-tag{font-size:.72rem;color:var(--text-muted);background:#ffffff0d;padding:.15rem .45rem;border-radius:4px;white-space:nowrap}.checkin-proof-input-group{margin-bottom:.85rem}.checkin-proof-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.detail-feedback-banner{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.detail-feedback-banner--success{background:#2ecc711f;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.detail-feedback-banner--error{background:#e74c3c1f;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.detail-feedback-retry-btn{min-height:36px;padding:.2rem .75rem;background:#e74c3c33;border:1px solid #e74c3c;color:#fff;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;touch-action:manipulation}.join-cta-card{margin-bottom:1.5rem}.join-cta-card__content h3{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0 0 .4rem}.join-cta-card__content p{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin:0}.mechanics-info-card{background:#0e121e99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.15rem;margin-bottom:1.25rem}.mechanics-info-card__title{font-size:.95rem;font-weight:800;color:var(--text-primary);margin:0 0 .75rem}.mechanics-info-grid{display:flex;flex-direction:column;gap:.75rem}.mechanics-info-item{display:flex;align-items:flex-start;gap:.65rem;font-size:.82rem;color:var(--text-secondary);line-height:1.4}.mechanics-info-item strong{display:block;color:var(--text-primary);font-size:.85rem;margin-bottom:.15rem}.mechanics-info-item p{margin:0}.mechanics-info-item__icon{font-size:1.25rem;line-height:1}.calendar-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem}.calendar-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.calendar-section__header h2{font-size:1.05rem;font-weight:800;margin:0}.calendar-section__subtitle{font-size:.75rem;color:var(--text-muted);margin:.15rem 0 0}.calendar-legend{display:flex;gap:.6rem;font-size:.7rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-box{width:10px;height:10px;border-radius:2px}.legend-box--done{background:var(--accent-green)}.legend-box--today{border:1px dashed var(--gold-primary);background:#e9b21333}.legend-box--missed{background:var(--accent-red)}.legend-box--future{background:#ffffff1a}.calendar-heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;width:100%;box-sizing:border-box}.cal-day-cell{aspect-ratio:1;min-height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff0d;font-size:.75rem;font-weight:700;color:var(--text-muted);transition:all .2s ease;box-sizing:border-box}.cal-day-cell--done{background:var(--accent-green-bg);border:1px solid var(--accent-green);color:var(--accent-green)}.cal-day-cell--missed{background:var(--accent-red-bg);border:1px solid var(--accent-red);color:var(--accent-red)}.cal-day-cell--today{border:1.5px dashed var(--gold-primary);color:var(--gold-primary);background:#e9b2131f;animation:pulse-today 1.5s infinite alternate}.cal-day-cell__check{font-size:.65rem;margin-top:-2px}.cal-day-cell__missed-mark{font-size:.65rem;color:var(--accent-red);margin-top:-2px}.leaderboard-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem}.leaderboard-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.leaderboard-section__header h2{font-size:1.05rem;font-weight:800;margin:0}.leaderboard-section__subtitle{font-size:.75rem;color:var(--text-muted);margin:.15rem 0 0}.pool-tally{font-size:.75rem;color:var(--text-secondary)}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:flex;align-items:center;gap:.75rem;background:#0a0c1480;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:.65rem .75rem;min-height:48px}.leaderboard-row--me{border:1px solid var(--gold-primary);background:#e9b21314}.leaderboard-row__rank{font-weight:800;font-size:.9rem;width:24px;text-align:center}.leaderboard-row__info{flex:1;min-width:0}.leaderboard-row__name{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-pill{font-size:.65rem;background:var(--gold-primary);color:#0a0c14;padding:.05rem .35rem;border-radius:4px;font-weight:800}.leaderboard-row__status{font-size:.75rem;color:var(--text-secondary);display:block}.checkin-count{font-size:.75rem;color:var(--text-muted);font-weight:600}.streak-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem}.streak-stats-row .stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .35rem;text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column}.streak-stats-row .stat-card--highlight{border-color:var(--border-gold);background:#e9b21314}.streak-stats-row .stat-card__icon{font-size:1.25rem;margin-bottom:.25rem}.streak-stats-row .stat-card__val{font-size:1.15rem;font-weight:800;color:var(--gold-primary)}.streak-stats-row .stat-card__lbl{font-size:.68rem;color:var(--text-muted);margin-top:.2rem;text-transform:uppercase;letter-spacing:.4px}.badges-rack-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem}.badges-rack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.badges-rack-header h2{font-size:1.05rem;font-weight:800;margin:0}.badges-rack-subtitle{font-size:.75rem;color:var(--text-muted);margin:.15rem 0 0}.badge-count-tag{font-size:.75rem;background:#e9b21326;color:var(--gold-primary);padding:.2rem .6rem;border-radius:var(--radius-full);font-weight:700}.badges-rack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.badge-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#0a0c1480;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .35rem;box-sizing:border-box}.badge-item--unlocked{border-color:var(--border-gold);background:#e9b21314}.badge-item--locked{opacity:.38;filter:grayscale(1)}.badge-item__emoji{font-size:1.65rem;margin-bottom:.25rem}.badge-item__title{font-size:.72rem;font-weight:700;margin-bottom:.1rem;line-height:1.2}.badge-item__status{font-size:.65rem;color:var(--text-muted)}.challenge-tabs-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:1rem}.tab-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);padding:.55rem .35rem;min-height:44px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-sizing:border-box;text-align:center}.tab-btn--active{background:#e9b21326;border-color:var(--gold-primary);color:var(--gold-primary)}.my-challenges-list{display:flex;flex-direction:column;gap:.75rem}.my-challenge-item-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.my-challenge-item-card:hover{background:var(--bg-card-hover);border-color:var(--border-gold)}.my-challenge-item-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem;flex-wrap:wrap;gap:.35rem}.my-challenge-card-badge-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mini-status-pill{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full)}.mini-status-pill--checked{background:#2ecc7126;border:1px solid rgba(46,204,113,.35);color:#2ecc71}.mini-status-pill--pending{background:#f39c1226;border:1px solid rgba(243,156,18,.35);color:#f39c12}.item-streak-badge{font-size:.75rem;font-weight:700;color:var(--gold-primary)}.my-challenge-item-card__title{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.my-challenge-item-card__progress{margin-bottom:.6rem}.my-challenge-item-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.footer-stake{font-weight:600}.footer-link{color:var(--gold-primary);font-weight:700}.empty-state-actions{display:flex;gap:.6rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.profile-header-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.25rem}.profile-avatar-wrap{margin-bottom:.85rem}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.35rem}.profile-display-name{font-size:1.4rem;font-weight:800;margin:0}.edit-name-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;cursor:pointer;font-size:1.1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.profile-name-edit-form{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:280px;margin:0 auto .5rem}.profile-name-edit-actions{display:flex;gap:.4rem;justify-content:center}.profile-address-pill{display:inline-flex;align-items:center;gap:.45rem;background:#0a0c14b3;border:1px solid rgba(233,178,19,.25);padding:.45rem .85rem;min-height:44px;border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary);cursor:pointer;margin-bottom:1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.profile-address-pill:hover{background:#e9b2131a;border-color:var(--gold-primary)}.profile-address-tag{color:var(--gold-primary);font-weight:700;font-size:.7rem}.profile-address-val{font-family:monospace;color:var(--text-primary)}.profile-actions-row{margin-top:.25rem}.profile-actions-row button{min-height:44px;padding:.5rem 1rem}.section-header-compact{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;flex-wrap:wrap;gap:.25rem}.section-subtitle{font-size:.75rem;color:var(--text-muted)}.matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem}@media(min-width:540px){.matrix-grid{grid-template-columns:repeat(3,1fr)}}.matrix-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .4rem;text-align:center}.matrix-card__icon{font-size:1.25rem;display:block;margin-bottom:.2rem}.matrix-card__val{font-size:1.05rem;font-weight:800;display:block;color:var(--gold-primary)}.matrix-card__lbl{font-size:.68rem;color:var(--text-muted);display:block}.profile-badges-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.profile-badge-card{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:.75rem 1rem;min-height:48px}.profile-badge-card__emoji{font-size:1.5rem}.profile-badge-card__info{flex:1;min-width:0}.profile-badge-card__title{font-size:.85rem;font-weight:700;display:block;color:var(--text-primary)}.profile-badge-card__desc{font-size:.72rem;color:var(--text-secondary);display:block;margin-top:.1rem}.profile-badge-card__date{font-size:.68rem;color:var(--text-muted);display:block;margin-top:.15rem}.empty-sub-card{background:#0a0c1466;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);padding:1.25rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.empty-sub-card__icon{font-size:1.8rem;display:block;margin-bottom:.35rem}.recent-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#0a0c1480;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:.75rem .85rem;min-height:48px;cursor:pointer;transition:all .15s ease}.recent-row:hover{background:#e9b2130f;border-color:#e9b21340}.recent-row__info{flex:1;min-width:0}.recent-row__info h4{font-size:.88rem;font-weight:700;margin:0 0 .2rem;color:var(--text-primary)}.recent-row__sub{font-size:.75rem;color:var(--text-muted)}.recent-row__status{font-size:.75rem;font-weight:700;white-space:nowrap}.recent-row__status--forfeit{color:#e74c3c}.recent-row__status--won{color:#2ecc71}.recent-row__status--active{color:var(--gold-primary)}.empty-state{text-align:center;padding:2.25rem 1.25rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.12);margin:.5rem 0 1.5rem}.empty-state__icon{font-size:2.5rem;display:block;margin-bottom:.6rem;line-height:1}.empty-state h3{font-size:1.1rem;font-weight:700;margin-bottom:.35rem;color:var(--text-primary)}.empty-state p{font-size:.85rem;color:var(--text-secondary);max-width:320px;margin:0 auto;line-height:1.45}.loading-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid rgba(233,178,19,.2);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto .75rem}@keyframes spin{to{transform:rotate(360deg)}}.toast-notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:9999;background:var(--bg-secondary);border:1px solid var(--gold-primary);box-shadow:0 8px 30px #0009,0 0 20px var(--gold-glow);color:var(--text-primary);padding:.65rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;animation:toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.forfeit-banner{display:flex;align-items:center;gap:.75rem;background:var(--accent-red-bg);border:1px solid var(--accent-red);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.25rem}.forfeit-banner__icon{font-size:1.5rem}.forfeit-banner__text h3{font-size:.95rem;font-weight:800;color:var(--accent-red)}.forfeit-banner__text p{font-size:.8rem;color:var(--text-secondary)}.form-banner--error{background:var(--accent-red-bg);border:1px solid var(--accent-red);color:#fca5a5;padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:1rem}.auth-gate-card{text-align:center;padding:3rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.auth-gate-card__icon{font-size:3rem;display:block;margin-bottom:.75rem}.auth-gate-card h2{font-size:1.3rem;font-weight:800;margin-bottom:.4rem}.auth-gate-card p{font-size:.88rem;color:var(--text-secondary);max-width:360px;margin:0 auto 1.5rem}.info-icon-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--gold-primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease}.info-icon-btn:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;z-index:10000;background:#05070cd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:modal-fade-in .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:100%;max-width:440px;background:linear-gradient(145deg,#182035,#0d1220);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;box-shadow:0 20px 60px #000c,0 0 35px #e9b21333;animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modal-close-btn:hover{background:#ffffff26;color:var(--text-primary)}.modal-badge{display:inline-flex;align-items:center;gap:.4rem;background:#e9b2131f;border:1px solid rgba(233,178,19,.3);color:var(--gold-primary);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;margin-bottom:.75rem}.modal-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.4rem}.modal-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin-bottom:1.25rem}.program-features-list{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem}.program-feature-item{display:flex;align-items:flex-start;gap:.75rem;background:#0a0c1480;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem}.p-feat-icon{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.p-feat-text h4{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.p-feat-text p{font-size:.78rem;color:var(--text-secondary);line-height:1.35}.notice-icon-wrap{width:60px;height:60px;border-radius:50%;background:#e9b2131f;border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.welcome-screen-wrapper{height:100vh;height:100dvh;width:100vw;max-height:100vh;max-height:100dvh;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:#060913;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.welcome-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 50%,black 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 25%,transparent 75%);pointer-events:none;z-index:1}.welcome-ambient-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:1;opacity:.35}.welcome-ambient-glow--gold{width:500px;height:500px;background:radial-gradient(circle,rgba(255,196,37,.12) 0%,transparent 70%);top:-12%;left:-10%}.welcome-ambient-glow--blue{width:520px;height:520px;background:radial-gradient(circle,rgba(56,189,248,.1) 0%,transparent 70%);bottom:-15%;right:-10%}.welcome-sparks-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.welcome-nav-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem .25rem;width:100%;max-width:1440px;margin:0 auto;box-sizing:border-box;flex-shrink:0}.welcome-brand-logo{display:flex;align-items:center;gap:.55rem;-webkit-user-select:none;user-select:none}.welcome-brand-logo-img{width:32px;height:32px;object-fit:contain;flex-shrink:0;display:block}.welcome-brand-flame{font-size:1.5rem;line-height:1;filter:drop-shadow(0 0 10px rgba(255,120,30,.65))}.welcome-brand-text{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:-.025em;color:#fff}.welcome-tagline-wrap{display:flex;flex-direction:column;align-items:flex-end}.welcome-tagline-text{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:500;color:#94a3b8;letter-spacing:.02em}.welcome-tagline-bar{width:36px;height:2px;background:linear-gradient(90deg,#ffc425,#f59e0b);margin-top:3px;border-radius:2px}.welcome-stage{position:relative;z-index:10;width:100%;max-width:1440px;margin:0 auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.5rem 1.5rem}.welcome-cards-stream{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden;width:100%;height:100%;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 7%,rgba(0,0,0,1) 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 7%,rgba(0,0,0,1) 93%,transparent 100%)}.welcome-cards-stream--desktop{display:block}.welcome-cards-stream--mobile{display:none}.streaming-habit-card{position:absolute;top:0;display:flex;align-items:center;gap:.75rem;background:#0e1424e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border, rgba(255, 255, 255, .12));border-radius:14px;padding:.62rem .92rem;box-shadow:0 10px 28px #0000008c,0 0 16px var(--card-glow, transparent);will-change:transform;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default;white-space:nowrap;animation-name:stream-upward;animation-duration:var(--stream-duration, 36s);animation-delay:var(--stream-delay, 0s);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.floating-card--distant{opacity:.52;filter:blur(.4px)}.habit-card-badge{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--card-badge-bg, rgba(255, 255, 255, .08));flex-shrink:0}.habit-card-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.habit-card-title{font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;color:#fff;line-height:1.25;white-space:nowrap;letter-spacing:-.01em}.habit-card-meta{font-family:Outfit,sans-serif;font-size:.74rem;font-weight:600;color:#94a3b8;line-height:1.2;display:flex;align-items:center;gap:.35rem}.habit-card-meta .meta-streak{color:inherit}.habit-card-meta .meta-sep{color:#ffffff4d}.habit-card-meta .meta-stake{color:#ffc425;font-weight:700}.lane-desktop-1{left:clamp(16px,3.5vw,65px)}.lane-desktop-2{left:clamp(160px,18.5vw,300px)}.lane-desktop-3{right:clamp(160px,18.5vw,300px)}.lane-desktop-4{right:clamp(16px,3.5vw,65px)}.lane-desktop-distant-left{left:clamp(90px,11vw,180px)}.lane-desktop-distant-right{right:clamp(90px,11vw,180px)}@keyframes stream-upward{0%{transform:translate3d(var(--card-x, 0),calc(100vh + 30px),0) scale(var(--card-scale, 1)) rotate(var(--card-tilt, 0deg))}to{transform:translate3d(var(--card-x, 0),-115px,0) scale(var(--card-scale, 1)) rotate(var(--card-tilt, 0deg))}}@media(prefers-reduced-motion:reduce){.streaming-habit-card{animation:none!important;transform:translate3d(var(--card-x, 0),0,0) scale(var(--card-scale, 1)) rotate(var(--card-tilt, 0deg))!important}.lane-desktop-1{top:14%}.lane-desktop-2{top:8%}.lane-desktop-3{top:10%}.lane-desktop-4{top:18%}.lane-desktop-distant-left{top:42%}.lane-desktop-distant-right{top:44%}.lane-desktop-1:nth-of-type(5){top:68%}.lane-desktop-2:nth-of-type(7){top:76%}.lane-desktop-3:nth-of-type(8){top:74%}.lane-desktop-4:nth-of-type(6){top:66%}.lane-mobile-1{top:8%}.lane-mobile-1:nth-of-type(2){top:82%}.lane-mobile-2{top:12%}.lane-mobile-2:nth-of-type(4){top:84%}.lane-mobile-center{top:48%}}.welcome-card-anchor{position:relative;z-index:20;width:100%;max-width:420px;margin:0 auto;display:flex;justify-content:center}.welcome-card{width:100%;max-width:420px;background:linear-gradient(168deg,#161d34eb,#0a0e1bfa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,196,37,.28);border-radius:24px;padding:1.75rem 1.65rem 1.35rem;box-shadow:0 24px 60px #000000bf,0 0 35px #ffc4251a;text-align:center;position:relative;box-sizing:border-box;animation:welcome-pop .35s cubic-bezier(.16,1,.3,1)}.welcome-logo-badge-wrap{display:flex;justify-content:center;margin-bottom:.85rem}.welcome-logo-badge{width:58px;height:58px;border-radius:18px;background:#0e1424d9;border:1px solid rgba(255,196,37,.32);box-shadow:0 8px 24px #0006,0 0 20px #ffc4252e,inset 0 1px 1px #ffffff1a;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}.welcome-card-brand-logo{width:44px;height:44px;object-fit:contain;display:block}.welcome-phone-badge-wrap{display:flex;justify-content:center;margin-bottom:.95rem}.welcome-phone-badge{width:50px;height:50px;border-radius:15px;background:#ffc42514;border:1px solid rgba(255,196,37,.38);box-shadow:0 0 20px #ffc42540,inset 0 0 10px #ffc4251f;display:flex;align-items:center;justify-content:center}.welcome-modal-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:900;letter-spacing:-.025em;color:#fff;margin:0 0 .4rem;line-height:1.15}.welcome-modal-subtitle{font-family:Outfit,sans-serif;font-size:.96rem;font-weight:700;color:#f8fafc;margin:0 0 .45rem;line-height:1.35}.welcome-lead-desc{font-family:Outfit,sans-serif;font-size:.82rem;color:#94a3b8;margin:0 0 1.25rem;line-height:1.45;max-width:340px;margin-left:auto;margin-right:auto}.welcome-status-pill{margin:.35rem 0 .75rem;font-size:.78rem;color:#ffc425;text-align:center}.welcome-btn-primary-pay{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 1.25rem;background:linear-gradient(90deg,#ffc425,#e9b213 55%,#f59e0b);color:#070a12;border:none;border-radius:13px;font-family:Outfit,sans-serif;font-size:.98rem;font-weight:800;cursor:pointer;box-shadow:0 4px 20px #ffc42559,inset 0 1px #ffffff59;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.welcome-btn-primary-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 26px #ffc42580,inset 0 1px #ffffff73}.welcome-btn-primary-pay:active:not(:disabled){transform:translateY(0)}.welcome-btn-primary-pay:disabled{opacity:.7;cursor:not-allowed}.btn-pay-icon{display:flex;align-items:center;font-size:1.15rem}.btn-pay-text{flex:1;text-align:center}.btn-pay-arrow{font-size:1.25rem;font-weight:800;line-height:1}.welcome-or-divider{display:flex;align-items:center;justify-content:center;gap:.85rem;margin:1rem 0}.welcome-or-divider .divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.welcome-or-divider .divider-text{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;color:#64748b;letter-spacing:.12em}.welcome-btn-secondary-wallet{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;height:44px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#e2e8f0;font-family:Outfit,sans-serif;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.welcome-btn-secondary-wallet:hover:not(:disabled){background:#ffffff14;border-color:#ffc42566;color:#fff}.btn-wallet-icon{display:flex;align-items:center}.welcome-learn-more-wrap{margin-top:.85rem}.welcome-learn-more-btn{background:none;border:none;color:var(--gold-primary);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;padding:.3rem .55rem;border-radius:6px;display:inline-flex;align-items:center;gap:.35rem;transition:color .2s ease}.welcome-learn-more-btn:hover{color:#ffe066}.welcome-flame-circle{width:58px;height:58px;border-radius:50%;background:#0e1424d9;border:2px solid var(--gold-primary);box-shadow:0 0 20px #e9b21340;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.welcome-about-logo-img{width:38px;height:38px;object-fit:contain;display:block}.welcome-flame-emoji{font-size:1.8rem;animation:pulse-flame 2s infinite ease-in-out}.welcome-title{font-size:1.5rem;font-weight:900;letter-spacing:-.025em;line-height:1.2;margin-bottom:.35rem}.welcome-subtitle{font-size:.84rem;color:var(--text-secondary);line-height:1.45;margin-bottom:1rem;max-width:380px;margin-left:auto;margin-right:auto}.welcome-footer-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.5rem 2.5rem .85rem;width:100%;max-width:1440px;margin:0 auto;box-sizing:border-box;flex-shrink:0}.welcome-footer-powered{display:flex;align-items:center;gap:.45rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;color:#94a3b8}.welcome-trust-badges{display:flex;align-items:center;gap:2rem}.welcome-trust-item{display:flex;align-items:center;gap:.45rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;color:#cbd5e1}.welcome-footer-motto{display:flex;flex-direction:column;align-items:flex-end;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;color:#cbd5e1;letter-spacing:.02em}.motto-accent-bar{width:28px;height:2px;background:var(--gold-primary);margin-top:3px;border-radius:2px}@media(max-width:1200px){.lane-desktop-1{left:2%}.lane-desktop-2{left:17%}.lane-desktop-3{right:17%}.lane-desktop-4{right:2%}.lane-desktop-distant-left{left:9%}.lane-desktop-distant-right{right:9%}}@media(max-width:900px){.welcome-cards-stream--desktop{display:none}.welcome-cards-stream--mobile{display:block}.streaming-habit-card{padding:.38rem .6rem;gap:.5rem;border-radius:12px}.streaming-habit-card .habit-card-badge{width:28px;height:28px;border-radius:8px}.streaming-habit-card .habit-card-badge svg{width:14px;height:14px}.streaming-habit-card .habit-card-title{font-size:.78rem}.streaming-habit-card .habit-card-meta{font-size:.68rem}.lane-mobile-1{left:clamp(10px,3.5vw,24px);max-width:180px}.lane-mobile-2{right:clamp(10px,3.5vw,24px);max-width:180px}.lane-mobile-center{left:50%;--card-x: -50%;max-width:180px}.welcome-stage{flex-direction:column;justify-content:center;gap:.65rem;padding:.35rem 1rem}.welcome-card{padding:1.45rem 1.25rem 1.25rem;border-radius:20px}.welcome-modal-title{font-size:1.75rem}.welcome-modal-subtitle{font-size:.9rem}.welcome-lead-desc{font-size:.78rem;margin-bottom:1rem}.welcome-btn-primary-pay{height:48px;font-size:.94rem}.welcome-btn-secondary-wallet{height:42px;font-size:.82rem}.welcome-nav-header{padding:.75rem 1.25rem .2rem}.welcome-footer-bar{flex-direction:column;gap:.65rem;padding:.4rem 1.25rem .85rem;text-align:center}.welcome-footer-motto{display:none}.welcome-trust-badges{gap:1.15rem;justify-content:center;flex-wrap:wrap}.welcome-trust-item{font-size:.74rem}}@media(max-width:600px){.welcome-tagline-wrap{display:none!important}.welcome-screen-wrapper:has(.program-details-view) .welcome-nav-header{display:none!important}}@media(max-width:480px){.welcome-nav-header{padding:.65rem 1rem .15rem}.welcome-brand-text{font-size:1.25rem}.welcome-stage{padding:.25rem .65rem;gap:.5rem}.streaming-habit-card{padding:.35rem .52rem;gap:.44rem}.streaming-habit-card .habit-card-badge{width:25px;height:25px}.streaming-habit-card .habit-card-badge svg{width:13px;height:13px}.streaming-habit-card .habit-card-title{font-size:.74rem}.streaming-habit-card .habit-card-meta{font-size:.64rem}.lane-mobile-1{left:clamp(6px,2.5vw,14px);max-width:165px}.lane-mobile-2{right:clamp(6px,2.5vw,14px);max-width:165px}.lane-mobile-center{max-width:165px}.welcome-card{padding:1.3rem 1rem 1.15rem;border-radius:18px}.welcome-logo-badge{width:52px;height:52px;margin-bottom:.7rem}.welcome-card-brand-logo{width:38px;height:38px}.welcome-phone-badge{width:46px;height:46px;margin-bottom:.75rem}.welcome-modal-title{font-size:1.65rem}.welcome-modal-subtitle{font-size:.86rem}.welcome-lead-desc{font-size:.76rem;line-height:1.4;margin-bottom:1rem}.welcome-btn-primary-pay{height:46px;font-size:.92rem;padding:0 1rem}.welcome-btn-secondary-wallet{height:40px;font-size:.8rem}.welcome-trust-badges{gap:.75rem}.welcome-trust-item{font-size:.7rem}}@media(max-width:360px){.welcome-nav-header{padding:.5rem .65rem .15rem}.welcome-tagline-wrap{display:none}.welcome-brand-logo-img{width:26px;height:26px}.welcome-brand-flame{font-size:1.25rem}.welcome-brand-text{font-size:1.15rem}.welcome-stage{padding:.2rem .45rem;gap:.4rem}.streaming-habit-card{padding:.28rem .42rem;gap:.36rem;border-radius:9px}.streaming-habit-card .habit-card-badge{width:22px;height:22px;border-radius:6px}.streaming-habit-card .habit-card-badge svg{width:12px;height:12px}.streaming-habit-card .habit-card-title{font-size:.68rem}.streaming-habit-card .habit-card-meta{font-size:.58rem}.lane-mobile-1{left:4px;max-width:140px}.lane-mobile-2{right:4px;max-width:140px}.lane-mobile-center{max-width:140px}.welcome-card{padding:1.1rem .8rem .9rem;border-radius:16px}.welcome-logo-badge{width:44px;height:44px;margin-bottom:.55rem}.welcome-card-brand-logo{width:32px;height:32px}.welcome-phone-badge{width:40px;height:40px;margin-bottom:.55rem}.welcome-modal-title{font-size:1.45rem}.welcome-modal-subtitle{font-size:.8rem}.welcome-lead-desc{font-size:.7rem;line-height:1.32;margin-bottom:.85rem}.welcome-btn-primary-pay{height:44px;font-size:.86rem;padding:0 .8rem}.btn-pay-arrow{font-size:1.1rem}.welcome-btn-secondary-wallet{height:38px;font-size:.76rem}.welcome-or-divider{margin:.75rem 0}.welcome-trust-badges{gap:.45rem}.welcome-trust-item{font-size:.65rem}.welcome-trust-item svg{width:12px;height:12px}.welcome-footer-powered{font-size:.68rem}.welcome-footer-bar{padding:.3rem .65rem .65rem}}.create-screen{padding-bottom:2rem}.create-form{display:flex;flex-direction:column;gap:1.25rem}.create-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.15rem 1rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s ease,box-shadow .2s ease}.create-section:focus-within{border-color:#e9b21366;box-shadow:0 4px 20px #00000040}.create-section-header,.create-section__header{display:flex;align-items:center;gap:.65rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-subtle)}.create-section-badge,.create-section__step{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9b21333,#e5850026);border:1px solid rgba(233,178,19,.35);color:var(--gold-light);font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:.2rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase}.create-section-title,.create-section__title{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.create-section-sub,.create-section__desc{font-size:.76rem;color:var(--text-muted);margin-top:.1rem;line-height:1.4}.category-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:440px){.category-select-grid{grid-template-columns:repeat(3,1fr)}}.category-select-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.65rem .5rem;min-height:44px;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.category-select-btn--active{background:#e9b21326;border-color:var(--gold-primary);color:var(--gold-primary);font-weight:700}.duration-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(min-width:480px){.duration-selector{grid-template-columns:repeat(5,1fr)}}.stake-preview-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#e9b2131a,#1a223a99);border:1px solid rgba(233,178,19,.28);border-radius:var(--radius-md);padding:.75rem 1rem;margin-top:.5rem;gap:.75rem}.stake-preview-banner__main{display:flex;align-items:center;gap:.65rem;min-width:0}.stake-preview-banner__icon{font-size:1.4rem;flex-shrink:0;line-height:1}.stake-preview-banner__details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.stake-preview-banner__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.stake-preview-banner__val{font-size:1.05rem;font-weight:800;color:var(--gold-light);white-space:nowrap}.stake-preview-banner__guarantee{display:flex;align-items:center;gap:.35rem;background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:.35rem .65rem;border-radius:var(--radius-full, 999px);flex-shrink:0}.stake-preview-banner__shield{font-size:.85rem;line-height:1}.stake-preview-banner__guarantee-text{font-size:.74rem;font-weight:700;color:#34d399;white-space:nowrap}.create-types-grid{display:grid;grid-template-columns:1fr;gap:.65rem}@media(min-width:460px){.create-types-grid{grid-template-columns:repeat(3,1fr)}}.create-type-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem;min-height:48px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.create-type-card:hover{border-color:#e9b21366}.create-type-card--active{background:#e9b2131f;border-color:var(--gold-primary);box-shadow:0 0 12px #e9b21326}.create-type-icon{font-size:1.25rem;margin-bottom:.35rem}.create-type-name{font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.create-type-card--active .create-type-name{color:var(--gold-light)}.create-type-desc{font-size:.72rem;color:var(--text-muted);line-height:1.35}.create-summary-card{background:linear-gradient(145deg,#182238,#0f1626);border:1px solid rgba(233,178,19,.35);border-radius:var(--radius-lg);padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 20px #00000059}.create-summary-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.create-summary-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.create-summary-type-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:800;color:var(--gold-light);background:#e9b21326;border:1px solid rgba(233,178,19,.35);padding:.25rem .65rem;border-radius:var(--radius-full, 999px)}.create-summary-pills-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.create-summary-pill{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.35rem .7rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;color:#fff}.create-summary-pill--stake{background:#e9b2131f;border-color:#e9b2134d;color:var(--gold-light)}.create-summary-pill__icon{font-size:.9rem;line-height:1}.create-summary-body{display:flex;flex-direction:column;gap:.35rem}.create-summary-desc{font-size:.88rem;font-weight:700;color:#fff;line-height:1.45;margin:0}.create-summary-sub{font-size:.78rem;color:var(--text-secondary);line-height:1.45;margin:0}.btn--create-cta,.create-submit-btn{font-size:1rem;font-weight:800;letter-spacing:.02em;min-height:52px}.share-challenge-card{background:linear-gradient(135deg,#e9b21314,#0d1322f2);border:1px solid rgba(233,178,19,.3);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.65rem}.share-challenge-info{display:flex;flex-direction:column;gap:.15rem}.share-challenge-title{font-size:.9rem;font-weight:800;color:var(--gold-light);letter-spacing:-.01em}.share-challenge-sub{font-size:.76rem;color:var(--text-secondary)}.share-actions-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.share-btn{min-height:44px;padding:.5rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-color:#e9b21359;background:#e9b2131f;color:var(--gold-light);white-space:nowrap}.share-btn:hover{background:#e9b21338;border-color:var(--gold-primary)}.share-invite-code-row{display:flex;align-items:center;gap:.45rem;background:#00000040;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.35rem .65rem;min-height:44px}.share-code-text{font-size:.78rem;color:var(--text-secondary)}.share-code-text strong{color:var(--gold-light);font-family:var(--font-mono, monospace);letter-spacing:.05em;font-size:.82rem}.share-copy-code-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.72rem;font-weight:700;padding:.25rem .55rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s ease;min-height:32px}.share-copy-code-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.share-feedback-pill{font-size:.74rem;font-weight:700;color:var(--accent-green);background:#2ecc711f;border:1px solid rgba(46,204,113,.25);padding:.3rem .6rem;border-radius:var(--radius-sm);width:fit-content;animation:fadeIn .2s ease-out}.invite-notice-pill{background:linear-gradient(135deg,#e9b21326,#e585001a);border:1px solid rgba(233,178,19,.4);border-radius:var(--radius-md);padding:.65rem .85rem;margin-bottom:.85rem;font-size:.8rem;font-weight:700;color:var(--gold-light);text-align:center;line-height:1.35}.worked-example-card{background:#0e1426bf;border:1px solid rgba(255,196,37,.22);border-radius:16px;padding:1rem;margin:1rem 0;box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff0d;box-sizing:border-box;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.worked-example-card:hover{border-color:#ffc42559}.worked-example-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.worked-example-header--clickable{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.25rem .35rem;margin:-.25rem -.35rem;transition:background .15s ease}.worked-example-header--clickable:hover{background:#ffffff0a}.worked-example-header--clickable:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.worked-example-header__title-wrap{display:flex;align-items:center;gap:.75rem}.worked-example-icon-badge{width:32px;height:32px;border-radius:10px;background:#ffc4251f;border:1px solid rgba(255,196,37,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.worked-example-title{font-size:.95rem;font-weight:700;color:#fff;margin:0;line-height:1.25}.worked-example-subtitle{font-size:.75rem;color:var(--text-secondary, #94A3B8);display:block;margin-top:.15rem}.worked-example-toggle-btn{background:transparent;border:none;color:var(--text-secondary, #94A3B8);padding:.35rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease}.worked-example-toggle-btn:hover{color:var(--gold, #FFC425)}.worked-example-body{margin-top:.9rem;display:flex;flex-direction:column;gap:.85rem}.example-challenge-meta{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem}.example-challenge-badge{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:#fff}.example-dot{width:7px;height:7px;border-radius:50%;background:var(--gold, #FFC425);box-shadow:0 0 8px var(--gold, #FFC425)}.example-challenge-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.75rem;color:var(--text-secondary, #94A3B8)}.example-participants-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.example-participant-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.35rem}.example-participant-card--complete{border-color:#10b98140;background:#10b9810d}.example-participant-card--quit{border-color:#f43f5e40;background:#f43f5e0d}.example-participant-header{display:flex;align-items:center;gap:.4rem}.example-p-avatar{width:18px;height:18px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.example-p-name{font-size:.75rem;font-weight:600;color:#fff}.example-p-status{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600}.example-p-status--complete{color:#10b981}.example-p-status--quit{color:#f43f5e}.example-math-flow{background:#00000073;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.example-math-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.example-math-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #94A3B8)}.example-math-val{font-size:.85rem;margin:.15rem 0}.example-math-desc{font-size:.65rem;color:#fff9}.example-math-arrow{color:var(--text-secondary, #94A3B8);opacity:.6;flex-shrink:0}.example-math-step--highlight{background:#ffc42514;border:1px solid rgba(255,196,37,.25);border-radius:6px;padding:.25rem .4rem}.example-outcome-breakdown{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.45rem}.example-outcome-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-secondary, #94A3B8)}.example-outcome-left{display:flex;align-items:center;gap:.45rem;color:#fff}.example-outcome-tag{font-weight:700;font-size:.78rem;color:#10b981}.example-outcome-total{border-top:1px solid rgba(255,255,255,.08);padding-top:.45rem;margin-top:.2rem;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:#fff}.example-total-highlight{font-size:1.1rem;font-weight:900;color:var(--gold, #FFC425);text-shadow:0 0 12px rgba(255,196,37,.35)}.example-bonus-note{background:#ffc4250f;border:1px dashed rgba(255,196,37,.25);border-radius:8px;padding:.55rem .65rem;display:flex;align-items:flex-start;gap:.5rem;font-size:.72rem;color:#e2e8f0;line-height:1.4}.example-disclaimer{display:flex;align-items:flex-start;gap:.4rem;font-size:.68rem;color:var(--text-secondary, #64748B);line-height:1.35}.nimiq-pay-clarification-card{background:#0f162a99;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:.75rem .85rem;margin:.75rem 0;display:flex;align-items:flex-start;gap:.65rem;text-align:left;box-sizing:border-box}.nimiq-pay-clarification-icon{color:#38bdf8;flex-shrink:0;margin-top:.1rem}.nimiq-pay-clarification-title{font-size:.8rem;font-weight:700;color:#fff;margin-bottom:.2rem}.nimiq-pay-clarification-desc{font-size:.72rem;color:#94a3b8;line-height:1.45;margin:0}@media(max-width:480px){.join-cta-card{margin-bottom:1.25rem}.example-math-flow{flex-direction:column;gap:.35rem}.example-math-arrow{transform:rotate(90deg)}.example-participants-grid{grid-template-columns:1fr}}.payment-approval-guidance{background:#0e162cbf;border:1px solid rgba(255,196,37,.22);border-radius:12px;padding:.8rem .95rem;margin:1rem 0;text-align:left;box-sizing:border-box}.payment-guidance-step{display:flex;align-items:flex-start;gap:.7rem}.guidance-title{font-size:.82rem;font-weight:700;color:#fff;margin-bottom:.2rem}.guidance-desc{font-size:.73rem;color:#94a3b8;line-height:1.45;margin:0}@media(max-width:360px){.worked-example-card{padding:.65rem .5rem;margin:.75rem 0}.example-outcome-row{font-size:.72rem}.example-outcome-total{font-size:.78rem}.example-math-flow,.example-challenge-meta{padding:.5rem}}.notif-center-overlay{align-items:flex-start;justify-content:flex-end;padding:1rem}@media(max-width:640px){.notif-center-overlay{padding:0;align-items:stretch}}.notif-drawer-card{width:100%;max-width:420px;background:linear-gradient(160deg,#161c2d,#0d111d);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:0 16px 40px #000000b3,0 0 25px #e9b21326;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;animation:modal-pop .25s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.notif-drawer-card{max-width:100%;max-height:100vh;height:100%;border-radius:0;border:none}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:#0e121de6}.notif-header__title-wrap{display:flex;align-items:center;gap:.6rem}.notif-bell-wrap{position:relative;display:flex;align-items:center;justify-content:center}.notif-unread-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--gold-primary);border:2px solid #161c2d}.notif-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.notif-count-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full);background:#e9b21326;color:var(--gold-primary);border:1px solid rgba(233,178,19,.3)}.notif-header__actions{display:flex;align-items:center;gap:.4rem}.notif-action-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.3rem .6rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s}.notif-action-btn:hover{color:var(--gold-primary);background:#ffffff0d}.notif-close-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.notif-close-btn:hover{color:#fff;background:#ffffff1a}.notif-list-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.notif-item-row{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;cursor:pointer;transition:background .2s;text-align:left;position:relative}.notif-item-row:hover{background:#ffffff08}.notif-item-row--unread{background:#e9b2130a}.notif-item-icon-box{width:38px;height:38px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notif-item-content{flex:1;min-width:0}.notif-item-headline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.notif-item-title{font-size:.86rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-row--unread .notif-item-title{color:var(--gold-light)}.notif-item-time{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.notif-item-body{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0 0 .4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-link{font-size:.72rem;font-weight:500;color:var(--gold-primary);display:inline-flex;align-items:center;gap:.2rem}.notif-row-unread-indicator{width:7px;height:7px;border-radius:50%;background:var(--gold-primary);flex-shrink:0;margin-top:8px}.notif-empty-state{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.notif-empty-icon-wrap{width:56px;height:56px;border-radius:var(--radius-lg);background:#e9b2131a;border:1px solid rgba(233,178,19,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.notif-empty-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .35rem}.notif-empty-desc{font-size:.8rem;color:var(--text-secondary);max-width:260px;line-height:1.45;margin:0 0 1rem}.notif-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle);background:#0e121db3;font-size:.75rem;color:var(--text-muted)}.notif-footer-settings-btn{background:transparent;border:none;color:var(--gold-primary);font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.35rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s}.notif-footer-settings-btn:hover{background:#ffffff0f}.notif-prefs-card{max-width:440px;width:100%;max-height:92vh;overflow-y:auto;padding:1.25rem 1.15rem;background:#0b0f19;border:1px solid rgba(235,183,0,.25);border-radius:18px;box-shadow:0 20px 50px #000000d9,0 0 30px #e9b2131f;box-sizing:border-box}@media(max-width:480px){.notif-prefs-card{padding:1.1rem .95rem;border-radius:16px;max-height:95vh}}.notif-settings-header{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:1.15rem}.notif-back-btn{background:transparent;border:none;color:var(--text-primary, #ffffff);cursor:pointer;padding:.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;margin-top:.1rem;flex-shrink:0}.notif-back-btn:hover{color:var(--gold-primary, #ebb700);background:#ffffff14}.notif-settings-title-wrap{display:flex;flex-direction:column;gap:.2rem}.notif-settings-title{font-size:1.15rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0;letter-spacing:-.01em}.notif-settings-subtitle{font-size:.78rem;color:#94a3b8;margin:0;line-height:1.35}.notif-device-card{background:#0f172a8c;border:1px solid rgba(235,183,0,.22);border-radius:14px;padding:.9rem 1rem;margin-bottom:1.25rem}.notif-device-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.notif-device-title-wrap{display:flex;align-items:center;gap:.65rem}.notif-device-title{font-weight:600;font-size:.92rem;color:var(--text-primary, #ffffff)}.notif-gold-icon-box{width:34px;height:34px;border-radius:10px;background:#e9b2131f;border:1px solid rgba(233,178,19,.25);color:var(--gold-primary, #ebb700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-badge-pill{font-size:.68rem;font-weight:600;padding:.22rem .55rem;border-radius:9999px;white-space:nowrap}.notif-badge-pill--muted{background:#ffffff14;color:#cbd5e1;border:1px solid rgba(255,255,255,.12)}.notif-badge-pill--active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4)}.notif-badge-pill--blocked{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.4)}.notif-badge-btn{background:#e9b2132e;color:var(--gold-primary, #ebb700);border:1px solid rgba(233,178,19,.4);padding:.25rem .6rem;border-radius:9999px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease}.notif-badge-btn:hover{background:var(--gold-primary, #ebb700);color:#0b0f19}.notif-device-desc{font-size:.76rem;color:#94a3b8;margin:0;line-height:1.4}.notif-push-feedback{font-size:.74rem;color:var(--gold-primary, #ebb700);margin-top:.5rem;display:flex;align-items:center;gap:.35rem}.notif-section-header{margin-bottom:.75rem}.notif-section-title{font-size:.98rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 .15rem}.notif-section-subtitle{font-size:.76rem;color:#94a3b8;margin:0}.notif-prefs-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.15rem}.notif-pref-row{display:flex;align-items:center;padding:.65rem .85rem;border-radius:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.07);gap:.75rem;transition:border-color .2s ease}.notif-pref-row:hover{border-color:#ebb70033}.notif-pref-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.notif-pref-title{font-size:.84rem;font-weight:600;color:var(--text-primary, #ffffff)}.notif-pref-desc{font-size:.72rem;color:#94a3b8;line-height:1.3}.pref-toggle{width:44px;height:24px;border-radius:9999px;background:#ffffff26;border:none;cursor:pointer;position:relative;flex-shrink:0;transition:background .25s;padding:2px}.pref-toggle--active{background:var(--gold-primary, #ebb700)}.pref-toggle-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s;box-shadow:0 2px 4px #0000004d}.pref-toggle--active .pref-toggle-thumb{transform:translate(20px)}.notif-pref-row--time{justify-content:space-between}.notif-select-wrapper{position:relative;display:inline-flex;align-items:center}.notif-time-select{appearance:none;-webkit-appearance:none;background:#0d1527;border:1px solid rgba(235,183,0,.35);color:var(--text-primary, #ffffff);font-size:.78rem;font-weight:600;padding:.35rem 1.75rem .35rem .75rem;border-radius:8px;outline:none;cursor:pointer;transition:all .2s ease}.notif-time-select:focus,.notif-time-select:hover{border-color:var(--gold-primary, #ebb700);background:#111a30}.notif-select-arrow{position:absolute;right:.55rem;color:var(--gold-primary, #ebb700);pointer-events:none}.notif-info-callout{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:10px;background:#1e3a8a2e;border:1px solid rgba(96,165,250,.25);margin-top:.4rem}.notif-info-icon{color:#60a5fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-info-text{font-size:.76rem;color:#94a3b8;line-height:1.35;flex:1}.notif-saved-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#34d399;background:#10b98126;padding:.15rem .45rem;border-radius:9999px;flex-shrink:0}.filter-pill{padding:.3rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-pill:hover{background:#ffffff1a;color:var(--text-primary)}.filter-pill--active{background:#e9b21326;border-color:var(--gold-primary);color:var(--gold-primary)}