:root{--color-bg-surface-rgb:22,22,22;--color-primary:#ff7a3d;--color-primary-hover:#ff9a65;--color-primary-dim:rgba(255,122,61,.18);--color-bg:#0a0a0a;--color-bg-surface:#161616;--color-bg-elevated:#202020;--color-bg-overlay:rgba(0,0,0,.75);--color-border:hsla(0,0%,100%,.1);--color-border-strong:hsla(0,0%,100%,.2);--color-text-primary:#f0f0f0;--color-text-secondary:#b0b0b0;--color-text-tertiary:#707070;--color-text-on-primary:#fff;--color-waveform:#ff7a3d;--color-waveform-bg:rgba(255,122,61,.22);--color-waveform-cursor:#ff9a65;--color-tag-bg:rgba(255,122,61,.15);--color-tag-text:#ff9a65;--color-tag-border:rgba(255,122,61,.3);--shadow-card:0 2px 16px rgba(0,0,0,.5);--shadow-elevated:0 8px 40px rgba(0,0,0,.7);--shadow-player:0 -4px 28px rgba(0,0,0,.6);--waveform-wave-color:hsla(0,0%,100%,.5);--waveform-progress-color:#f50;--waveform-cursor-color:#ff8a55;--header-height:64px;--sidebar-width:360px;--content-max-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-noto),var(--font-syne),sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh}:lang(en){font-family:var(--font-inter),var(--font-noto),sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}