:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-dark: #070512;--bg-gradient: linear-gradient(135deg, #0e0926 0%, #060410 100%);--primary-color: #8b5cf6;--accent-color: #3b82f6;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-bg-active: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .08);--glass-border-focus: rgba(139, 92, 246, .4);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--glass-blur: blur(16px);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button{background:transparent;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;outline:none}body{font-family:var(--font-family);background:var(--bg-dark);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:20px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf626}.glass-button{background:#8b5cf626;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(139,92,246,.3);border-radius:12px;color:var(--text-primary);font-family:var(--font-family);font-size:15px;font-weight:600;padding:14px 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 4px 12px #0000001a}.glass-button:hover{background:#8b5cf640;border-color:#8b5cf680;transform:scale(1.02);box-shadow:0 0 20px #8b5cf64d}.glass-button:active{transform:scale(.98)}.glass-button-secondary{background:var(--glass-bg);border-color:var(--glass-border)}.glass-button-secondary:hover{background:var(--glass-bg-hover);border-color:#fff3;box-shadow:0 0 20px #ffffff1a}.glass-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.glass-input{background:#ffffff08;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-family:var(--font-family);font-size:15px;padding:12px 16px;width:100%;outline:none;transition:all .25s ease;box-shadow:inset 0 2px 4px #0000001a}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--glass-border-focus);background:#ffffff0f;box-shadow:0 0 15px #8b5cf640,inset 0 2px 4px #0000000d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.app-container{max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:16px 16px 24px}.nav-bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:#0a081699;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px)) 0;z-index:100;box-shadow:0 -10px 30px #00000080}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease;width:20%}.nav-item.active{color:#34d399}.nav-item:active{transform:scale(.95)}.nav-icon{width:22px;height:22px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-1\.5{gap:.375rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-1>*+*{margin-top:.25rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:#fff}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-emerald-400{color:#34d399}.text-emerald-500{color:#10b981}.text-violet-400{color:#a78bfa}.text-blue-400{color:#60a5fa}.text-amber-500{color:#f59e0b}.bg-emerald-500\/10{background-color:#10b9811a}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600\/10{background-color:#2563eb1a}.bg-blue-600\/20{background-color:#2563eb33}.border-violet-500\/20{border-color:#8b5cf633}.border-blue-500\/20{border-color:#3b82f633}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.w-full{width:100%}.w-1\/2{width:50%}.h-8{height:2rem}.w-px{width:1px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.p-4{padding:1rem}.p-4\.5{padding:1.125rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.rounded-xl{border-radius:12px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.underline{text-decoration:underline}.underline-offset-4{text-underline-offset:4px}.min-height-100vh{min-height:100vh}.bg-slate-950\/20{background-color:#02061733}.border-emerald-500\/30{border-color:#10b9814d}.border-violet-500\/30{border-color:#8b5cf64d}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/40{border-color:#3b82f666}.border-violet-500\/40{border-color:#8b5cf666}.border{border-width:1px;border-style:solid;border-color:transparent}.border-t{border-top-width:1px;border-top-style:solid;border-top-color:transparent}.border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:transparent}.border-l{border-left-width:1px;border-left-style:solid;border-left-color:transparent}.border-r{border-right-width:1px;border-right-style:solid;border-right-color:transparent}.min-h-screen{min-height:100vh}.flex-grow{flex-grow:1}.pt-26{padding-top:6.5rem}.pt-24{padding-top:6rem}.pt-20{padding-top:5rem}.pb-24{padding-bottom:6rem}.pb-6{padding-bottom:1.5rem}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.rounded-2xl{border-radius:16px}.rounded-t-2xl{border-top-left-radius:16px;border-top-right-radius:16px}.select-none{-webkit-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.overflow-x-hidden{overflow-x:hidden}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.active\:scale-95:active{transform:scale(.95)}.active\:scale-\[0.97\]:active{transform:scale(.97)}.active\:scale-\[0.98\]:active{transform:scale(.98)}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-violet-500\/15{border-color:#8b5cf626}.border-emerald-500\/20{border-color:#10b98133}.bg-slate-950\/40{background-color:#02061766}.bg-slate-950\/60{background-color:#02061799}.bg-slate-950\/80{background-color:#020617cc}.bg-violet-600\/5{background-color:#8b5cf60d}.bg-violet-600\/15{background-color:#8b5cf626}.bg-\[\#070512\]{background-color:#070512}.bg-\[\#070512\]\/60{background-color:#07051299}.bg-\[\#070512\]\/80{background-color:#070512cc}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.max-w-\[600px\]{max-width:600px}.h-\[155px\]{height:155px}.min-h-\[155px\]{min-height:155px}.font-display-lg{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.05em}.px-5{padding-left:1.25rem;padding-right:1.25rem}.global-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:64px;background-color:#070512bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 4px 20px #0000004d;box-sizing:border-box}.header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:1px solid rgba(167,139,250,.4);display:flex;align-items:center;justify-content:center;background-color:#1e293b;box-shadow:0 0 12px #8b5cf633;cursor:pointer;transition:transform .2s ease}.header-avatar:active{transform:scale(.95)}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-title-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;transition:opacity .2s ease}.header-title-container:active{opacity:.9}.header-title{font-size:14px;font-weight:900;letter-spacing:.05em;color:#d8cdff;text-transform:uppercase;font-family:Inter,sans-serif;margin:0;white-space:nowrap}.header-bell-btn{background:none;border:none;color:#a78bfa;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;outline:none}.header-bell-btn:hover{color:#c084fc}.header-bell-btn:active{transform:scale(.95)}.header-bell-icon{width:20px;height:20px;color:#c084fc}