*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}:root{--bg: #0A0A0A;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .35);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 46px rgba(0, 0, 0, .55);--transition: all .22s ease;--transition-fast: all .14s ease-out;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Roboto", "Inter", "Segoe UI", sans-serif;--mono: "SF Mono", "Monaco", "Inconsolata", monospace}:root :root{--bg: #0b0b0c;--surface: #131316;--surface-2: #16161a;--surface-3: #1d1d22;--surface-hover: #1f1f25;--surface-active: #25252c;--primary: #a94bf4;--primary-2: #8d35d9;--primary-gradient: linear-gradient(180deg, #b069f5 0%, #8535d2 100%);--success: #2dd167;--error: #ef4444;--warning: #f59e0b;--accent: #a94bf4;--accent-warm: #d46bf8;--accent-cool: #5ec2ff;--text-primary: #f5f5f7;--text-secondary: #b5b5bf;--text-tertiary: #7b7b85;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--glass: rgba(19, 19, 22, .85);--glass-strong: rgba(31, 31, 36, .85);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 6px 16px rgba(0, 0, 0, .35);--shadow-md: 0 10px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 46px rgba(0, 0, 0, .55);--transition: all .2s ease;--transition-fast: all .12s ease-out;--sans: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--mono: "SF Mono", "Monaco", "Inconsolata", monospace}body.light-theme{--bg: #F8F8FB;--surface: #FFFFFF;--surface-2: #F2F2F5;--surface-3: #E8E8EE;--surface-hover: #ECECF2;--surface-active: #E1E1E8;--primary: #7C3AED;--primary-2: #5B21B6;--primary-gradient: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--accent: #DB2777;--accent-warm: #FB7185;--accent-light: #FDA4AF;--accent-cool: #0EA5E9;--success: #16A34A;--error: #DC2626;--warning: #D97706;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--glass: rgba(255, 255, 255, .76);--glass-strong: rgba(255, 255, 255, .9);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .16)}body{font-family:var(--sans);background:var(--bg);color:var(--text-primary);min-height:100vh;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s,color .4s}#root{width:100%;max-width:100%;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box;font:16px/1.55 var(--sans)}.page-shell{width:100%;max-width:480px;margin:0 auto;padding:0 14px 18px}.section-title{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text-primary);margin:6px 0 10px}.muted{color:var(--text-secondary)}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--text-secondary)}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.glass-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 640px){:root{font-size:16px}body{padding:0}}.btn{padding:12px 20px;border:none;border-radius:16px;font-size:15px;font-weight:700;font-family:var(--sans);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.2px;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 12px 30px #7d38bf59}.btn-primary:hover:not(:disabled){box-shadow:0 16px 38px #7d38bf73;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 22px #7d38bf59}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-secondary:active:not(:disabled){background:var(--surface-active)}.btn-danger{background:linear-gradient(135deg,#EF4444 0%,#B91C1C 100%);color:#fff;box-shadow:0 12px 30px #ef444459}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 40px #ef444473}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 26px #ef444459}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background:var(--success-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-success:active:not(:disabled){transform:translateY(0);background:var(--success-dark)}.btn-full-width{width:100%}.btn-sm{padding:8px 16px;font-size:14px;border-radius:var(--border-radius-sm)}.btn-lg{padding:16px 32px;font-size:18px;border-radius:var(--border-radius-lg)}.streak-widget{background:linear-gradient(135deg,rgba(255,99,71,.12),rgba(123,44,191,.08));border-radius:var(--radius-lg);padding:22px;color:#fff;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.streak-widget:before{content:"";position:absolute;top:-50%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:38px 38px;opacity:.4}.streak-header{text-align:center;position:relative;z-index:2;margin-bottom:16px}.streak-header h3{font-size:14px;opacity:.9;font-weight:500;letter-spacing:.5px}.streak-flames{display:flex;justify-content:center;gap:6px;font-size:40px;animation:flameAnimation .8s ease-in-out infinite;position:relative;z-index:2}@keyframes flameAnimation{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.15) translateY(-4px)}}.flame{display:inline-block;animation:flames .6s ease-in-out infinite;animation-delay:calc(var(--i) * .15s);filter:drop-shadow(0 0 8px rgba(255,107,107,.5))}@keyframes flames{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-top:16px;position:relative;z-index:2}.progress-fill{height:100%;background:var(--primary-gradient);transition:var(--transition);border-radius:4px;box-shadow:0 0 12px #7b2cbf80}.steps-widget{background:var(--surface-2);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition)}.steps-widget:hover{box-shadow:var(--shadow-md)}.steps-widget h3{text-align:center;font-size:16px;margin-bottom:20px;color:var(--text);font-weight:600}.ring-container{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px;margin:0 auto}.ring-svg{width:180px;height:180px;transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(102,126,234,.15))}.ring-bg{fill:none;stroke:var(--surface-3);stroke-width:10}.ring-progress{fill:none;stroke:var(--primary);stroke-width:10;stroke-linecap:round;transition:var(--transition);stroke-dasharray:0;filter:drop-shadow(0 0 8px rgba(157,78,221,.45))}.ring-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ring-text span:first-child{font-weight:800!important;color:#fff;font-size:28px}.ring-text span:last-child{font-size:12px;color:var(--text-light);font-weight:500}.ai-assistant{background:linear-gradient(135deg,rgba(157,78,221,.12),rgba(10,10,10,.08));border-radius:var(--radius-lg);padding:22px;border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:fadeIn .4s ease-out}.ai-assistant h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text);display:flex;align-items:center;gap:8px}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation{background:var(--surface-2);border-radius:16px;padding:16px;border-left:3px solid var(--primary);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.recommendation:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:rgba(102,126,234,.05);transition:width .4s ease;z-index:0}.recommendation:hover:before{width:100%}.recommendation:hover{box-shadow:var(--shadow-md);transform:translate(4px);border-left-color:var(--primary-2)}.recommendation>*{position:relative;z-index:1}.recommendation.priority-high{border-left-color:var(--danger);background:rgba(239,68,68,.06)}.recommendation.priority-high:hover{border-left-color:var(--danger-light);box-shadow:0 4px 16px #ef44442e}.recommendation.priority-medium{border-left-color:var(--warning);background:rgba(245,158,11,.06)}.recommendation.priority-medium:hover{border-left-color:var(--accent-warm);box-shadow:0 4px 16px #f59e0b29}.recommendation.priority-low{border-left-color:var(--accent);background:rgba(123,44,191,.06)}.recommendation.priority-low:hover{border-left-color:var(--success);box-shadow:0 4px 16px #52b78826}.sos-internet{background:linear-gradient(135deg,rgba(255,99,71,.14),rgba(255,140,66,.08));border-radius:var(--radius-lg);padding:22px;color:#fff;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.22);position:relative;overflow:hidden}.sos-internet:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s linear infinite}.sos-internet h3{position:relative;z-index:2;font-size:18px;font-weight:700;margin-bottom:16px;letter-spacing:-.3px}.sos-button{position:relative;z-index:2}.sos-use-cases{background:rgba(255,255,255,.15);border-radius:16px;padding:14px 18px;margin-top:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:2}.sos-use-cases h4{font-size:13px;font-weight:600;margin-bottom:10px;opacity:.95;letter-spacing:.2px}.sos-use-cases ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sos-use-cases li{font-size:13px;font-weight:500;opacity:.9;display:flex;align-items:center;gap:8px}.sos-use-cases li:before{content:"✓";display:inline-block;width:20px;height:20px;background:rgba(255,255,255,.3);border-radius:50%;text-align:center;line-height:20px;font-size:12px;flex-shrink:0}.availability-info{text-align:center;padding:12px;background:rgba(255,255,255,.12);border-radius:12px;margin-top:12px;position:relative;z-index:2;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:500;animation:glow 3s ease-in-out infinite}.home-page{background:var(--bg);min-height:100vh;padding-top:8px}.balance-card{padding:16px}.balance-top h1{margin:4px 0;font-size:22px}.balance-row{display:flex;align-items:center;gap:10px;margin-top:6px}.balance-value{font-size:28px;font-weight:800}.balance-stats{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat-tile{padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:14px 0}.quick-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:10px;color:var(--text-primary);display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-weight:600;transition:var(--transition)}.quick-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.quick-icon{font-size:18px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:18px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);animation:fadeInUp .35s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.marketplace-card{background:var(--bg-white);border-radius:16px;padding:18px;border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition);animation:fadeIn .5s ease-out;cursor:pointer;position:relative;overflow:hidden}.marketplace-card:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:rgba(102,126,234,.05);transition:width .4s ease;z-index:0}.marketplace-card:hover:before{width:100%}.marketplace-card>*{position:relative;z-index:1}.marketplace-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-left-color:var(--secondary)}.seller-info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.seller-info h4{font-size:15px;font-weight:600;color:var(--text)}.seller-info p{font-size:13px;color:var(--text-light)}.price-breakdown{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:10px 0;font-size:13px}.price-breakdown strong{color:var(--primary);font-weight:600}.buy-form{background:var(--bg-white);border-radius:20px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);animation:slideUp .4s ease-out}.buy-form h2{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text)}.buy-form input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-size:16px;font-family:var(--sans);background:var(--bg);color:var(--text);transition:var(--transition)}.buy-form input:hover{border-color:var(--primary);box-shadow:0 0 0 2px #667eea1a}.buy-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea33}.buy-form input::placeholder{color:var(--text-light)}.price-info{background:var(--bg-secondary);padding:12px 16px;border-radius:12px;border-left:4px solid var(--primary);font-size:14px;color:var(--text-secondary);margin-top:12px}.price-info strong{color:var(--primary);font-weight:600}.sell-form{background:var(--bg-white);border-radius:20px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);animation:slideUp .4s ease-out}.sell-form h2{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text)}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text);letter-spacing:.2px}.sell-form input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-size:16px;font-family:var(--sans);background:var(--bg);color:var(--text);transition:var(--transition)}.sell-form input:hover{border-color:var(--primary);box-shadow:0 0 0 2px #667eea1a}.sell-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea33}.sell-form input::placeholder{color:var(--text-light)}.commission-info{background:linear-gradient(135deg,rgba(255,107,107,.05),rgba(255,107,107,.02));padding:12px 16px;border-radius:12px;border-left:4px solid var(--danger);font-size:14px;color:var(--text-secondary);margin-top:12px}.commission-info strong{color:var(--danger);font-weight:600}.earning-info{background:linear-gradient(135deg,rgba(82,183,136,.05),rgba(82,183,136,.02));padding:12px 16px;border-radius:12px;border-left:4px solid var(--success);font-size:14px;color:var(--text-secondary);margin-top:12px}.earning-info strong{color:var(--success);font-weight:600}.marketplace-page{background:radial-gradient(120% 120% at 10% 0%,rgba(157,78,221,.1),transparent 36%),radial-gradient(80% 90% at 100% 10%,rgba(123,44,191,.12),transparent 30%),var(--bg);min-height:100vh;padding-top:16px}.market-shell{display:flex;flex-direction:column;gap:16px}.market-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:22px}.market-hero h1{font-size:28px;margin:6px 0}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-self:flex-end}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.chart-card .chart-placeholder{position:relative;height:160px;border-radius:14px;border:1px dashed var(--border);overflow:hidden}.chart-line{position:absolute;top:18px;right:18px;bottom:18px;left:18px;background:linear-gradient(90deg,rgba(157,78,221,.35),rgba(10,10,10,0));border-radius:12px;transform:skew(-12deg)}.chart-glow{position:absolute;top:34px;right:32px;bottom:14px;left:12px;background:linear-gradient(180deg,rgba(157,78,221,.4),rgba(157,78,221,0));filter:blur(10px)}.list-section{margin-top:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}.modal-content{background:var(--surface);border-radius:24px;padding:26px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000073;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border)}.modal-content h2{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.contact-card{background:var(--bg-white);border-radius:16px;padding:18px;border-left:4px solid var(--primary-dark);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition);animation:fadeIn .5s ease-out;cursor:pointer;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:rgba(118,75,162,.05);transition:width .4s ease;z-index:0}.contact-card:hover:before{width:100%}.contact-card>*{position:relative;z-index:1}.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-left-color:var(--secondary)}.contact-card h4{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}.contact-card p{font-size:13px;color:var(--text-light);margin-bottom:4px}.contacts-page{background:radial-gradient(120% 120% at 12% 0%,rgba(157,78,221,.12),transparent 36%),var(--bg);min-height:100vh;padding-top:12px}.contacts-shell{display:flex;flex-direction:column;gap:16px}.contacts-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:20px}.contacts-hero h1{font-size:28px;margin:6px 0}.profile-page{background:var(--bg);min-height:100vh;padding:12px 0 20px;transition:var(--transition)}.container{max-width:540px;margin:0 auto;padding:0 16px}.page-header{text-align:center;margin-bottom:32px;padding:24px 16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,var(--secondary-dark) 100%);border-radius:20px;color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s linear infinite}.page-header h1{position:relative;z-index:2;font-size:32px;font-weight:700;letter-spacing:-.5px}.page-header p{position:relative;z-index:2;opacity:.95}.stats-section{margin-bottom:28px;padding:0 16px}.stats-section h3{font-size:16px;font-weight:600;margin-bottom:14px;color:var(--text)}.stat-item{padding:16px;background:var(--bg-white);border-radius:16px;border-left:4px solid var(--primary);display:flex;justify-content:space-between;align-items:center;transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:10px}.stat-item:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);border-left-color:var(--secondary);transform:translate(4px)}.stat-item.stat-warning{border-left-color:var(--warning)}.stat-item.stat-warning:hover{border-left-color:var(--accent-warm)}.stat-item.stat-success{border-left-color:var(--success)}.stat-item.stat-success:hover{border-left-color:var(--accent)}.settings-section{padding:0 16px}.settings-section h3{font-size:16px;font-weight:600;margin-bottom:14px;color:var(--text)}.vision-page{background:radial-gradient(110% 110% at 12% 0%,rgba(157,78,221,.12),transparent 36%),var(--bg);min-height:100vh;padding-top:12px}.vision-shell{display:flex;flex-direction:column;gap:16px}.vision-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:20px}.vision-hero h1{font-size:28px;margin:6px 0}.hero-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat-tile{padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:4px}.info-card{background:var(--surface-2)}.list-section{margin-top:6px}.quest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.quest-card{border-left:4px solid var(--primary);position:relative}.quest-card.completed{background:linear-gradient(135deg,rgba(82,183,136,.06),rgba(82,183,136,.02));opacity:.9}.tag{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;width:fit-content;background:var(--surface-3);color:var(--text-secondary);margin-top:6px}.tag.difficulty-easy{border:1px solid var(--success);color:var(--success)}.tag.difficulty-medium{border:1px solid var(--warning);color:var(--warning)}.tag.difficulty-hard{border:1px solid var(--danger);color:var(--danger)}.reward-pill{padding:6px 12px;background:var(--primary-gradient);border-radius:12px;color:#fff;font-weight:700;box-shadow:0 10px 24px #7d38bf4d}.navigation{position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(12,12,13,.92);border-top:1px solid var(--border);box-shadow:0 -8px 24px #00000059;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);overflow-x:auto}body.light-theme .navigation{background:var(--glass-light)}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:520px;margin:0 auto;padding:0 10px;gap:4px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 10px;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:var(--transition);flex:1;font-size:11px;font-weight:500;text-align:center;position:relative;border-radius:var(--border-radius-sm);min-width:48px;-webkit-user-select:none;user-select:none}.nav-item:hover{color:var(--text-secondary);background:var(--surface-hover)}.nav-item.active{color:var(--text-primary);background:rgba(169,75,244,.16)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:18px;height:3px;background:var(--primary);border-radius:1px}.nav-icon{font-size:20px;display:block;transition:var(--transition)}.nav-item.active .nav-icon{font-size:22px}.nav-label{display:block;font-size:11px;font-weight:600;letter-spacing:.2px}.nav-item.theme-toggle{flex:0 0 auto;margin-left:auto;padding:8px 12px;font-size:16px;color:var(--text-secondary)}.nav-item.theme-toggle:hover{color:var(--primary);background:var(--surface-hover)}@media (max-width: 480px){.nav-label{font-size:10px}.nav-icon{font-size:20px}.nav-item{padding:8px 10px;min-width:44px}.navigation{height:68px}}.app-layout{display:flex;flex-direction:column;height:100vh;background:var(--bg);transition:background .4s}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:80px;padding-top:12px;background:var(--bg);transition:background .4s;position:relative}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:3px;transition:var(--transition)}.app-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-content>*{animation:fadeInUp .4s ease-out}@media (max-width: 640px){.app-layout{height:100vh}.app-content{padding-bottom:72px;padding-top:12px}}