body{margin:0;font-family:sans-serif}.page-container[data-v-112e8091]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#666;font-family:Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}.ipod-case[data-v-112e8091]{width:320px;height:620px;background:linear-gradient(135deg,#eee,#ccc);border-radius:35px;box-shadow:-5px -5px 15px #fff6,10px 10px 25px #00000080,inset 0 0 0 2px #aaa;padding:25px;display:flex;flex-direction:column;gap:15px}.screen-area[data-v-112e8091]{background:#000;border:4px solid #333;border-radius:8px;height:260px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 10px #000c;position:relative;color:#fff}.physical-area[data-v-112e8091]{display:flex;flex-direction:column;gap:8px;padding:0 20px}.button-row[data-v-112e8091]{display:flex;gap:10px;justify-content:space-between}.p-btn[data-v-112e8091]{flex:1;height:32px;border:1px solid #999;border-radius:4px;background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);box-shadow:0 2px 3px #0003,inset 0 1px #fffc;font-size:9px;font-weight:700;color:#444;cursor:pointer;text-shadow:0 1px 0 white;display:flex;align-items:center;justify-content:center}.p-btn[data-v-112e8091]:active{background:linear-gradient(to bottom,#ccc,#ddd);box-shadow:inset 0 2px 3px #0003;transform:translateY(1px)}.nav-btn.active[data-v-112e8091]{background:#444;color:#0f0;border-color:#222;text-shadow:0 0 5px #00ff00}.control-btn[data-v-112e8091]{font-family:monospace;font-size:10px}.list-interface[data-v-112e8091]{background:#fff;height:100%;display:flex;flex-direction:column;color:#333;position:relative}.list-header-sticky[data-v-112e8091]{position:sticky;top:0;z-index:10;background:#f9f9f9;padding:8px;text-align:center;border-bottom:1px solid #eee;box-shadow:0 2px 4px #0000001a}.screen-list[data-v-112e8091]{flex-grow:1;overflow-y:auto;background:#fff}.startup-screen[data-v-112e8091]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0f0;font-family:monospace;cursor:pointer}.marquee-container[data-v-112e8091]{width:100%;overflow:hidden;white-space:nowrap;background:#111;padding:10px 0;border-top:1px solid #0f0;border-bottom:1px solid #0f0}.marquee-text[data-v-112e8091]{display:inline-block;padding-left:100%;animation:scroll-112e8091 8s linear infinite;font-weight:700}@keyframes scroll-112e8091{0%{transform:translate(0)}to{transform:translate(-100%)}}.display-screen[data-v-112e8091]{background:linear-gradient(to bottom,#141e30,#243b55);height:100%;display:flex;flex-direction:column;align-items:center;padding:15px;text-align:center;cursor:pointer}.display-header[data-v-112e8091]{width:100%;font-size:10px;display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700;color:#aaa}.album-art-placeholder[data-v-112e8091]{width:120px;height:120px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.cd-disk[data-v-112e8091]{width:100%;height:100%;border-radius:50%;background:conic-gradient(#d7d7d7,#fff,#d7d7d7,#fff,#d7d7d7,#fff,#d7d7d7,#fff,#d7d7d7 360deg);box-shadow:0 5px 15px #00000080;display:flex;align-items:center;justify-content:center;position:relative;animation:spin-112e8091 3s linear infinite;animation-play-state:paused}.cd-hole[data-v-112e8091]{width:25px;height:25px;background:#141e30;border-radius:50%;border:3px solid rgba(255,255,255,.3);z-index:2}.cd-disk.spinning[data-v-112e8091]{animation-play-state:running}.track-info[data-v-112e8091]{width:100%;text-align:center;overflow:hidden}.track-title-wrapper[data-v-112e8091]{width:100%;overflow:hidden;white-space:nowrap;margin-bottom:5px}.track-title[data-v-112e8091]{margin:0;font-size:16px;font-weight:700;text-shadow:1px 1px 2px black;display:inline-block;width:100%;text-align:center}.track-title.scrolling[data-v-112e8091]{width:auto;text-align:left;padding-left:100%;animation:marquee-112e8091 10s linear infinite}@keyframes marquee-112e8091{0%{transform:translate(0)}to{transform:translate(-100%)}}.track-artist[data-v-112e8091]{margin:0 0 15px;font-size:12px;opacity:.7}.progress-container[data-v-112e8091]{width:100%;margin-top:auto;margin-bottom:10px}.progress-bg[data-v-112e8091]{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill[data-v-112e8091]{height:100%;background:#00c6ff;transition:width .1s linear}.time-labels[data-v-112e8091]{display:flex;justify-content:space-between;font-size:10px;color:#ccc;font-family:monospace}.no-audio-msg[data-v-112e8091]{margin-top:30px;opacity:.6;display:flex;flex-direction:column;align-items:center}@keyframes spin-112e8091{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list-header-title[data-v-112e8091]{background:#333;color:#fff;padding:5px;font-size:11px;text-align:center;font-weight:700}.btn-save[data-v-112e8091]{background:#007aff;color:#fff;border:none;padding:6px 20px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer}.empty-msg[data-v-112e8091]{padding:30px;text-align:center;color:#999;font-size:12px}ul[data-v-112e8091]{list-style:none;padding:0;margin:0}li[data-v-112e8091]{padding:10px;border-bottom:1px solid #f0f0f0;font-size:13px;cursor:pointer;display:flex;align-items:center}li.checked[data-v-112e8091]{background:#e8f5e9}li.playing[data-v-112e8091]{background:#e3f2fd;font-weight:700;color:#007aff;border-left:4px solid #007aff}li .checkbox[data-v-112e8091]{margin-right:10px}li .icon[data-v-112e8091]{margin-right:10px;color:#888;width:15px}li .song-info[data-v-112e8091]{display:flex;flex-direction:column;overflow:hidden}li .title[data-v-112e8091]{font-weight:600}li .artist[data-v-112e8091]{font-size:10px;color:#888}.controls-area[data-v-112e8091]{flex-grow:1;display:flex;align-items:center;justify-content:center}.click-wheel[data-v-112e8091]{width:200px;height:200px;background:#fdfdfd;border-radius:50%;position:relative;box-shadow:0 5px 15px #0000001a,inset 0 0 0 1px #ccc}.wheel-btn[data-v-112e8091]{position:absolute;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;font-weight:700;transition:color .1s}.btn-text[data-v-112e8091]{font-size:12px;font-weight:800;letter-spacing:1.5px}.btn-top-menu[data-v-112e8091]{top:20px;left:50%;transform:translate(-50%)}.btn-top-menu[data-v-112e8091]:active{transform:translate(-50%) scale(.9);color:#333}.btn-bottom[data-v-112e8091]{bottom:20px;left:50%;transform:translate(-50%)}.btn-bottom[data-v-112e8091]:active{transform:translate(-50%) scale(.9);color:#333}.btn-prev-song[data-v-112e8091]{top:50%;left:5px;transform:translateY(-50%);font-size:20px}.btn-prev-song[data-v-112e8091]:active{transform:translateY(-50%) scale(.9);color:#333}.btn-next-song[data-v-112e8091]{top:50%;right:5px;transform:translateY(-50%);font-size:20px}.btn-next-song[data-v-112e8091]:active{transform:translateY(-50%) scale(.9);color:#333}.center-button[data-v-112e8091]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(135deg,#eee,#ccc);border-radius:50%;border:none;box-shadow:inset 0 2px 5px #fffc,0 3px 6px #0003;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center}.center-button[data-v-112e8091]:active{background:#bbb;transform:translate(-50%,-50%) scale(.98)}.about-screen[data-v-112e8091]{height:100%;background:#222;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer}.about-content[data-v-112e8091]{white-space:pre-wrap;line-height:1.5;font-size:14px;max-height:150px;overflow-y:auto;width:90%;color:#ddd}.tap-hint[data-v-112e8091]{margin-top:15px;font-size:10px;color:#777;font-style:italic}.login-container[data-v-cdeb0b58]{display:flex;justify-content:center;align-items:center;height:100vh;background:#eee;font-family:sans-serif}.login-card[data-v-cdeb0b58]{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center;width:300px;display:flex;flex-direction:column;gap:15px}input[data-v-cdeb0b58]{padding:10px;border:1px solid #ddd;border-radius:6px}button[data-v-cdeb0b58]{padding:10px;background:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}button[data-v-cdeb0b58]:hover{background:#555}.btn-back[data-v-cdeb0b58]{background:transparent;color:#666;border:1px solid #ccc;margin-top:5px}.btn-back[data-v-cdeb0b58]:hover{background:#f0f0f0;color:#333}.admin-container[data-v-3ae24607]{max-width:900px;margin:0 auto;padding:20px;font-family:system-ui;color:#333}.top-bar[data-v-3ae24607]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-grid[data-v-3ae24607]{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}@media(max-width:768px){.content-grid[data-v-3ae24607]{grid-template-columns:1fr}}.card[data-v-3ae24607]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000000d;border:1px solid #eee}.form-group[data-v-3ae24607]{margin-bottom:10px}.form-group input[data-v-3ae24607],textarea[data-v-3ae24607]{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box}textarea[data-v-3ae24607]{resize:vertical;font-family:inherit}.drop-zone[data-v-3ae24607]{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;cursor:pointer;margin-bottom:15px;background:#fafafa}.drop-zone[data-v-3ae24607]:hover{border-color:#646cff;background:#f0f4ff}.btn-primary[data-v-3ae24607]{width:100%;padding:10px;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.btn-secondary[data-v-3ae24607]{width:100%;padding:8px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:10px;font-weight:700}.btn-logout[data-v-3ae24607]{padding:6px 12px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer}.table-container[data-v-3ae24607]{overflow-x:auto}table[data-v-3ae24607]{width:100%;border-collapse:collapse}th[data-v-3ae24607],td[data-v-3ae24607]{padding:10px;border-bottom:1px solid #f0f0f0;text-align:left}.action-buttons[data-v-3ae24607]{display:flex;justify-content:flex-end;gap:5px}.btn-icon-delete[data-v-3ae24607]{background:#ffe0e0;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}.btn-icon-edit[data-v-3ae24607]{background:#e0f0ff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}.btn-icon-edit[data-v-3ae24607]:hover{background:#cce5ff}.hidden-input[data-v-3ae24607]{display:none}.file-preview[data-v-3ae24607]{display:flex;align-items:center;justify-content:space-between}.modal-overlay[data-v-3ae24607]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-3ae24607]{background:#fff;padding:25px;border-radius:12px;width:300px;box-shadow:0 5px 20px #0000004d}.modal-content h3[data-v-3ae24607]{margin-top:0;margin-bottom:15px;text-align:center}.modal-actions[data-v-3ae24607]{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.btn-cancel[data-v-3ae24607]{flex:1;padding:8px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer}.btn-save-modal[data-v-3ae24607]{flex:1;padding:8px;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}