ul{box-sizing:border-box}.waveform-container{flex:1;min-height:60px;min-width:0}.waveform-container canvas{display:block;height:100%;max-width:100%;position:relative;transition:opacity .3s ease;width:100%;z-index:1}@media (max-width:480px){.waveform-container{min-height:50px}}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--bg-base:#000000;--bg-nav:#121212;--accent-green-hover:#1ed760;--bg-base:#121212;--bg-nav:#000000;--bg-card:#181818;--bg-card-hover:#282828;--accent-green:#1db954;--text-primary:#ffffff;--text-secondary:#b3b3b3}*,body{margin:0;padding:0}body{overflow:hidden}*{box-sizing:border-box}body,html{min-height:100%;background-color:var(--bg-base);color:var(--text-primary);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;overflow-y:visible}.spotify-layout{display:flex;min-height:100vh;width:100%}.sidebar{width:240px;flex-shrink:0;position:sticky;top:0;height:100vh;background-color:var(--bg-nav);padding:24px;display:flex;flex-direction:column;z-index:600}.logo{font-size:24px;font-weight:700;margin-bottom:30px}.sidebar nav ul{list-style:none}.sidebar nav li{margin-bottom:20px}.sidebar nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.ctrl-btn:hover,.logo,.sidebar nav a:hover,.sidebar nav li.active a{color:var(--text-primary)}.main-content{flex-grow:1;min-width:0;background:linear-gradient(to bottom,#202020,var(--bg-base));padding:0}.site-header{position:sticky;top:0;z-index:500;width:100%;background-color:var(--bg-base);box-shadow:0 4px 60px rgb(0 0 0/.5);overflow:hidden;margin-bottom:10px}.site-header img{width:100%;height:auto;display:block;object-fit:cover;max-height:250px}#content-area{padding:0 32px 180px}.waveform-container{width:100%;height:30px;background:rgb(255 255 255/.03);border-radius:4px;overflow:hidden;position:relative;cursor:pointer}#waveform-canvas{width:100%;height:100%;display:block}.player-controls{display:flex;align-items:center;gap:16px}.ctrl-btn{background:0 0;border:0;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:all .2s}.ctrl-btn:hover{transform:scale(1.1)}.start-stop-btn{background-color:var(--accent-green);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px rgb(29 185 84/.3)}.volume-controls{width:25%;display:flex;justify-content:flex-end}.volume-controls input{width:100px;accent-color:var(--accent-green)}.song-list{margin-top:40px}.desktop-only,.nav-item-global .nav-icon svg{display:block}@media (max-width:1024px){.desktop-only{display:none!important}}.player-bar-global{position:fixed;bottom:0;left:0;width:100%;z-index:1000;display:flex;flex-direction:column;background-color:#000}.player-row-persistent{height:44px;background-color:#1a1a1a;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;border-bottom:1px solid #333}.global-nav-bar{height:58px;display:flex;align-items:center;justify-content:space-evenly;padding:0;gap:0;background-color:#000}.nav-item-global{flex-direction:column;flex:1 1 0%;gap:4px;color:var(--text-secondary);cursor:pointer;font-weight:600;transition:color .2s}.nav-item-global:hover{color:var(--accent-green)}.nav-item-global,.nav-item-global .nav-icon{display:flex;align-items:center;justify-content:center}.nav-item-global .nav-icon{font-size:22px;line-height:1}.nav-item-global .nav-label{font-size:11px;line-height:1;text-transform:lowercase;width:100%;text-align:center}@media (max-width:1024px){.sidebar{display:none}.spotify-layout{flex-direction:column}.main-content{padding-bottom:120px}.player-row-persistent{background-color:#282828;margin:4px 8px;border-radius:8px;height:50px}.global-nav-bar{height:64px}.nav-item-global{padding:6px 0;gap:6px}.nav-item-global .nav-label{font-size:10px}.mobile-progress-container{position:absolute;bottom:0;left:12px;right:12px;height:2px;background:rgb(255 255 255/.1);overflow:hidden}.mobile-progress-fill{height:100%;width:0%;background-color:var(--accent-green)}}.sidebar nav{display:none}