:root{--bg-main: #090d16;--bg-surface: rgba(18, 24, 38, .75);--bg-card: rgba(23, 32, 51, .65);--bg-card-hover: rgba(30, 42, 68, .85);--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(59, 130, 246, .4);--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .25);--primary-hover: #2563eb;--accent-gold: #f59e0b;--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-red: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--safe-bottom: env(safe-area-inset-bottom, 16px);--safe-top: env(safe-area-inset-top, 16px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;min-height:-webkit-fill-available;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.12) 0px,transparent 45%),radial-gradient(at 100% 0%,rgba(139,92,246,.1) 0px,transparent 40%),radial-gradient(at 50% 100%,rgba(16,185,129,.08) 0px,transparent 50%);background-attachment:fixed;overflow-x:hidden;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.glass{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.glass-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 10px 30px #00000040;transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-active)}.app-header{position:sticky;top:0;z-index:50;padding:calc(var(--safe-top) + 8px) 20px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:#090d16d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.app-logo-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:6px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.icon-btn:hover,.icon-btn.active{background:#3b82f626;color:var(--text-primary);border-color:var(--primary)}.main-viewport{flex:1;max-width:720px;width:100%;margin:0 auto;padding:16px 16px calc(var(--safe-bottom) + 85px);display:flex;flex-direction:column;gap:16px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:10px 16px calc(var(--safe-bottom) + 6px);background:#0c111deb;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;align-items:center}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;padding:6px 14px;border-radius:14px;transition:all .2s ease}.tab-item.active{color:var(--primary);background:#3b82f61f}.tab-item svg{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.tab-item.active svg{transform:translateY(-1px) scale(1.1)}.badge-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-blackjack{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-luzzu{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-daily{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-level{background:#ffffff14;color:var(--text-secondary);border:1px solid var(--border-subtle)}.player-card{padding:28px 24px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;min-height:280px;justify-content:space-between}.player-card:before{content:"";position:absolute;top:-60px;right:-60px;width:140px;height:140px;background:var(--primary-glow);filter:blur(50px);border-radius:50%;pointer-events:none}.player-english{font-size:1.45rem;font-weight:700;line-height:1.4;letter-spacing:-.015em;color:#fff}.player-french{font-size:1.05rem;font-weight:400;color:var(--text-secondary);line-height:1.5;border-top:1px dashed var(--border-subtle);padding-top:14px}.controls-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}.play-main-btn{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #3b82f673;transition:all .2s cubic-bezier(.16,1,.3,1)}.play-main-btn:hover{transform:scale(1.06);box-shadow:0 10px 30px #3b82f699}.play-main-btn:active{transform:scale(.96)}.nav-track-btn{width:48px;height:48px;border-radius:50%;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.nav-track-btn:hover{background:#ffffff1f;transform:scale(1.05)}.translate-input-card{padding:20px;display:flex;flex-direction:column;gap:14px;border-radius:20px}.textarea-clean{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:1.25rem;line-height:1.45;resize:none;min-height:90px}.textarea-clean::placeholder{color:var(--text-muted)}.mic-pulse-btn{width:48px;height:48px;border-radius:50%;background:#3b82f626;border:1px solid var(--border-active);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mic-pulse-btn.recording{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 20px #ef444499;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(.98)}50%{transform:scale(1.08)}to{transform:scale(.98)}}.coach-card{border-left:4px solid var(--accent-gold);padding:20px;border-radius:16px;background:#f59e0b0d;display:flex;flex-direction:column;gap:12px}.coach-card.success{border-left-color:var(--accent-green);background:#10b9810d}.coach-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.coach-item{display:flex;flex-direction:column;gap:4px;font-size:.95rem}.coach-label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-content{max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border-radius:24px;padding:24px}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}