body{margin:0;padding:0;font-family:Courier New,monospace;background:#000;color:var(--text);overflow-x:hidden}.container.svelte-1k0trog{position:relative;min-height:100vh;padding:20px}.matrix.svelte-1k0trog{position:fixed;inset:0;z-index:0;opacity:.15;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(0,255,140,.35) 0 2px,transparent 2px 20px),repeating-linear-gradient(180deg,rgba(0,255,140,.35) 0 12px,transparent 12px 24px);background-size:200px 100px,100% 24px;animation:svelte-1k0trog-fall 9s linear infinite;filter:blur(.3px) saturate(120%)}@keyframes svelte-1k0trog-fall{to{background-position:0 900px,0 240px}}.main-header.svelte-1k0trog{position:relative;z-index:1;margin-bottom:30px}.window.svelte-1k0trog{border:1px solid var(--ui-dim);background:linear-gradient(to bottom,#00ff780f,#00ff7808);box-shadow:inset 0 0 0 1px #00000080,0 0 0 2px var(--bezel),0 0 18px #00ff781f;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.titlebar.svelte-1k0trog{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(#052,#031);border-bottom:1px solid var(--ui-dim)}.btn.svelte-1k0trog{width:10px;height:10px;border-radius:2px;box-shadow:0 0 0 1px #063 inset}.btn.red.svelte-1k0trog{background:#a22}.btn.yellow.svelte-1k0trog{background:#aa6}.btn.green.svelte-1k0trog{background:#2a2}.title.svelte-1k0trog{margin-left:4px;font-size:13px;color:#9effc7;flex:1}.leds.svelte-1k0trog{display:flex;gap:6px}.led.svelte-1k0trog{width:8px;height:8px;border-radius:50%;background:#052;box-shadow:0 0 0 1px #063 inset,0 0 10px #083}.led.on.svelte-1k0trog{background:var(--ui);box-shadow:0 0 0 1px #072 inset,0 0 12px var(--ui)}.header-content.svelte-1k0trog{padding:1.5rem;background:#0000008c}.logo.svelte-1k0trog{color:var(--text);font-size:11px;line-height:1.4;margin:0}.header-with-logo.svelte-1k0trog{position:relative;display:flex;align-items:center;justify-content:space-between}.logo-container.svelte-1k0trog{width:80px;height:80px;perspective:1000px;flex-shrink:0}.rotating-logo.svelte-1k0trog{width:100%;height:100%;object-fit:contain;animation:svelte-1k0trog-rotateY 6s infinite linear;transform-style:preserve-3d;filter:brightness(0) saturate(100%) invert(75%) sepia(50%) saturate(500%) hue-rotate(80deg) brightness(1.1) drop-shadow(0 0 12px rgba(7,221,107,.6))}@keyframes svelte-1k0trog-rotateY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.main-grid.svelte-1k0trog{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:20px;height:calc(100vh - 220px)}.panel.svelte-1k0trog{border:1px solid var(--ui-dim);background:linear-gradient(to bottom,#00ff780f,#00ff7808);box-shadow:inset 0 0 0 1px #00000080,0 0 0 2px var(--bezel),0 0 18px #00ff781f;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);overflow:hidden}.panel-header.svelte-1k0trog{padding:10px 15px;background:linear-gradient(#052,#031);border-bottom:1px solid var(--ui-dim);font-size:13px;color:#9effc7;font-weight:700}.badge.svelte-1k0trog{display:inline-block;padding:2px 6px;border:1px solid var(--ui-dim);background:#00000080;font-size:11px;font-weight:700;margin-right:8px;color:var(--ui)}.panel-content.svelte-1k0trog{padding:15px;background:#0000008c}.browser-panel.svelte-1k0trog{grid-column:1;grid-row:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar.svelte-1k0trog{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto}.nav-panel.svelte-1k0trog{flex-shrink:0}.nav-panel.svelte-1k0trog .panel-content:where(.svelte-1k0trog){display:flex;flex-direction:column;gap:10px}.nav-panel.svelte-1k0trog .nav-button:where(.svelte-1k0trog){width:100%;margin-bottom:0}.player-panel.svelte-1k0trog{flex-shrink:0}.browser-content.svelte-1k0trog{flex:1;overflow-y:auto;padding:0;min-height:0}.nav-button.svelte-1k0trog{width:100%;background:#000000b3;border:1px solid var(--ui-dim);color:var(--ui);padding:12px 15px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:inherit;font-size:13px;transition:all .2s}.nav-button.svelte-1k0trog:hover{background:#00ff781a;border-color:var(--ui);box-shadow:0 0 12px #00ff784d}.nav-button.svelte-1k0trog .icon:where(.svelte-1k0trog){font-size:16px}.player-content.svelte-1k0trog{display:flex;flex-direction:column;gap:20px}.visualizer.svelte-1k0trog{display:flex;gap:3px;height:60px;align-items:flex-end;justify-content:center;background:#000000b3;padding:10px;border:1px solid var(--ui-dim)}.bar.svelte-1k0trog{width:8px;background:var(--ui);min-height:2px;transition:height .1s ease;box-shadow:0 0 5px #00ff7880}.track-info.svelte-1k0trog{text-align:center}.track-name.svelte-1k0trog{font-size:16px;font-weight:700;margin-bottom:5px;color:var(--ui)}.track-meta.svelte-1k0trog{font-size:11px;color:var(--ui-dim)}.progress-container.svelte-1k0trog{display:flex;align-items:center;gap:10px}.time.svelte-1k0trog{font-size:12px;color:var(--ui-dim);min-width:45px}.progress-bar.svelte-1k0trog{flex:1;height:8px;background:#000000b3;border:1px solid var(--ui-dim);cursor:pointer;position:relative;overflow:hidden}.progress-fill.svelte-1k0trog{height:100%;background:var(--ui);transition:width .1s linear;box-shadow:0 0 8px #00ff784d}.controls.svelte-1k0trog{display:flex;justify-content:center;align-items:center;gap:15px}.control-btn.svelte-1k0trog{background:#000000b3;border:1px solid var(--ui-dim);color:var(--ui);width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.control-btn.svelte-1k0trog:hover:not(:disabled){background:#00ff781a;border-color:var(--ui);box-shadow:0 0 12px #00ff784d;transform:scale(1.05)}.control-btn.svelte-1k0trog:disabled{opacity:.5;cursor:not-allowed}.control-btn.active.svelte-1k0trog{background:#00ff781a;border-color:var(--ui);box-shadow:0 0 10px #00ff784d}.control-btn.play-btn.svelte-1k0trog{width:60px;height:60px;border-width:2px}.control-btn.svelte-1k0trog svg:where(.svelte-1k0trog){width:24px;height:24px;fill:var(--ui)}.play-btn.svelte-1k0trog svg:where(.svelte-1k0trog){width:32px;height:32px}.volume-control.svelte-1k0trog{display:flex;align-items:center;gap:10px}.volume-icon.svelte-1k0trog{width:24px;height:24px;stroke:var(--ui);flex-shrink:0}.volume-slider.svelte-1k0trog{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#000000b3;border:1px solid var(--ui-dim);outline:none}.volume-slider.svelte-1k0trog::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--ui);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #00ff784d}.volume-slider.svelte-1k0trog::-moz-range-thumb{width:16px;height:16px;background:var(--ui);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px #00ff784d}.volume-text.svelte-1k0trog{font-size:12px;color:var(--ui-dim);min-width:40px;text-align:right}.file-section.svelte-1k0trog{border-bottom:1px solid rgba(0,255,0,.2);padding:15px}.file-section.svelte-1k0trog:last-child{border-bottom:none}.section-header.svelte-1k0trog{font-size:12px;font-weight:700;color:var(--ui);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--ui-dim)}.file-item.svelte-1k0trog{width:100%;display:flex;align-items:center;gap:10px;padding:10px 15px;background:#000000b3;border:1px solid var(--ui-dim);color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;margin-bottom:5px;transition:all .2s;text-align:left}.file-item.svelte-1k0trog:hover{background:#00ff781a;border-color:var(--ui);box-shadow:0 0 8px #00ff784d}.file-item.active.svelte-1k0trog{background:#00ff7826;border-color:var(--ui);box-shadow:0 0 12px #00ff7866}.file-item.folder.svelte-1k0trog{background:#00000080}.file-icon.svelte-1k0trog{font-size:16px;flex-shrink:0}.file-icon-svg.svelte-1k0trog{width:20px;height:20px;flex-shrink:0;stroke:var(--ui)}.file-item.back-folder.svelte-1k0trog{background:#00ff7826;border-color:var(--ui);font-weight:700}.file-item.back-folder.svelte-1k0trog:hover{background:#00ff7840}.file-name.svelte-1k0trog{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size.svelte-1k0trog,.file-type.svelte-1k0trog{font-size:11px;color:var(--ui-dim);flex-shrink:0}.status-message.svelte-1k0trog{text-align:center;padding:40px 20px;color:var(--ui-dim)}.status-message.error.svelte-1k0trog{color:var(--danger)}.spinner.svelte-1k0trog{width:40px;height:40px;border:3px solid rgba(0,255,120,.2);border-top-color:var(--ui);border-radius:50%;animation:svelte-1k0trog-spin 1s linear infinite;margin:0 auto 20px}@keyframes svelte-1k0trog-spin{to{transform:rotate(360deg)}}.browser-content.svelte-1k0trog::-webkit-scrollbar{width:10px}.browser-content.svelte-1k0trog::-webkit-scrollbar-track{background:#000000b3;border-left:1px solid var(--ui-dim)}.browser-content.svelte-1k0trog::-webkit-scrollbar-thumb{background:#00ff784d;border:1px solid var(--ui-dim)}.browser-content.svelte-1k0trog::-webkit-scrollbar-thumb:hover{background:#00ff7880;border-color:var(--ui)}@media (max-width: 1024px){.main-grid.svelte-1k0trog{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto}.sidebar.svelte-1k0trog{grid-column:1;grid-row:1;height:auto}.browser-panel.svelte-1k0trog{grid-column:1;grid-row:2;height:500px}}