@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #2563eb;--bg: #f8fafc}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:20px}.markdown-content h1{font-size:1.8rem;font-weight:900;color:#0f172a;margin-bottom:1.5rem;letter-spacing:-.02em;text-transform:uppercase}.markdown-content h2{font-size:1.4rem;font-weight:800;color:#1e293b;margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.markdown-content h3{font-size:1.1rem;font-weight:800;color:#334155;margin-top:1.5rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.markdown-content p{margin-bottom:1.25rem;font-size:.95rem;line-height:1.8;color:#475569}.markdown-content strong{color:#0f172a;font-weight:800}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem;font-size:.95rem;color:#475569}.markdown-content blockquote{border-left:4px solid #3b82f6;background:#f8fafc;padding:1.5rem;margin:2rem 0;font-style:italic;border-radius:.5rem;color:#1e293b}.markdown-content hr{border:0;border-top:2px solid #f1f5f9;margin:3rem 0}.video-preview-container{width:100%;aspect-ratio:1 / 1}.waveform-progress-bar{height:100%;transition:width .1s ease-out;width:var(--progress-width, 0%)}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background:#fff;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;padding:2.5rem 1.5rem;position:relative;z-index:40;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:80px;padding:2.5rem .75rem}.main-content{flex:1;overflow-y:auto;background:#f8fafc;transition:all .4s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:80px}.sidebar.collapsed+.main-content{margin-left:0}.side-nav-item{width:100%;display:flex;align-items:center;padding:.875rem 1.25rem;margin-bottom:.5rem;border-radius:1rem;color:#64748b;font-size:13px;font-weight:600;transition:all .2s ease;text-align:left;white-space:nowrap;overflow:hidden}.sidebar.collapsed .side-nav-item{padding:.75rem;justify-content:center}.sidebar.collapsed .nav-text{display:none}.side-nav-item:hover:not(.disabled){background:#f1f5f9;color:#0f172a}.side-nav-item.active{background:#0f172a;color:#fff}.side-nav-item.disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.side-nav-section-title{font-size:9px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.15em;margin:1.25rem 0 .5rem .75rem}.sidebar.collapsed .side-nav-section-title{display:none}.bottom-player-container{position:fixed;bottom:0;left:280px;right:0;background:#fff;border-top:1px solid #E2E8F0;padding:1.25rem 3rem;z-index:90;box-shadow:0 -10px 15px -3px #0000000d;transition:left .3s cubic-bezier(.4,0,.2,1)}.bottom-player-container.sidebar-collapsed{left:80px}