:root{--color-bg-primary: #0A0C10;--color-bg-secondary: #12151C;--color-bg-tertiary: #1A1E28;--color-cyan: #00D4FF;--color-alert: #FF3B5C;--color-success: #00FF88;--color-warning: #FFAA00;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .7);--color-border: rgba(255, 255, 255, .08);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--navbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,Helvetica Neue,Arial,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}video{display:block;width:100%}button,[role=button]{-webkit-user-select:none;user-select:none}a{color:var(--color-cyan);text-decoration:none;transition:color .15s ease}a:hover{color:#00b8e0}code,pre{font-family:Fira Code,Consolas,monospace;font-size:.875rem}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.recording-pulse{animation:statusPulse 1s ease-in-out infinite}