:root{--xp-blue-title:linear-gradient(180deg, #0058e6 0%, #3a93ff 3%, #2888f0 6%, #1c7de8 10%, #1474e0 14%, #0e6adc 20%, #0860d4 24%, #0458cc 36%, #0250c4 46%, #0048bc 56%, #0040b4 66%, #0038ac 76%, #0030a4 86%, #00289c 100%);--xp-blue-toolbar:#ece9d8;--xp-blue-bg:#4a86c8;--xp-blue-start:#2554a0;--xp-border-light:#fff;--xp-border-dark:#848484;--xp-border-darker:#404040;--xp-panel-bg:#f1efe2;--xp-button-face:#ece9d8;--xp-button-highlight:#fff;--xp-button-shadow:#aca899;--xp-button-text:#000;--xp-selection-bg:#316ac5;--xp-selection-fg:#fff;--xp-green:#1db954;--xp-font:Tahoma, "Trebuchet MS", Verdana, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--xp-font);color:#000;background:var(--xp-blue-bg);height:100vh;font-size:11px;overflow:hidden}.hidden{display:none!important}.splash-overlay{z-index:9999;background:#000;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.splash-box{text-align:center;padding:40px}.splash-logo-area{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.splash-logo{width:64px;height:64px}.splash-title{color:#fff;font-family:Trebuchet MS,sans-serif;font-size:32px;font-weight:700}.splash-loader-container{margin-top:20px}.splash-status-text{color:#aaa;margin-bottom:8px;font-size:11px}.xp-progress-bar{background:#333;border:1px solid #555;border-radius:2px;width:300px;height:18px;margin:0 auto;overflow:hidden}.xp-progress-fill{background:linear-gradient(90deg,#1a6aff,#4a9aff,#1a6aff) 0 0/30px 100%;height:100%;transition:width .5s;animation:1s linear infinite xp-progress-anim}@keyframes xp-progress-anim{0%{background-position:0 0}to{background-position:30px 0}}.splash-version{color:#555;margin-top:16px;font-size:10px}.login-overlay{background:var(--xp-blue-bg);z-index:9998;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-window{width:420px}.login-body{padding:20px}.login-header{text-align:center;margin-bottom:20px}.login-logo{width:48px;height:48px;margin-bottom:8px}.login-header h2{color:#039;margin-bottom:4px;font-size:18px}.login-header p{color:#666;font-size:11px}.form-group{margin-bottom:12px}.form-group label{margin-bottom:4px;font-weight:700;display:block}.form-group input[type=text],.form-group input[type=password],.form-group select{width:100%;font-family:var(--xp-font);border:1px solid #7f9db9;padding:4px 6px;font-size:11px}.checkbox-group{align-items:center;gap:6px;margin-bottom:8px;display:flex}.login-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.xp-window{background:var(--xp-panel-bg);border:2px solid #0054e3;border-radius:8px 8px 0 0;flex-direction:column;display:flex;box-shadow:2px 2px 10px #0006}.xp-titlebar{background:var(--xp-blue-title);color:#fff;-webkit-user-select:none;user-select:none;border-radius:6px 6px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 6px;font-size:12px;font-weight:700;display:flex}.xp-titlebar-text{align-items:center;gap:4px;display:flex}.xp-window-icon{width:16px;height:16px}.xp-titlebar-controls{gap:2px;display:flex}.xp-titlebar-controls button{cursor:pointer;color:#fff;border:1px solid #fff;border-radius:3px;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:700;display:flex}.xp-btn-min,.xp-btn-max{background:linear-gradient(#4690f0,#1a56c0)}.xp-btn-close{background:linear-gradient(#e08050,#c04020)}.xp-titlebar-controls button:hover{filter:brightness(1.2)}.main-window{z-index:100;border:none;border-radius:0;position:fixed;inset:0}.xp-menubar{background:var(--xp-blue-toolbar);border-bottom:1px solid #aca899;flex-shrink:0;align-items:center;padding:0 4px;display:flex;position:relative}.xp-menu-item{cursor:pointer;padding:4px 8px;position:relative}.xp-menu-item:hover{background:var(--xp-selection-bg)}.xp-dropdown-menu{z-index:500;background:#fff;border:1px solid #848484;min-width:200px;display:none;position:absolute;top:100%;left:0;box-shadow:2px 2px 4px #0003}.xp-menu-item:hover .xp-dropdown-menu{display:block}.xp-dropdown-item{cursor:pointer;white-space:nowrap;padding:4px 20px}.xp-dropdown-item:hover{background:var(--xp-selection-bg);color:#fff}.xp-dropdown-menu hr{border:none;border-top:1px solid #ccc;margin:2px 0}.xp-toolbar{background:linear-gradient(#f6f4ec,#e8e4d8);border-bottom:1px solid #aca899;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:4px 8px;display:flex}.xp-toolbar-buttons{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.xp-toolbar-btn{cursor:pointer;font-family:var(--xp-font);background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.xp-toolbar-btn:hover{background:#f0eed8;border-color:#c0b8a0}.xp-toolbar-btn.active{background:#d8d4c4;border-color:#b0a888}.xp-toolbar-btn:disabled{opacity:.5;cursor:default}.xp-toolbar-divider{background:#aca899;width:1px;height:24px;margin:0 4px}.xp-toolbar-search{gap:4px;width:100%;margin-left:0;display:flex}.xp-toolbar-search input{font-family:var(--xp-font);border:1px solid #7f9db9;flex:1;padding:3px 6px;font-size:11px}.badge{color:#fff;background:red;border-radius:8px;margin-left:2px;padding:1px 4px;font-size:9px}.xp-button{background:var(--xp-button-face);cursor:pointer;font-family:var(--xp-font);border:1px solid #003c74;border-radius:3px;padding:4px 12px;font-size:11px}.xp-button:hover{background:#ddd8c8}.xp-button:active{background:#c8c4b8}.xp-button.primary{background:linear-gradient(#fff,#e0d8c0);border-color:#003c74;font-weight:700}.xp-button:disabled{opacity:.5;cursor:default}.xp-button.small{padding:2px 8px;font-size:10px}.xp-button.full-width{text-align:left;width:100%;margin-bottom:4px}.search-btn{padding:3px 10px}.xp-main-body{flex:1;min-height:0;display:flex;overflow:hidden}.xp-sidebar{background:linear-gradient(#6b9edb,#3a6fb0);flex-shrink:0;width:200px;padding:4px;overflow-y:auto}.xp-content-pane{background:#fff;flex:1;min-height:0;padding:12px;overflow-y:auto}.sidebar-group{margin-bottom:8px}.sidebar-header{color:#fff;background:linear-gradient(#ffffff40,#ffffff0d);border-radius:3px 3px 0 0;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.sidebar-list{list-style:none}.sidebar-item{color:#fff;cursor:pointer;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex}.sidebar-item:hover{background:#ffffff26}.sidebar-item.active{background:#ffffff4d;font-weight:700}.sidebar-item .icon{text-align:center;width:16px}.xp-mini-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex}.playlist-header-wrapper{justify-content:space-between;align-items:center;display:flex}.content-view{display:block}.welcome-banner{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:4px;margin-bottom:16px;padding:16px}.welcome-banner h3{color:#2e7d32;margin-bottom:4px}.home-grid{flex-direction:column;gap:12px;display:flex}.home-row{flex-wrap:wrap;gap:12px;display:flex}.home-card{flex:1;min-width:280px}.home-card.full-width{flex-basis:100%}.xp-panel{background:#fff;border:1px solid #aca899;border-radius:2px}.xp-panel-header{background:linear-gradient(#f0eee4,#ddd8c8);border-bottom:1px solid #aca899;padding:4px 8px;font-size:11px;font-weight:700}.xp-panel-body{padding:8px}.quick-actions-body{flex-direction:column;gap:4px;display:flex}.stats-card p{margin:4px 0}.xp-table{border-collapse:collapse;width:100%;font-size:11px}.xp-table th{text-align:left;cursor:default;white-space:nowrap;background:linear-gradient(#f8f6ee,#e0ddd0);border:1px solid #aca899;padding:4px 8px;font-weight:700}.xp-table th.sortable{cursor:pointer}.xp-table td{border-bottom:1px solid #e0ddd0;padding:3px 8px}.xp-table tr:hover{background:#e8f0ff}.xp-table tr.selected{background:var(--xp-selection-bg);color:#fff}.xp-table tr.active-track{color:#1db954;font-weight:700}.table-container{max-height:400px;overflow:auto}.library-cover{flex-shrink:0}.library-toolbar{background:#f8f6ee;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:4px;display:flex}.lib-search-box{margin-left:auto}.lib-search-box input{width:180px;font-family:var(--xp-font);border:1px solid #7f9db9;padding:3px 6px}.upload-panel{align-items:center;gap:8px;display:flex}.playlist-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.playlist-meta-actions{flex-wrap:wrap;gap:4px;display:flex}.playlist-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.playlist-card{cursor:pointer;transition:box-shadow .2s,border-color .2s}.playlist-card:hover{border-color:var(--xp-selection-bg);box-shadow:0 4px 12px #00000026}.playlist-card.active{border:2px solid var(--xp-selection-bg)}.playlist-card-header{gap:12px;padding:8px;display:flex}.playlist-cover{color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex;overflow:hidden}.playlist-cover img{object-fit:cover;width:100%;height:100%}.playlist-card-info{flex:1;min-width:0}.playlist-card-info h4{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:12px;overflow:hidden}.playlist-card-info p{color:#666;margin:2px 0;font-size:10px}.playlist-date{font-size:10px;color:#999!important}.playlist-card-actions{border-top:1px solid #e0ddd0;gap:4px;padding:0 8px 8px;display:flex}.empty-state{text-align:center;padding:40px 20px}.empty-state .xp-panel-body{padding:40px 20px}.playlist-songs{margin-top:8px}.track-actions{align-items:center;gap:4px;display:flex;position:relative}.action-menu-btn{justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:14px;line-height:1;display:flex}.action-menu{z-index:1000;background:#fff;border:1px solid #848484;min-width:160px;padding:2px 0;position:absolute;top:100%;right:0;box-shadow:2px 2px 4px #0003}.action-menu-item{cursor:pointer;white-space:nowrap;padding:4px 12px;font-size:11px}.action-menu-item:hover{background:var(--xp-selection-bg);color:#fff}.action-menu-item.danger{color:#d32f2f}.track-actions:has(.action-menu){position:relative}.recently-played-card .xp-table td:last-child{color:#666;font-size:10px}.playlist-checkbox-item{cursor:pointer;border-bottom:1px solid #e0ddd0;align-items:center;gap:8px;padding:8px;display:flex}.playlist-checkbox-item input{margin-right:8px}.playlist-checkbox-item:hover{background:#f0f4ff}.xp-player-bar{background:linear-gradient(#e8e4d8,#d4d0c4);border-top:2px solid #fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;min-height:64px;padding:4px 8px;display:flex}.player-track-info{flex:100%;align-items:center;gap:8px;min-width:0;display:flex}.mini-album-art{color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.mini-track-meta{flex-direction:column;gap:1px;display:flex}.track-title{font-size:11px;font-weight:700}.track-artist{color:#666;font-size:10px}.track-extra{color:#888;gap:6px;font-size:9px;display:flex}.track-extra .divider{color:#ccc}.rating-stars{cursor:pointer;color:#ffb300;letter-spacing:1px}.player-controls-panel{flex-direction:column;flex:100%;align-items:center;gap:2px;display:flex}.player-buttons{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.player-btn{cursor:pointer;background:linear-gradient(#fff,#ddd8c8);border:1px solid #848484;border-radius:3px;justify-content:center;align-items:center;width:30px;height:26px;font-size:12px;display:flex}.player-btn:hover{background:linear-gradient(#fff,#ccc8b8)}.player-btn.primary{background:linear-gradient(#d0f0d0,#80c080);width:36px}.player-btn.active{background:linear-gradient(#a8d0a8,#60a060);border-color:#408040}.player-timeline-wrapper{align-items:center;gap:6px;width:100%;max-width:400px;display:flex}.time-elapsed,.time-total{color:#333;text-align:center;min-width:30px;font-size:10px}.xp-slider-container{flex:1}input[type=range]{-webkit-appearance:none;background:0 0;width:100%;height:16px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(#888,#bbb);border:1px solid #666;border-radius:2px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(#fff,#ccc);border:1px solid #666;border-radius:2px;width:12px;height:18px;margin-top:-7px}.player-utils-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.player-icon-btn{cursor:pointer;font-family:var(--xp-font);background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 8px;font-size:10px}.player-icon-btn:hover{background:#f0eed8;border-color:#b0a888}.player-volume-wrapper{flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.speaker-icon{font-size:14px}.player-volume-slider{width:80px}.xp-modal{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-window{width:calc(100% - 24px);min-width:400px;max-width:700px;max-height:80vh}.eq-window{width:560px}.visualizer-window{width:660px}.burner-window{width:500px}.prefs-window{width:550px}.props-window,.lyrics-window{width:400px}.about-window,.confirm-window{width:380px}.eq-body{padding:12px}.eq-controls-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.eq-sliders-container{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.eq-channel-strip{flex-direction:column;align-items:center;gap:4px;display:flex}.slider-track-vert{justify-content:center;align-items:center;height:120px;display:flex}.slider-track-vert input[type=range]{writing-mode:vertical-lr;direction:rtl;width:16px;height:120px}.eq-label{color:#666;font-size:9px}.preset-selector-group{align-items:center;gap:6px;display:flex}.visualizer-body{padding:8px}.vis-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.canvas-container{background:#000;border:2px inset #848484}#visualizer-canvas{display:block}.burner-body{padding:16px}.burner-step{text-align:center}.drive-anim{margin:20px 0}.disc-icon{font-size:48px}.rotate-slow{animation:4s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drive-tray-label{color:#666;margin-top:8px}.burner-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.burner-disc-estimate{margin-top:12px;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prefs-body{padding:12px}.xp-tab-headers{flex-wrap:wrap;gap:2px;margin-bottom:12px;display:flex}.xp-tab-btn{cursor:pointer;font-family:var(--xp-font);background:#e0ddd0;border:1px solid #aca899;border-bottom:none;border-radius:4px 4px 0 0;padding:4px 12px;font-size:11px}.xp-tab-btn.active{background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;font-weight:700}.xp-tab-content{background:#fff;border:1px solid #aca899;min-height:200px;padding:12px;display:none}.xp-tab-content.active{display:block}.prefs-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.props-body{padding:12px}.props-tab-header{background:linear-gradient(#f0eee4,#ddd8c8);border:1px solid #aca899;margin-bottom:8px;padding:4px 8px;font-weight:700}.props-row{margin-bottom:4px;display:flex}.props-row .label{min-width:100px;font-weight:700}.props-row .value{color:#333}.props-actions{text-align:right;margin-top:12px}.lyrics-body{padding:16px}.lyrics-text-container{white-space:pre-wrap;margin-top:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.8}.about-body{text-align:center;padding:20px}.about-logo{width:48px;height:48px;margin-bottom:8px}.about-actions{margin-top:16px}.confirm-body{padding:16px}.confirm-content-row{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.confirm-warning-icon{color:#ff9800;font-size:32px}.confirm-actions{justify-content:center;gap:8px;display:flex}.xp-context-menu{z-index:2000;background:#fff;border:1px solid #848484;min-width:180px;padding:2px 0;position:fixed;box-shadow:2px 2px 4px #0003}.context-item{cursor:pointer;padding:4px 20px;position:relative}.context-item:hover{background:var(--xp-selection-bg);color:#fff}.context-item.delete{color:#d32f2f}.context-submenu{background:#fff;border:1px solid #848484;min-width:150px;display:none;position:absolute;top:0;left:100%}.context-item:hover .context-submenu{display:block}.xp-context-menu hr{border:none;border-top:1px solid #ccc;margin:2px 0}.xp-shutdown-overlay{color:#fff;z-index:99999;background:#000;flex-direction:column;justify-content:center;align-items:center;font-family:Tahoma,sans-serif;font-size:18px;display:flex;position:fixed;inset:0}.theme-luna-olive{--xp-blue-title:linear-gradient(180deg, #6e8e38 0%, #98b85a 10%, #7ea040 30%, #5e8028 60%, #4a6820 100%);--xp-blue-bg:#6b8e4e}.theme-luna-silver{--xp-blue-title:linear-gradient(180deg, #888 0%, #bbb 10%, #999 30%, #777 60%, #666 100%);--xp-blue-bg:#888}.theme-retro-classic{--xp-blue-title:linear-gradient(180deg, gray, #a0a0a0);--xp-blue-bg:teal}@media (width<=768px){body{overflow:auto}.main-window{position:absolute;inset:0}.xp-menubar{overflow-x:auto}.xp-toolbar{flex-wrap:wrap}.xp-toolbar-buttons{flex-wrap:nowrap;order:2;width:100%;overflow-x:auto}.xp-toolbar-search{order:3;width:100%;margin-left:0}.xp-toolbar-search input{flex:1;width:auto}.xp-main-body{display:block;overflow:hidden}.xp-sidebar{display:none}.xp-content-pane{width:100%;padding:8px}.xp-player-bar{flex-wrap:wrap;min-height:100px}.player-track-info{flex:100%;order:1;min-width:0}.player-controls-panel{flex:100%;order:2}.player-utils-panel{flex:100%;order:3;justify-content:space-between}.player-volume-wrapper{flex:1;justify-content:flex-end}.player-volume-slider{width:100px}.xp-table{min-width:700px}.table-container{overflow-x:auto}.login-window{width:calc(100% - 24px)}.splash-box{width:100%;padding:20px}.xp-progress-bar{width:min(300px,80vw)}.dialog-window{width:calc(100% - 24px);min-width:0;max-height:90vh}.home-row{flex-direction:column}.home-card{min-width:0}.library-toolbar{flex-direction:column;align-items:stretch}.lib-search-box{width:100%;margin-left:0}.lib-search-box input{width:100%}.upload-panel{justify-content:center}.playlist-header{flex-direction:column;align-items:flex-start}.playlist-meta-actions{justify-content:space-between;width:100%}.playlist-grid{grid-template-columns:1fr}.track-actions{flex-wrap:wrap}.action-menu{min-width:180px;right:-100px}.xp-storage-error-toast{max-width:none;left:10px;right:10px;transform:none}}