:root,[data-theme=dark]{--bg-primary: #030303;--bg-panel: #212121;--bg-panel-hover: rgba(255, 255, 255, .08);--bg-active-pill: rgba(255, 255, 255, .12);--border-color: #3c3c3c;--border-subtle: rgba(128, 128, 128, .25);--text-primary: #fff;--text-secondary: #aaa;--muted: #888;--accent: #E1002D;--avatar-bg: #1c1c1c;--avatar-fg: #ffffff;--icon-btn-color: rgba(255, 255, 255, .5);--icon-btn-color-hover: rgba(255, 255, 255, .9);--play-btn-bg: #ffffff;--play-btn-color: #030303;--playback-bar-color: #ffffff;--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3)}[data-theme=light]{--bg-primary: #f9f9f9;--bg-panel: #ffffff;--bg-panel-hover: rgba(0, 0, 0, .04);--bg-active-pill: #e8e8e8;--border-color: #c9c3da;--border-subtle: #c9c3da;--text-primary: #1b1b1b;--text-secondary: #484457;--muted: #797489;--accent: #3c00c0;--avatar-bg: #eeeeee;--avatar-fg: #1b1b1b;--icon-btn-color: #797489;--icon-btn-color-hover: #1b1b1b;--play-btn-bg: #1b1b1b;--play-btn-color: #ffffff;--playback-bar-color: #1b1b1b;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;overflow:hidden;overflow-x:hidden}body{height:100%;width:100%;max-width:100%;overflow:hidden;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}button:focus-visible{outline:2px solid var(--icon-btn-color-hover);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}