*{box-sizing:border-box;margin:0;padding:0}:root[data-theme=dark]{--bg: #0f172a;--text: #e2e8f0;--surface: #1e293b;--panel: #1e293b;--panel-border: #334155}:root[data-theme=light]{--bg: #f8f9fa;--text: #1f2937;--surface: #ffffff;--panel: #ffffff;--panel-border: #e5e7eb}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding:0;margin:0;overflow-y:auto;overflow-x:hidden}html,body{height:100%;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--panel);border-radius:4px}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}app-root{display:flex;flex-direction:column;height:100%;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:slideIn .5s ease-out}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.practice-session-container{padding:10px!important}section{padding:15px!important}.controls-buttons{flex-direction:column!important}button{width:100%}}