*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px}.itunes-app{background:#e8e8e8;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.drop-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drop-message{text-align:center;background:#fffffff2;border-radius:12px;padding:40px 60px;box-shadow:0 10px 40px #0000004d}.drop-icon{margin-bottom:20px;font-size:64px}.drop-text{color:#333;font-size:18px;font-weight:700}.itunes-toolbar{background:linear-gradient(#d0d0d0 0%,#bebebe 50%,#ababab 51%,#c4c4c4 100%);border-bottom:1px solid #8a8a8a;flex-shrink:0;align-items:center;gap:15px;height:60px;padding:0 15px;display:flex}.toolbar-left{align-items:center;gap:15px;display:flex}.traffic-lights{gap:8px;display:flex}.traffic-light{border:.5px solid #0000004d;border-radius:50%;width:12px;height:12px}.traffic-light.red{background:linear-gradient(135deg,#ff5f57 0%,#ff3b30 100%)}.traffic-light.yellow{background:linear-gradient(135deg,#ffbd2e 0%,#fa0 100%)}.traffic-light.green{background:linear-gradient(135deg,#28ca42 0%,#19a832 100%)}.playback-controls{align-items:center;gap:8px;display:flex}.control-btn{color:#3a3a3a;cursor:pointer;background:linear-gradient(#f0f0f0 0%,#d8d8d8 100%);border:1px solid #707070;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;box-shadow:0 1px 2px #00000026}.control-btn.play{width:32px;height:32px;font-size:14px}.control-btn:hover{background:linear-gradient(#f8f8f8 0%,#e0e0e0 100%)}.control-btn:active{background:linear-gradient(#d0d0d0 0%,silver 100%);box-shadow:inset 0 1px 2px #0003}.toolbar-center{flex:1;justify-content:center;display:flex}.display-screen{background:linear-gradient(#1a1a1a 0%,#0a0a0a 100%);border:1px solid #000;border-radius:4px;align-items:center;gap:10px;min-width:300px;max-width:400px;padding:6px 12px;display:flex;box-shadow:inset 0 1px 3px #000c}.display-artwork{background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);border:1px solid #000;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.display-info{flex:1;min-width:0}.display-title{color:#00d4ff;text-shadow:0 0 8px #00d4ffcc;white-space:nowrap;text-overflow:ellipsis;font-family:Lucida Grande,Arial,sans-serif;font-size:11px;font-weight:700;overflow:hidden}.display-artist{color:#00a0cc;text-shadow:0 0 6px #00a0cc99;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.toolbar-right{align-items:center;gap:8px;display:flex}.toolbar-btn{color:#3a3a3a;cursor:pointer;background:linear-gradient(#f0f0f0 0%,#d8d8d8 100%);border:1px solid #707070;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;box-shadow:0 1px 2px #00000026}.toolbar-btn:hover{background:linear-gradient(#f8f8f8 0%,#e0e0e0 100%)}.toolbar-btn:active{background:linear-gradient(#d0d0d0 0%,silver 100%);box-shadow:inset 0 1px 2px #0003}.itunes-main{background:#e8e8e8;flex:1;display:flex;overflow:hidden}.itunes-status{background:linear-gradient(#cbcbcb 0%,#b8b8b8 50%,#a8a8a8 51%,#b0b0b0 100%);border-top:1px solid #8a8a8a;flex-shrink:0;align-items:center;gap:20px;height:50px;padding:0 15px;display:flex}.status-left{align-items:center;gap:8px;min-width:200px;display:flex}.status-icon{font-size:14px}.status-text{color:#3a3a3a;text-shadow:0 1px #ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.status-progress{flex:1;align-items:center;gap:8px;display:flex}.progress-time{color:#3a3a3a;text-shadow:0 1px #ffffff80;min-width:35px;font-size:10px}.progress-bar{background:linear-gradient(#8a8a8a 0%,#a8a8a8 50%,silver 100%);border:1px solid #606060;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(#5c97d1 0%,#3c7fb1 100%);border-radius:3px;height:100%;transition:width .1s linear}.status-right{align-items:center;gap:8px;min-width:150px;display:flex}.volume-icon{font-size:14px}.volume-slider{appearance:none;background:linear-gradient(#8a8a8a 0%,#a8a8a8 50%,silver 100%);border:1px solid #606060;border-radius:4px;outline:none;width:100px;height:8px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#f0f0f0 0%,#d0d0d0 100%);border:1px solid #707070;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #0000004d}.volume-slider::-webkit-slider-thumb:hover{background:linear-gradient(#f8f8f8 0%,#d8d8d8 100%)}.volume-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(#f0f0f0 0%,#d0d0d0 100%);border:1px solid #707070;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #0000004d}