@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.public-layout{flex-direction:column;min-height:100vh;display:flex}.public-header{border-bottom:1px solid hsl(var(--border-color));background-color:hsl(var(--surface-color));z-index:10;position:sticky;top:0}.public-header-content{max-width:1200px;padding:var(--spacing-4) var(--spacing-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.public-logo{align-items:center;gap:var(--spacing-2);color:hsl(var(--text-primary));font-size:1.25rem;font-weight:700;display:flex}.logo-icon{color:hsl(var(--primary-color))}.public-nav{align-items:center;gap:var(--spacing-6);display:flex}.public-nav a:not(.btn-login){color:hsl(var(--text-secondary));font-size:.875rem;font-weight:500}.public-nav a:not(.btn-login):hover{color:hsl(var(--text-primary))}.theme-toggle-btn{border-radius:var(--radius-md);width:2rem;height:2rem;color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.btn-login{height:2.25rem;padding:0 var(--spacing-4);background-color:hsl(var(--primary-color));border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex;color:hsl(var(--primary-foreground))!important}.btn-login:hover{background-color:hsl(var(--primary-hover))}.public-main{flex-direction:column;flex:1;display:flex}.public-footer{border-top:1px solid hsl(var(--border-color));background-color:hsl(var(--surface-color));padding:var(--spacing-6)}.public-footer-content{align-items:center;gap:var(--spacing-4);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.footer-links{gap:var(--spacing-4);display:flex}@media (width<=768px){.public-nav a:not(.btn-login){display:none}}.auth-layout{min-height:100vh;padding:var(--spacing-6);background-color:hsl(var(--bg-color));background-image:radial-gradient(circle at 50% 0%, hsl(var(--primary-color) / .15) 0%, transparent 40%), radial-gradient(circle at 100% 100%, #8152e01a 0%, transparent 40%), linear-gradient(to right, hsl(var(--border-color) / .1) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border-color) / .1) 1px, transparent 1px);background-position:top,100% 100%,50%,50%;background-size:100% 100%,100% 100%,40px 40px,40px 40px;justify-content:center;align-items:center;display:flex}.auth-container{gap:var(--spacing-8);z-index:1;width:100%;max-width:420px;animation:slide-up .5s var(--transition-spring) both;flex-direction:column;display:flex;position:relative}.auth-header{justify-content:center;display:flex}.auth-logo{align-items:center;gap:var(--spacing-2);color:hsl(var(--text-primary));letter-spacing:-.04em;font-size:1.75rem;font-weight:800;display:flex}.auth-logo .logo-icon{background:var(--gradient-hero-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem}.auth-main{width:100%}.app-layout{background-color:hsl(var(--bg-color));min-height:100vh;display:flex}.app-sidebar{background-color:hsl(var(--surface-color));border-right:1px solid hsl(var(--border-color));z-index:30;width:260px;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:sticky;top:0}.sidebar-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid hsl(var(--border-color));justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--spacing-2);color:hsl(var(--text-primary));letter-spacing:-.03em;font-size:1.2rem;font-weight:800;display:flex}.sidebar-logo .logo-icon{background:var(--gradient-hero-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem}.btn-menu-close{color:hsl(var(--text-secondary));cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;display:none}.btn-menu-close:hover{color:hsl(var(--text-primary))}.sidebar-nav{padding:var(--spacing-3) var(--spacing-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-divider{background-color:hsl(var(--border-color));height:1px;margin:var(--spacing-2) var(--spacing-1)}.nav-item{align-items:center;gap:var(--spacing-3);padding:.6rem var(--spacing-3);border-radius:var(--radius-md);color:hsl(var(--text-secondary));transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.nav-item.active{background:linear-gradient(90deg, hsl(var(--primary-color) / .15), hsl(var(--primary-color) / .05));color:hsl(var(--primary-color));border-left:3px solid hsl(var(--primary-color));font-weight:600}.app-main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.app-header-mobile{padding:0 var(--spacing-5);background-color:hsl(var(--surface-color) / .7);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border-glass));z-index:10;justify-content:space-between;align-items:center;height:56px;display:none;position:sticky;top:0}.mobile-logo{align-items:center;gap:var(--spacing-2);color:hsl(var(--text-primary));letter-spacing:-.03em;font-size:1.15rem;font-weight:800;display:flex}.mobile-logo .logo-icon{background:var(--gradient-hero-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-text{letter-spacing:-.02em}.mobile-header-actions{align-items:center;gap:var(--spacing-1);display:flex}.btn-icon{color:hsl(var(--text-secondary));cursor:pointer;border-radius:var(--radius-md);width:38px;height:38px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.app-main-content{padding:var(--spacing-6);flex:1;width:100%;max-width:1000px;margin:0 auto}.app-bottom-nav{background-color:hsl(var(--surface-color) / .75);-webkit-backdrop-filter:blur(24px)saturate(150%);border-top:1px solid hsl(var(--border-glass));z-index:50;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:hsl(var(--text-tertiary));letter-spacing:.02em;text-transform:uppercase;text-align:center;transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px 10px;font-size:.6rem;font-weight:600;display:flex;position:relative}.bottom-nav-item svg{transition:transform var(--transition-spring)}.bottom-nav-item:active svg{transform:scale(.88)}.bottom-nav-item.active{color:hsl(var(--primary-color))}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px hsl(var(--primary-color) / .5))}.bottom-nav-item:before{content:"";border-radius:var(--radius-md);background:hsl(var(--primary-color) / .15);opacity:0;transition:all var(--transition-spring);z-index:-1;position:absolute;inset:4px;transform:scale(.8)}.bottom-nav-item.active:before{opacity:1;transform:scale(1)}.bottom-nav-item.active:after{content:"";background:hsl(var(--primary-color));width:24px;height:3px;box-shadow:0 2px 8px hsl(var(--primary-color) / .8);border-bottom-right-radius:4px;border-bottom-left-radius:4px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.mobile-drawer-overlay{display:none}@media (width<=768px){.app-sidebar{position:fixed;transform:translate(-100%)}.app-sidebar.mobile-open{box-shadow:var(--shadow-lg);transform:translate(0)}.btn-menu-close{display:flex}.mobile-drawer-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:block;position:fixed;inset:0}.app-header-mobile,.app-bottom-nav{display:flex}.app-main-content{padding:var(--spacing-4) var(--spacing-4) calc(var(--spacing-4) + 64px)}}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);background-color:hsl(var(--surface-color));border:1px dashed hsl(var(--border-color));border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-full);background-color:hsl(var(--surface-hover));width:3rem;height:3rem;color:hsl(var(--text-muted));margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:1.5rem;height:1.5rem}.empty-state-title{color:hsl(var(--text-primary));margin-bottom:var(--spacing-2);font-size:1.125rem;font-weight:600}.empty-state-description{color:hsl(var(--text-secondary));max-width:400px;margin-bottom:var(--spacing-6);font-size:.875rem}.empty-state-action{justify-content:center;display:flex}.btn{white-space:nowrap;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-sans);letter-spacing:-.01em;transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff26}.btn:active:not(:disabled){transform:scale(.94)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-size-sm{height:2rem;padding:0 var(--spacing-3);border-radius:var(--radius-sm);font-size:.8125rem}.btn-size-md{height:2.625rem;padding:0 var(--spacing-5);font-size:.875rem}.btn-size-lg{height:3.25rem;padding:0 var(--spacing-6);border-radius:var(--radius-lg);font-size:1rem}.btn-size-icon{width:2.625rem;height:2.625rem;padding:0}.btn-primary{background:var(--gradient-hero-bg);color:#fff;box-shadow:0 2px 8px hsl(var(--primary-color) / .35)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px hsl(var(--primary-color) / .5);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 1px 4px hsl(var(--primary-color) / .35);transform:scale(.96)translateY(0)}.btn-secondary{background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary));border-color:hsl(var(--border-color))}.btn-secondary:hover:not(:disabled){background-color:hsl(var(--border-color))}.btn-outline{color:hsl(var(--primary-color));border-color:hsl(var(--primary-color) / .4);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:hsl(var(--primary-color) / .07);border-color:hsl(var(--primary-color) / .7)}.btn-ghost{color:hsl(var(--text-primary));background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:hsl(var(--surface-hover))}.btn-danger{background-color:hsl(var(--error-color));color:#fff;box-shadow:0 2px 8px hsl(var(--error-color) / .35)}.btn-danger:hover:not(:disabled){opacity:.9;box-shadow:0 4px 16px hsl(var(--error-color) / .45)}.btn-success{color:#fff;background:linear-gradient(135deg,#22a072,#24a89d);box-shadow:0 2px 8px #22a05066}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #22a0508c}.btn-loading{pointer-events:none}.btn-loading .btn-content{opacity:0}.btn-spinner{border:2px solid #fff6;border-right-color:#fff;border-radius:50%;width:1.1em;height:1.1em;animation:.65s linear infinite btn-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes btn-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.spinner{border:2px solid hsl(var(--border-color));border-right-color:hsl(var(--primary-color));border-radius:50%;animation:.75s linear infinite spinner-spin;display:inline-block}.spinner-sm{border-width:2px;width:1rem;height:1rem}.spinner-md{border-width:2px;width:1.5rem;height:1.5rem}.spinner-lg{border-width:3px;width:2rem;height:2rem}.spinner-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spinner-spin{to{transform:rotate(360deg)}}.guard-loading-container{background-color:hsl(var(--bg-color));justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.card{background-color:hsl(var(--surface-color) / .85);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border-glass));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:hsl(var(--text-primary));border-top-color:#ffffff1a;border-left-color:#ffffff0d;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:perspective(1000px)rotateX(0)rotateY(0)scale(1)}.card:hover{box-shadow:var(--shadow-md), 0 8px 30px #0000001f;border-color:hsl(var(--border-color) / .8);transform:perspective(1000px)rotateX(2deg)rotateY(-2deg)scale(1.02)}.card-header{gap:var(--spacing-2);padding:var(--spacing-6);flex-direction:column;display:flex}.card-title{letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.3}.card-content{padding:var(--spacing-6);padding-top:0}.card-glow-primary{border-color:hsl(var(--primary-color) / .3);box-shadow:var(--shadow-sm), 0 0 24px hsl(var(--primary-color) / .12)}.card-glow-success{border-color:hsl(var(--success-color) / .35);box-shadow:var(--shadow-sm), 0 0 24px hsl(var(--success-color) / .15);animation:3s ease-in-out infinite glow-pulse-green}.card-glow-warning{border-color:hsl(var(--warning-color) / .45);box-shadow:var(--shadow-sm), 0 0 24px hsl(var(--warning-color) / .2);animation:3s ease-in-out infinite glow-pulse-amber}.card-hero{background:var(--gradient-hero-bg);color:#fff;border:none;position:relative;overflow:hidden}.card-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0f 0%,#0000 40%);position:absolute;inset:0}.card-hero:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff26 1px,#0000 1px);background-size:18px 18px;border-radius:50%;width:180px;height:180px;position:absolute;top:-20px;right:-20px}.input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{color:hsl(var(--text-secondary));letter-spacing:.02em;font-size:.8125rem;font-weight:600}.input-field{width:100%;height:3rem;padding:0 var(--spacing-4);border-radius:var(--radius-md);background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary));font-family:var(--font-sans);transition:all var(--transition-fast);border:1px solid #0000;font-size:.9375rem;font-weight:500}.input-field::placeholder{color:hsl(var(--text-tertiary))}.input-field:focus{background-color:hsl(var(--surface-color));border-color:hsl(var(--primary-color) / .5);box-shadow:0 0 0 4px hsl(var(--primary-color) / .1);outline:none}.input-field:disabled{opacity:.5;cursor:not-allowed;background-color:hsl(var(--surface-hover))}.input-field.input-error{border-color:hsl(var(--error-color) / .5);background-color:hsl(var(--error-color) / .05)}.input-field.input-error:focus{box-shadow:0 0 0 4px hsl(var(--error-color) / .15)}.input-feedback{font-size:.75rem;font-weight:500}.input-error-text{color:hsl(var(--error-color))}.input-helper-text{color:hsl(var(--text-tertiary))}.auth-form-container{gap:var(--spacing-6);flex-direction:column;width:100%;display:flex}.auth-form-header{text-align:center;gap:var(--spacing-2);flex-direction:column;display:flex}.auth-title{letter-spacing:-.03em;color:hsl(var(--text-primary));font-size:1.75rem;font-weight:800}.auth-subtitle{color:hsl(var(--text-secondary));font-size:.9375rem}.auth-card-content{padding:var(--spacing-8) var(--spacing-6)!important}.auth-form{gap:var(--spacing-5);flex-direction:column;display:flex}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-group-header{justify-content:space-between;align-items:center;display:flex}.auth-error{background-color:hsl(var(--error-color) / .08);border:1px solid hsl(var(--error-color) / .2);color:hsl(var(--error-color));padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);text-align:center;font-size:.875rem;font-weight:500}.auth-success{background-color:hsl(var(--success-color) / .08);border:1px solid hsl(var(--success-color) / .2);color:hsl(var(--success-color));padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);text-align:center;font-size:.875rem;font-weight:500}.auth-footer{text-align:center;margin-top:var(--spacing-2)}.auth-link{color:hsl(var(--primary-color));transition:color var(--transition-fast);text-decoration:none}.auth-link:hover{color:hsl(var(--primary-hover))}.font-medium{font-weight:600}.text-sm{font-size:.8125rem}.page-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.page-header-left{align-items:center;gap:var(--spacing-3);display:flex}.page-header-title{color:hsl(var(--text-primary));letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.btn-back{border-radius:var(--radius-md);border:1px solid hsl(var(--border-color));width:2.5rem;height:2.5rem;color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.btn-back:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.page-header-right{align-items:center;gap:var(--spacing-3);display:flex}.btn-icon-header{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.btn-icon-header:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary))}@media (width<=768px){.btn-back{display:flex}}.dashboard-page{flex-direction:column;height:100%;display:flex}.dashboard-grid{gap:var(--spacing-5);flex-direction:column;display:flex}.dashboard-mining-card{animation:slide-up .45s var(--transition-spring) both}.dashboard-mining-card.is-active{animation:slide-up .45s var(--transition-spring) both, glow-pulse-green 3s ease-in-out infinite}.dash-mining-header{padding:var(--spacing-5) var(--spacing-5) 0;justify-content:space-between;align-items:center;display:flex}.dash-mining-title{text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--text-tertiary));font-size:.75rem;font-weight:700}.status-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pill.inactive{color:hsl(var(--text-tertiary));border-color:hsl(var(--border-color));background:hsl(var(--surface-hover))}.status-pill.active{color:#22a050;background:#22a0501a;border-color:#22a0504d}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.active .status-dot{animation:1.5s ease-out infinite pulse-ring;box-shadow:0 0 0 2px}.status-pill.expired{color:#e9980c;background:#e9980c1a;border-color:#e9980c4d}.dash-mining-body{padding:var(--spacing-4) var(--spacing-5) var(--spacing-5)}.dash-mining-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.dash-stat-group{flex-direction:column;gap:3px;display:flex}.dash-stat-label{color:hsl(var(--text-tertiary));letter-spacing:.02em;font-size:.75rem;font-weight:500}.dash-stat-value{letter-spacing:-.02em;color:hsl(var(--text-primary));font-size:1.375rem;font-weight:700;font-family:var(--font-mono), monospace}.dash-progress-wrap{background:hsl(var(--surface-hover));border-radius:var(--radius-full);height:5px;margin-bottom:var(--spacing-4);overflow:hidden}.dash-progress-fill{border-radius:var(--radius-full);background:var(--gradient-hero-bg);height:100%;transition:width var(--transition-slow)}.dash-progress-fill.active{background:linear-gradient(90deg,#28bd5f,#2dd2c5,#28bd5f) 0 0/200% 100%;animation:2.5s linear infinite progress-shimmer}.dashboard-stats-row{gap:var(--spacing-4);animation:slide-up .4s var(--transition-spring) 80ms both;grid-template-columns:1fr 1fr;display:grid}.dash-balance-card-content{padding:var(--spacing-5)!important}.dash-balance-label{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-tertiary));margin-bottom:var(--spacing-2);font-size:.7rem;font-weight:700}.dash-balance-value{letter-spacing:-.03em;color:hsl(var(--text-primary));font-size:1.5rem;font-weight:800;font-family:var(--font-mono), monospace}.dash-streak-content{padding:var(--spacing-5)!important}.dash-streak-header{align-items:center;gap:var(--spacing-2);text-transform:uppercase;letter-spacing:.08em;color:#f29e0d;margin-bottom:var(--spacing-2);font-size:.7rem;font-weight:700;display:flex}.dash-streak-number{color:#f29e0d;letter-spacing:-.04em;font-size:2.25rem;font-weight:800;line-height:1}.dash-streak-sub{color:hsl(var(--text-tertiary));margin-top:4px;font-size:.75rem}.quick-actions{gap:var(--spacing-4);animation:slide-up .4s var(--transition-spring) .14s both;grid-template-columns:repeat(2,1fr);display:grid}.action-card{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-4);background-color:hsl(var(--surface-color));border:1px solid hsl(var(--border-color));border-radius:var(--radius-xl);color:hsl(var(--text-secondary));letter-spacing:-.01em;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;font-size:.8125rem;font-weight:600;display:flex}.action-card:hover{box-shadow:var(--shadow-md);border-color:var(--action-color,hsl(var(--primary-color) / .4));color:var(--action-color,hsl(var(--primary-color)));transform:translateY(-2px)}.action-card:active{transform:scale(.96)translateY(0)}.action-icon{border-radius:var(--radius-xl);background:var(--action-bg,hsl(var(--primary-color) / .1));width:52px;height:52px;color:var(--action-color,hsl(var(--primary-color)));transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.action-card:hover .action-icon{background:var(--action-color,hsl(var(--primary-color)));color:#fff;box-shadow:0 4px 16px var(--action-glow,hsl(var(--primary-color) / .4))}.action-card.mining-action{--action-color:#3c83f6;--action-bg:#3c83f61a;--action-glow:#3c83f666}.action-card.rewards-action{--action-color:#7f4de6;--action-bg:#7f4de61a;--action-glow:#7f4de666}.action-card.referrals-action{--action-color:#22a050;--action-bg:#22a0501a;--action-glow:#22a05066}.action-card.wallet-action{--action-color:#e9980c;--action-bg:#e9980c1a;--action-glow:#e9980c66}.activity-section{animation:slide-up .4s var(--transition-spring) .2s both}.section-title{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-tertiary));margin-bottom:var(--spacing-4);font-size:.875rem;font-weight:700}@media (width>=480px){.quick-actions{grid-template-columns:repeat(4,1fr)}}.mining-page{flex-direction:column;height:100%;display:flex}.mining-container{gap:var(--spacing-5);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}.mining-hero-card{animation:slide-up .5s var(--transition-spring) forwards;border-radius:var(--radius-xl)!important;overflow:visible!important}.mining-hero-card.state-active{animation:slide-up .5s var(--transition-spring) forwards;border-color:#22c35d4d;box-shadow:0 0 40px #22c35d26,inset 0 0 20px #22c35d0d}.mining-hero-card.state-expired{animation:slide-up .5s var(--transition-spring) forwards, glow-pulse-amber 3s ease-in-out infinite}.mining-hero-content{padding:var(--spacing-8) var(--spacing-6) var(--spacing-6);text-align:center;align-items:center;gap:var(--spacing-5);flex-direction:column;display:flex}.mining-ring-container{width:120px;height:120px;margin-bottom:var(--spacing-2);justify-content:center;align-items:center;display:flex;position:relative}.mining-ring-outer,.mining-ring-mid{opacity:0;border:2px solid;border-radius:50%;position:absolute;inset:0}.mining-ring-inner{z-index:1;width:80px;height:80px;transition:all var(--transition-slow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mining-ring-container.state-inactive .mining-ring-inner{background:hsl(var(--surface-hover));border:2px solid hsl(var(--border-color));color:hsl(var(--text-secondary))}.mining-ring-container.state-active .mining-ring-inner{color:#fff;background:linear-gradient(135deg,#1fad6b,#22c3c3);box-shadow:0 0 32px #22c35d99,inset 0 0 12px #fff6}.mining-ring-container.state-active .mining-ring-outer{color:#26d968;border-width:3px;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}.mining-ring-container.state-active .mining-ring-mid{color:#26d968;border-width:2px;animation:1.5s cubic-bezier(.215,.61,.355,1) .5s infinite pulse-ring}.mining-ring-container.state-active .mining-icon{animation:float 2s ease-in-out infinite, scale-in .3s var(--transition-spring);filter:drop-shadow(0 4px 8px #0000004d)}.mining-ring-container.state-expired .mining-ring-inner{color:#fff;background:linear-gradient(135deg,#cf8b17,#e65e1a);box-shadow:0 0 24px #dc951880}.mining-ring-container.state-expired .mining-ring-outer{color:#f3a216;animation:1.5s ease-out infinite pulse-ring}.mining-ring-container.state-expired .mining-ring-mid{color:#f3a216;animation:1.5s ease-out .4s infinite pulse-ring}.mining-icon{transition:all var(--transition-spring)}.mining-status-title{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:700}.mining-status-description{color:hsl(var(--text-secondary));max-width:280px;margin:0;font-size:.875rem;line-height:1.6}.countdown-container{width:100%}.countdown-blocks{justify-content:center;align-items:center;gap:var(--spacing-2);display:flex}.countdown-block{flex-direction:column;align-items:center;gap:4px;display:flex}.countdown-digit-box{min-width:68px;padding:var(--spacing-3) var(--spacing-4);background:hsl(var(--surface-hover));border:1px solid hsl(var(--border-color));border-radius:var(--radius-lg);font-family:var(--font-mono), monospace;letter-spacing:.05em;color:hsl(var(--text-primary));text-align:center;transition:all var(--transition-normal);font-size:2rem;font-weight:700;line-height:1;box-shadow:inset 0 2px 4px #0000000f}.state-active .countdown-digit-box{color:#1f934a;background:#22a0501a;border-color:#28bd5f4d}.dark .state-active .countdown-digit-box{color:#67e495;background:#28bd5f1f;border-color:#2dd2694d}.countdown-label{text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--text-tertiary));font-size:.6rem;font-weight:700}.countdown-separator{color:hsl(var(--text-tertiary));opacity:.5;margin-bottom:16px;font-size:2rem;font-weight:700;line-height:1}.mining-progress-bar-wrap{background:hsl(var(--surface-hover));border-radius:var(--radius-full);width:100%;height:5px;overflow:hidden}.mining-progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);background:linear-gradient(90deg,#3c83f6,#8e5eed,#3c83f6) 0 0/200% 100%}.mining-progress-bar-fill.animating{animation:2s linear infinite progress-shimmer}.mining-action-row{width:100%}.mining-stats-grid{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.mining-stats-grid .card{animation:slide-up .4s var(--transition-spring) both}.mining-stats-grid .card:first-child{animation-delay:.1s}.mining-stats-grid .card:nth-child(2){animation-delay:.18s}.stat-card-content{align-items:center;gap:var(--spacing-3);display:flex;padding:var(--spacing-5)!important}.stat-icon-wrapper{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon-wrapper.blue{background:hsl(var(--primary-color) / .12);color:hsl(var(--primary-color))}.stat-icon-wrapper.teal{color:#24a89d;background:#24a89d1f}.stat-details{flex-direction:column;gap:2px;display:flex}.stat-label{color:hsl(var(--text-tertiary));letter-spacing:.01em;font-size:.75rem;font-weight:500}.stat-value{letter-spacing:-.02em;color:hsl(var(--text-primary));font-size:1.25rem;font-weight:700;font-family:var(--font-mono), monospace}.mining-error{background:hsl(var(--error-color) / .08);border:1px solid hsl(var(--error-color) / .2);color:hsl(var(--error-color));padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:.875rem;animation:.2s fade-in}.badge{border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-default{background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.badge-success{background-color:hsl(var(--success-color) / .15);color:hsl(var(--success-color))}.badge-warning{background-color:hsl(var(--warning-color) / .15);color:hsl(var(--warning-color))}.badge-danger{background-color:hsl(var(--error-color) / .15);color:hsl(var(--error-color))}.badge-outline{color:hsl(var(--text-primary));border:1px solid hsl(var(--border-color));background-color:#0000}.rewards-page{flex-direction:column;height:100%;display:flex}.rewards-container{gap:var(--spacing-6);flex-direction:column;width:100%;max-width:640px;margin:0 auto;display:flex}.rewards-section-title{align-items:center;gap:var(--spacing-2);color:hsl(var(--text-primary));letter-spacing:-.01em;margin-bottom:var(--spacing-4);animation:slide-up .4s var(--transition-spring) both;font-size:1rem;font-weight:700;display:flex}.rewards-section-title svg{color:hsl(var(--primary-color))}.rewards-hero-card{animation:slide-up .5s var(--transition-spring) both}.rewards-hero-content{gap:var(--spacing-4);flex-direction:column;display:flex}.rewards-hero-header{align-items:center;gap:var(--spacing-4);display:flex}.rewards-hero-icon{background:var(--gradient-hero-bg);border-radius:var(--radius-lg);color:#fff;width:48px;height:48px;box-shadow:0 4px 12px hsl(var(--primary-color) / .3);justify-content:center;align-items:center;display:flex}.rewards-hero-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.rewards-hero-subtitle{color:hsl(var(--text-tertiary));font-size:.8125rem}.rewards-hero-desc{color:hsl(var(--text-secondary));font-size:.875rem;line-height:1.5}.rewards-list{gap:var(--spacing-3);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}.reward-card{animation:slide-up .4s var(--transition-spring) both;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.reward-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reward-card.completed{background:#24a8540d;border-color:#24a8544d}.reward-card.inactive{opacity:.6}.reward-card-content{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex;padding:var(--spacing-4) var(--spacing-5)!important}.reward-card-left{flex-direction:column;gap:4px;display:flex}.reward-card-title{align-items:center;gap:var(--spacing-2);font-size:.9375rem;font-weight:600;display:flex}.reward-card-desc{color:hsl(var(--text-secondary));font-size:.75rem;line-height:1.4}.reward-card-right{align-items:flex-end;gap:var(--spacing-2);flex-direction:column;display:flex}.reward-amount{font-size:.9375rem;font-weight:700;font-family:var(--font-mono), monospace;color:hsl(var(--primary-color))}.reward-amount.success{color:#28bd5f}.reward-progress-row{align-items:center;gap:var(--spacing-3);margin-top:6px;display:flex}.reward-progress-bg{background:hsl(var(--surface-hover));border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.reward-progress-fill{border-radius:var(--radius-full);background:var(--gradient-hero-bg);height:100%;transition:width var(--transition-normal)}.reward-progress-fill.completed{background:#28bd5f}.reward-progress-text{color:hsl(var(--text-tertiary));font-size:.7rem;font-weight:600;font-family:var(--font-mono), monospace}.referrals-page{flex-direction:column;height:100%;display:flex}.referrals-container{gap:var(--spacing-6);flex-direction:column;width:100%;max-width:640px;margin:0 auto;display:flex}.referral-code-card{animation:slide-up .5s var(--transition-spring) both}.referral-code-content{text-align:center;align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex;padding:var(--spacing-8) var(--spacing-6) var(--spacing-6)!important}.referral-code-title{color:hsl(var(--text-tertiary));text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem;font-weight:700}.referral-code-value{font-size:3rem;font-weight:800;font-family:var(--font-mono), monospace;letter-spacing:.1em;color:hsl(var(--primary-color));text-shadow:0 0 24px hsl(var(--primary-color) / .4);margin:var(--spacing-2) 0;background:var(--gradient-hero-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.referral-action-row{gap:var(--spacing-3);width:100%;display:flex}.referral-action-row button{flex:1}.claim-code-card{background:hsl(var(--surface-color) / .5);border:1px dashed hsl(var(--border-color));animation:slide-up .5s var(--transition-spring) .1s both}.claim-code-content{gap:var(--spacing-3);flex-direction:column;display:flex;padding:var(--spacing-5)!important}.claim-header{align-items:center;gap:var(--spacing-3);color:hsl(var(--text-primary));font-weight:600;display:flex}.claim-header svg{color:hsl(var(--primary-color))}.claim-input-row{gap:var(--spacing-2);display:flex}.claim-input-row .input-wrapper{flex:1}.network-stats-row{gap:var(--spacing-4);animation:slide-up .5s var(--transition-spring) .15s both;grid-template-columns:1fr 1fr;display:grid}.network-stat-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);display:flex}.network-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.network-stat-icon.direct{color:#22a050;background:#24a8541f}.network-stat-icon.level{background:hsl(var(--primary-color) / .12);color:hsl(var(--primary-color))}.network-stat-details{flex-direction:column;gap:2px;display:flex}.network-stat-label{text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--text-tertiary));font-size:.75rem;font-weight:600}.network-stat-value{letter-spacing:-.02em;color:hsl(var(--text-primary));font-size:1.5rem;font-weight:800}.network-section{animation:slide-up .5s var(--transition-spring) .2s both}.network-section-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);letter-spacing:-.01em;color:hsl(var(--text-primary));font-size:1rem;font-weight:700;display:flex}.network-section-header svg{color:hsl(var(--text-secondary))}.ref-list{gap:var(--spacing-3);flex-direction:column;display:flex}.ref-row{padding:var(--spacing-4);background:hsl(var(--surface-color));border:1px solid hsl(var(--border-color));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.ref-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ref-left{align-items:center;gap:var(--spacing-3);display:flex}.ref-avatar{background:hsl(var(--primary-color) / .1);width:40px;height:40px;color:hsl(var(--primary-color));border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.ref-name{color:hsl(var(--text-primary));font-size:.9375rem;font-weight:600}.ref-date{color:hsl(var(--text-tertiary));margin-top:2px;font-size:.75rem}.modal-overlay{background-color:hsl(var(--bg-color) / .8);-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-4);justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-container{background-color:hsl(var(--surface-color));border:1px solid hsl(var(--border-color));border-radius:var(--radius-xl);width:100%;max-width:440px;max-height:90vh;animation:slide-up-scale .4s var(--transition-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0006}.modal-container:before{content:"";background:linear-gradient(90deg, transparent, hsl(var(--primary-color) / .5), transparent);height:1px;position:absolute;top:0;left:0;right:0}.modal-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid hsl(var(--border-color) / .5);justify-content:space-between;align-items:center;display:flex}.modal-title{color:hsl(var(--text-primary));letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.modal-close-btn{color:hsl(var(--text-secondary));cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.modal-content{padding:var(--spacing-6);overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up-scale{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.wallet-page{flex-direction:column;height:100%;display:flex}.wallet-container{gap:var(--spacing-5);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}.wallet-hero-card{animation:slide-up .5s var(--transition-spring) both}.wallet-hero-content{color:#fff;z-index:1;position:relative;padding:var(--spacing-7,1.75rem) var(--spacing-6) var(--spacing-6)!important;padding-top:1.75rem!important}.wallet-balance-label{align-items:center;gap:var(--spacing-2);letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-bottom:var(--spacing-3);font-size:.8125rem;font-weight:600;display:flex}.wallet-balance-amount{align-items:flex-end;gap:var(--spacing-2);margin-bottom:var(--spacing-6);display:flex}.wallet-balance-number{font-size:3.25rem;font-weight:800;font-family:var(--font-mono), monospace;letter-spacing:-.03em;animation:count-bounce .5s var(--transition-spring) both;text-shadow:0 2px 12px #0003;line-height:1}.wallet-balance-currency{opacity:.8;border-radius:var(--radius-full);font-size:1.25rem;font-weight:700;font-family:var(--font-sans);letter-spacing:.04em;background:#fff3;margin-bottom:.5rem;padding:2px 8px}.wallet-action-row{gap:var(--spacing-3);display:flex}.wallet-action-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:.6rem var(--spacing-3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;font-size:.875rem;font-weight:600;display:flex}.wallet-action-btn.send{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40}.wallet-action-btn.receive{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff4d}.wallet-action-btn:disabled{opacity:.55;cursor:not-allowed}.wallet-action-btn:not(:disabled):hover{background:#ffffff59}.wallet-stats-row{gap:var(--spacing-4);animation:slide-up .4s var(--transition-spring) 80ms both;grid-template-columns:1fr 1fr;display:grid}.wallet-stat-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);display:flex}.wallet-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wallet-stat-icon.earned{color:#22a050;background:#24a8541f}.wallet-stat-icon.network{background:hsl(var(--primary-color) / .12);color:hsl(var(--primary-color))}.wallet-stat-details{flex-direction:column;gap:2px;min-width:0;display:flex}.wallet-stat-label{text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--text-tertiary));font-size:.7rem;font-weight:600}.wallet-stat-value{color:hsl(var(--text-primary));font-size:1rem;font-weight:700;font-family:var(--font-mono), monospace;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wallet-transactions-section{animation:slide-up .4s var(--transition-spring) .16s both}.wallet-section-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.wallet-section-title{letter-spacing:-.02em;color:hsl(var(--text-primary));font-size:1rem;font-weight:700}.tx-list{gap:var(--spacing-3);flex-direction:column;display:flex}.tx-row{padding:var(--spacing-4);background:hsl(var(--surface-color));border:1px solid hsl(var(--border-color));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);animation:slide-up .35s var(--transition-spring) both;justify-content:space-between;align-items:center;display:flex}.tx-row:hover{box-shadow:var(--shadow-md);border-color:hsl(var(--primary-color) / .2);transform:translateY(-1px)}.tx-left{align-items:center;gap:var(--spacing-3);display:flex}.tx-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tx-icon-circle.mining{color:#1f934a;background:#24a8541f}.tx-icon-circle.task{color:#6e30e8;background:#7e47eb1f}.tx-name{color:hsl(var(--text-primary));font-size:.875rem;font-weight:600}.tx-date{color:hsl(var(--text-tertiary));margin-top:2px;font-size:.75rem}.tx-amount{font-size:.9rem;font-weight:700;font-family:var(--font-mono), monospace}.tx-amount.positive{color:#1f934a}.tx-empty{padding:var(--spacing-12) var(--spacing-6);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.tx-empty-icon{background:hsl(var(--surface-hover));width:60px;height:60px;color:hsl(var(--text-tertiary));border-radius:50%;justify-content:center;align-items:center;display:flex}.tx-empty-title{color:hsl(var(--text-secondary));font-size:.95rem;font-weight:600}.tx-empty-description{color:hsl(var(--text-tertiary));font-size:.8125rem;line-height:1.5}.transactions-page{flex-direction:column;height:100%;display:flex}.transactions-card{flex:1}.achievements-page{flex-direction:column;height:100%;display:flex}.achievements-container{gap:var(--spacing-6);width:100%;max-width:800px;animation:slide-up .5s var(--transition-spring) both;flex-direction:column;margin:0 auto;display:flex}.achievements-grid{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}.achievement-card{transition:all var(--transition-fast)}.achievement-card.state-unlocked{background:#f29e0d0d;border-color:#f29e0d66}.achievement-card.state-unlocked:hover{border-color:#f29e0d99;transform:translateY(-2px);box-shadow:0 4px 16px #f29e0d26}.achievement-card.state-locked{opacity:.6;filter:grayscale()}.achievement-card.state-locked:hover{opacity:.8}.achievement-content{gap:var(--spacing-4);align-items:center;display:flex;padding:var(--spacing-4) var(--spacing-5)!important}.achievement-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-unlocked{color:#fff;background:linear-gradient(135deg,#f29e0d,#f46a25);box-shadow:0 0 16px #f29e0d66}.icon-locked{background-color:hsl(var(--surface-hover));color:hsl(var(--text-tertiary));border:1px dashed hsl(var(--border-color))}.achievement-details{flex-direction:column;flex:1;gap:2px;display:flex}.achievement-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.achievement-title{color:hsl(var(--text-primary));font-size:.9375rem;font-weight:700}.achievement-description{color:hsl(var(--text-secondary));font-size:.8125rem;line-height:1.4}.tabs{flex-direction:column;width:100%;display:flex}.tabs-list{justify-content:flex-start;align-items:center;gap:var(--spacing-2);border-bottom:1px solid hsl(var(--border-color));margin-bottom:var(--spacing-6);padding-bottom:1px;display:inline-flex;overflow-x:auto}.tabs-trigger{white-space:nowrap;padding:var(--spacing-2) var(--spacing-4);color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;margin-bottom:-1px;font-size:.875rem;font-weight:500;display:inline-flex}.tabs-trigger:hover{color:hsl(var(--text-primary))}.tabs-trigger.active{color:hsl(var(--primary-color));border-bottom-color:hsl(var(--primary-color))}.tabs-content{animation:tab-fade-in var(--transition-normal)}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.leaderboard-page{flex-direction:column;height:100%;display:flex}.leaderboard-container{gap:var(--spacing-6);width:100%;max-width:640px;animation:slide-up .5s var(--transition-spring) both;flex-direction:column;margin:0 auto;display:flex}.leaderboard-card{overflow:hidden}.leaderboard-header{padding:var(--spacing-4) var(--spacing-6);background:hsl(var(--surface-hover));border-bottom:1px solid hsl(var(--border-color));justify-content:space-between;align-items:center;display:flex}.leaderboard-header-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-tertiary));font-size:.75rem;font-weight:600}.leaderboard-list{flex-direction:column;display:flex}.leaderboard-row{padding:var(--spacing-3) var(--spacing-6);border-bottom:1px solid hsl(var(--border-color) / .5);transition:background var(--transition-fast);align-items:center;display:flex}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:hsl(var(--surface-hover) / .5)}.leaderboard-row.is-current-user{background:hsl(var(--primary-color) / .08);border-left:3px solid hsl(var(--primary-color))}.lb-rank{width:40px;color:hsl(var(--text-tertiary));font-size:.9375rem;font-weight:700;font-family:var(--font-mono), monospace}.lb-rank.rank-1{color:#f59f0a;text-shadow:0 0 12px #f59f0a80;font-size:1.125rem}.lb-rank.rank-2{color:#bfbfbf;text-shadow:0 0 12px #bfbfbf80;font-size:1.05rem}.lb-rank.rank-3{color:#b3804d;text-shadow:0 0 12px #b3804d80;font-size:1rem}.lb-user-info{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.lb-avatar{background:hsl(var(--surface-hover));border:1px solid hsl(var(--border-color));border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.lb-avatar img{object-fit:cover;width:100%;height:100%}.lb-avatar svg{color:hsl(var(--text-tertiary));width:16px;height:16px}.lb-name{color:hsl(var(--text-primary));font-size:.9375rem;font-weight:600}.lb-score{font-weight:700;font-family:var(--font-mono), monospace;color:hsl(var(--primary-color))}.notifications-page{flex-direction:column;height:100%;display:flex}.notifications-card{flex:1}.profile-page{flex-direction:column;height:100%;display:flex}.profile-container{gap:var(--spacing-6);width:100%;max-width:640px;animation:slide-up .5s var(--transition-spring) both;flex-direction:column;margin:0 auto;display:flex}.profile-header-card{text-align:center;flex-direction:column;align-items:center;display:flex;padding:var(--spacing-8) var(--spacing-6) var(--spacing-6)!important}.avatar-placeholder{background:hsl(var(--primary-color) / .1);width:80px;height:80px;color:hsl(var(--primary-color));margin-bottom:var(--spacing-6);box-shadow:0 0 0 4px hsl(var(--primary-color) / .15), 0 4px 12px hsl(var(--primary-color) / .2);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info{gap:var(--spacing-1);flex-direction:column;width:100%;display:flex}.info-row{padding:var(--spacing-4);background:hsl(var(--surface-hover));border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.info-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-tertiary));font-size:.8125rem;font-weight:600}.info-value{color:hsl(var(--text-primary));font-weight:600}.text-success{color:#28bd5f}.settings-page{flex-direction:column;height:100%;display:flex}.settings-container{gap:var(--spacing-6);flex-direction:column;width:100%;max-width:640px;margin:0 auto;display:flex}.settings-section{gap:var(--spacing-3);animation:slide-up .5s var(--transition-spring) both;flex-direction:column;display:flex}.settings-section:nth-child(2){animation-delay:80ms}.settings-section:nth-child(3){animation-delay:.16s}.settings-section:nth-child(4){animation-delay:.24s}.section-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-tertiary));padding-left:var(--spacing-2);font-size:.8125rem;font-weight:700}.settings-card-content{padding:0!important}.theme-options{gap:var(--spacing-2);padding:var(--spacing-4);display:flex}.theme-option{padding:var(--spacing-3) 0;border-radius:var(--radius-md);border:1px solid hsl(var(--border-color));background:hsl(var(--surface-hover));color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.theme-option input{display:none}.theme-option:hover{background:hsl(var(--surface-color))}.theme-option.active{border-color:hsl(var(--primary-color) / .5);background:hsl(var(--primary-color) / .1);color:hsl(var(--primary-color));box-shadow:inset 0 0 0 1px hsl(var(--primary-color) / .3)}.settings-row{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid hsl(var(--border-color));justify-content:space-between;align-items:center;display:flex}.settings-row:last-child{border-bottom:none}.settings-info{flex-direction:column;gap:2px;display:flex}.settings-label{color:hsl(var(--text-primary));font-weight:500}.switch-placeholder{background:hsl(var(--surface-hover));border:1px solid hsl(var(--border-color));width:44px;height:24px;transition:all var(--transition-fast);border-radius:12px;position:relative}.switch-thumb{background:hsl(var(--text-tertiary));width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.switch-placeholder.active{background:#28bd5f;border-color:#28bd5f}.switch-placeholder.active .switch-thumb{background:#fff;left:22px;box-shadow:0 2px 4px #0003}.switch-placeholder.disabled{opacity:.5;cursor:not-allowed}.text-muted{color:hsl(var(--text-tertiary))}.cursor-pointer{cursor:pointer}:root{--bg-color:220 33% 97%;--surface-color:0 0% 100%;--surface-hover:220 20% 95%;--border-color:220 20% 88%;--border-glass:#00000012;--primary-color:221 83% 53%;--primary-hover:221 83% 45%;--primary-foreground:0 0% 100%;--primary-glow:#2463eb59;--text-primary:222 47% 11%;--text-secondary:215 16% 47%;--text-tertiary:215 16% 65%;--success-color:142 72% 29%;--success-glow:#1fad5359;--warning-color:38 92% 50%;--warning-glow:#f59f0a59;--error-color:348 83% 47%;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 12px -2px #00000014, 0 2px 6px -2px #0000000f;--shadow-lg:0 16px 32px -4px #0000001a, 0 8px 16px -4px #0000000f;--shadow-glow-primary:0 0 24px #2463eb4d;--shadow-glow-success:0 0 24px #1fad5359;--shadow-glow-warning:0 0 24px #f59f0a59;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--gradient-hero-bg:linear-gradient(135deg, #2463eb 0%, #7e47eb 100%);--gradient-hero-bg-success:linear-gradient(135deg, #1b986e 0%, #1a7fb3 100%);--gradient-hero-bg-warning:linear-gradient(135deg, #dc8f09 0%, #f2590d 100%);--gradient-surface:linear-gradient(180deg, hsl(var(--surface-color)) 0%, hsl(var(--bg-color)) 100%)}.dark{--bg-color:222 47% 6%;--surface-color:222 40% 10%;--surface-hover:217 35% 15%;--border-color:217 30% 18%;--border-glass:#ffffff12;--primary-color:217 91% 62%;--primary-hover:217 91% 70%;--primary-foreground:0 0% 100%;--primary-glow:#468af666;--text-primary:210 40% 96%;--text-secondary:215 20% 60%;--text-tertiary:215 16% 42%;--success-color:142 70% 48%;--success-glow:#25d06466;--warning-color:38 92% 52%;--warning-glow:#f5a31466;--error-color:348 83% 58%;--shadow-sm:0 1px 3px 0 #0000004d;--shadow-md:0 4px 12px -2px #0006, 0 2px 6px -2px #0000004d;--shadow-lg:0 16px 32px -4px #00000080, 0 8px 16px -4px #0000004d;--shadow-glow-primary:0 0 32px #468af666;--shadow-glow-success:0 0 32px #25d06466;--shadow-glow-warning:0 0 32px #f5a31466;--gradient-hero-bg:linear-gradient(135deg, #1842b4 0%, #6226d9 100%);--gradient-hero-bg-success:linear-gradient(135deg, #197657 0%, #1d6387 100%);--gradient-hero-bg-warning:linear-gradient(135deg, #a16c12 0%, #ac4815 100%);--gradient-surface:linear-gradient(180deg, hsl(var(--surface-color)) 0%, hsl(var(--bg-color)) 100%)}*,:before,:after{box-sizing:border-box}*{font:inherit;margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--bg-color));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}#root:before,#root:after{content:"";filter:blur(80px);z-index:-1;opacity:.15;border-radius:50%;width:60vw;height:60vw;animation:20s ease-in-out infinite alternate mesh-float;position:absolute}#root:before{background:radial-gradient(circle, hsl(var(--primary-color)) 0%, transparent 70%);top:-10%;left:-10%}#root:after{background:radial-gradient(circle,#7e47eb 0%,#0000 70%);animation-delay:-10s;bottom:-20%;right:-10%}@keyframes mesh-float{0%{transform:translate(0)scale(1)}33%{transform:translate(5%,10%)scale(1.1)}66%{transform:translate(-5%,5%)scale(.9)}to{transform:translateY(-5%)scale(1)}}:focus-visible{outline:2px solid hsl(var(--primary-color));outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1{letter-spacing:-.03em;font-size:2.25rem;font-weight:800;line-height:1.15}h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.25}h3{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1.4}.text-body{color:hsl(var(--text-primary));font-size:1rem}.text-secondary{color:hsl(var(--text-secondary));font-size:.875rem}.text-tertiary{color:hsl(var(--text-tertiary));font-size:.75rem}a{color:hsl(var(--primary-color));transition:color var(--transition-fast);text-decoration:none}a:hover{color:hsl(var(--primary-hover))}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@keyframes pulse-ring-slow{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse-green{0%,to{box-shadow:0 0 12px #22c35d66,0 0 24px #22c35d33}50%{box-shadow:0 0 20px #22c35db3,0 0 40px #22c35d4d}}@keyframes glow-pulse-blue{0%,to{box-shadow:0 0 12px #3c83f666,0 0 24px #3c83f633}50%{box-shadow:0 0 20px #3c83f6b3,0 0 40px #3c83f64d}}@keyframes glow-pulse-amber{0%,to{box-shadow:0 0 12px #f59f0a80,0 0 24px #f59f0a40}50%{box-shadow:0 0 24px #f59f0acc,0 0 48px #f59f0a59}}@keyframes progress-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-bounce{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slide-up .4s var(--transition-spring) forwards}.animate-fade-in{animation:.3s forwards fade-in}.animate-scale-in{animation:scale-in .3s var(--transition-spring) forwards}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.16s}.stagger-4{animation-delay:.24s}