:root{--color-white: #ffffff;--color-text-primary: rgba(255, 255, 255, 1);--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-faint: rgba(255, 255, 255, .5);--color-text-dim: rgba(255, 255, 255, .3);--color-text-placeholder: rgba(255, 255, 255, .25);--color-accent-purple: #a78bfa;--color-accent-blue: #60a5fa;--color-error: rgb(239, 68, 68);--color-error-light: #f87171;--gradient-primary: linear-gradient(135deg, #a78bfa, #60a5fa);--gradient-page-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--glass-bg-subtle: rgba(255, 255, 255, .05);--glass-bg-medium: rgba(255, 255, 255, .07);--glass-bg-strong: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .12);--glass-blur: blur(10px);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.5rem;--radius-full: 50%;--transition-fast: .2s ease;--input-focus-border: rgba(167, 139, 250, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}app-root,app-main-page{display:block;height:100%}.glass-card{background:var(--glass-bg-subtle);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg)}.input-field{background:#ffffff14;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-white);outline:none;transition:border var(--transition-fast),background var(--transition-fast)}.input-field:focus{border-color:var(--input-focus-border);background:#ffffff1f}.input-field::placeholder{color:var(--color-text-placeholder)}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.btn-back{background:transparent;border:none;color:var(--color-text-faint);font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.btn-back:hover{color:var(--color-white);background:#ffffff14}.btn-primary{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn-primary:hover{opacity:.85;transform:scale(1.02)}.btn-ghost{background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.list-container{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.empty-state{font-size:.8rem;color:var(--color-text-dim);text-align:center;margin-top:1rem}.avatar-circle{border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:700;flex-shrink:0}.play-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;transition:transform var(--transition-fast)}.play-button:hover{transform:scale(1.08)}.top-bar{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}