:root{--bg:#0a0a0f;--accent:#6c5ce7;--secondary:#00cec9;--card-bg:#ffffff0d;--card-border:#ffffff1a;--text:#f5f6fa;--text-muted:#a0a0a0;--danger:#ff6b6b;--success:#00b894;--font:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overflow-x:hidden}#app{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:16px;transition:transform .2s,box-shadow .2s}.glass-card:active{transform:scale(.98)}.btn-gradient{background:linear-gradient(135deg, var(--accent), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.btn-gradient:hover{opacity:.9}.btn-gradient:active{transform:scale(.96)}.btn-ghost{border:1px solid var(--card-border);color:var(--text);cursor:pointer;background:0 0;border-radius:12px;padding:12px 20px;font-size:14px;transition:all .2s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.input-glow{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);width:100%;font-size:16px;font-family:var(--font);border-radius:12px;outline:none;padding:14px 16px;transition:box-shadow .2s,border-color .2s}.input-glow:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce733}.input-glow::placeholder{color:var(--text-muted)}.navbar-bottom{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--card-border);z-index:1000;background:#0a0a0fd9;justify-content:space-around;width:100%;max-width:480px;padding:10px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-item:active{transform:scale(.9)}.page{animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg, var(--card-bg) 25%, #ffffff14 50%, var(--card-bg) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.heading-1{font-size:28px;font-weight:700;line-height:1.2}.heading-2{font-size:22px;font-weight:600;line-height:1.3}.text-muted{color:var(--text-muted);font-size:14px}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.p-16{padding:16px}.p-20{padding:20px}.text-center{text-align:center}.reaction-btn{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:16px;transition:all .2s;display:inline-flex}.reaction-btn:active{transform:scale(1.2)}.reaction-btn.active{border-color:var(--accent);background:#6c5ce726}.progress-bar{background:var(--card-bg);border-radius:4px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--secondary));border-radius:4px;height:100%;transition:width .4s}.toast{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);z-index:2000;text-align:center;border-radius:12px;max-width:90%;padding:12px 20px;font-size:14px;font-weight:500;transition:transform .3s;position:fixed;top:16px;left:50%;transform:translate(-50%)translateY(-100px)}.toast.show{transform:translate(-50%)translateY(0)}.video-container{background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.video-container video{width:100%;display:block}.pitch-container{aspect-ratio:68/105;background:#1e8449;border-radius:12px;width:100%;position:relative;overflow:hidden}.tts-player{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.tts-waveform{flex:1;align-items:center;gap:2px;height:32px;display:flex}.tts-bar{background:var(--accent);border-radius:2px;width:3px;animation:1s ease-in-out infinite wave}@keyframes wave{0%,to{height:4px}50%{height:24px}}