:root{--bg-deep: #0D2330;--bg-card: #1A3A4A;--bg-card-hover: #1F4558;--bg-surface: #122B3A;--accent: #7ECFC0;--accent-dim: #5DADA0;--accent-glow: rgba(126, 207, 192, .15);--text-primary: #F0F4F6;--text-secondary: #8BA9B5;--text-muted: #4A7080;--border: rgba(126, 207, 192, .15);--border-solid: rgba(126, 207, 192, .25);--danger: #E07070;--success: #6EC99A;--warning: #E0C06A;--nav-height: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;font-size:16px}body{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{height:100%;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes waveform{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}.page{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}.page-content{max-width:480px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;background:var(--accent);color:var(--bg-deep);font-size:16px;font-weight:700;border-radius:14px;border:none;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.btn-primary:hover{background:#8fdfd0;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;background:transparent;color:var(--accent);font-size:16px;font-weight:600;border-radius:14px;border:1px solid var(--border-solid);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--accent-glow);border-color:var(--accent)}.btn-ghost{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-input{width:100%;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:15px;transition:border-color .2s ease}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.badge-free{background:#6ec99a26;color:var(--success)}.badge-premium{background:#7ecfc026;color:var(--accent)}.badge-locked{background:#ffffff0f;color:var(--text-muted)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.divider{height:1px;background:var(--border);margin:20px 0}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:calc(100% - 40px);max-width:400px}.toast{padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;animation:slideUp .3s ease;pointer-events:all;display:flex;align-items:center;gap:10px}.toast-success{background:#1a3d2c;border:1px solid rgba(110,201,154,.3);color:var(--success)}.toast-error{background:#3d1a1a;border:1px solid rgba(224,112,112,.3);color:var(--danger)}.toast-info{background:var(--bg-card);border:1px solid var(--border-solid);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-sheet{background:var(--bg-card);border-radius:24px 24px 0 0;padding:24px 24px calc(24px + var(--safe-bottom));width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-handle{width:36px;height:4px;background:var(--text-muted);border-radius:2px;margin:0 auto 20px}