.dj-widget{position:fixed;right:18px;bottom:18px;z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:.85rem;font-family:Barlow Condensed,sans-serif}.dj-disc-wrap{position:relative;width:68px;height:68px}.dj-disc-ring{position:absolute;inset:0;transform:rotate(-90deg);pointer-events:none}.dj-disc-ring-bg{fill:none;stroke:#ffffff24;stroke-width:3}.dj-disc-ring-fg{fill:none;stroke:#facc15;stroke-width:3;stroke-linecap:round;stroke-dasharray:194.78;stroke-dashoffset:194.78;transition:stroke-dashoffset .2s linear;filter:drop-shadow(0 0 5px rgba(250,204,21,.55))}.dj-disc-btn{position:absolute;top:4px;left:4px;width:60px;height:60px;border-radius:50%;border:none;padding:0;cursor:pointer;background:radial-gradient(circle at 50% 50%,#1c1c1c 0% 17%,#0a0a0a 18% 29%,#1c1c1c 30% 41%,#0a0a0a 42% 53%,#1c1c1c 54% 65%,#0a0a0a 66% 100%);box-shadow:0 8px 26px #0000008c,0 0 0 1px #ffffff0f;display:flex;align-items:center;justify-content:center;animation:dj-spin 3s linear infinite;animation-play-state:paused;transition:box-shadow .3s;-webkit-tap-highlight-color:transparent}.dj-disc-btn.is-playing{animation-play-state:running;box-shadow:0 8px 26px #0000008c,0 0 0 1px #facc1566,0 0 22px #facc1566}@keyframes dj-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dj-disc-btn{animation:none}}.dj-disc-label{position:relative;z-index:2;width:22px;height:22px;border-radius:50%;background:#facc15;color:#08080d;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0a0a0a}#dj-disc-icon-pause{color:#08080d}.dj-tonearm{position:absolute;top:-8px;right:-6px;width:30px;height:30px;z-index:3;transform-origin:82% 15%;transform:rotate(-30deg);transition:transform .5s cubic-bezier(.34,1.5,.64,1);pointer-events:none}.dj-tonearm:before{content:"";position:absolute;top:1px;right:3px;width:7px;height:7px;border-radius:50%;background:#e8e8e8;box-shadow:0 1px 2px #00000080}.dj-tonearm:after{content:"";position:absolute;top:4px;right:6px;width:2.5px;height:24px;border-radius:2px;background:linear-gradient(#eee,#aaa);transform-origin:top center;transform:rotate(30deg);box-shadow:0 1px 2px #0006}.dj-disc-btn.is-playing .dj-tonearm{transform:rotate(4deg)}.dj-panel{width:232px;background:#0d0d14f0;border:1px solid rgba(250,204,21,.18);border-radius:12px;padding:.85rem 1rem 1rem;backdrop-filter:blur(12px);box-shadow:0 20px 50px #0000008c;animation:dj-panel-in .22s ease}@keyframes dj-panel-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}.dj-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.dj-panel-title{font-size:.66rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f0ede859}.dj-panel-close{background:none;border:none;cursor:pointer;padding:2px;line-height:1;color:#f0ede866;font-size:13px}.dj-panel-close:hover{color:#fff}.dj-track-name{font-family:Bebas Neue,sans-serif;font-size:1.15rem;letter-spacing:.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.75rem}.dj-progress-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem}.dj-time{font-family:Barlow Condensed,sans-serif;font-size:.62rem;font-variant-numeric:tabular-nums;color:#f0ede866;flex-shrink:0;min-width:24px}#dj-time-duration{text-align:right}.dj-progress{position:relative;flex:1;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.dj-progress:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:#ffffff26}.dj-progress-fill{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(90deg,#eab308,#facc15);width:0%;pointer-events:none}.dj-progress-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#facc15;left:0%;transform:translate(-50%,-50%) scale(.8);box-shadow:0 0 0 3px #facc1533,0 1px 4px #0006;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none}.dj-progress:hover .dj-progress-thumb,.dj-progress:focus-visible .dj-progress-thumb{opacity:1;transform:translate(-50%,-50%) scale(1)}.dj-progress:focus-visible{outline:none}.dj-progress:focus-visible:before{box-shadow:0 0 0 2px #facc1559}.dj-transport{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin-bottom:.85rem}.dj-transport button{background:none;border:none;color:#f0ede8a6;cursor:pointer;padding:4px;display:flex;transition:color .15s}.dj-transport button:hover{color:#facc15}.dj-transport button:disabled{opacity:.25;cursor:default}.dj-transport button:disabled:hover{color:#f0ede8a6}.dj-play-btn{width:38px;height:38px;border-radius:50%;background:#facc15!important;color:#08080d!important;display:flex;align-items:center;justify-content:center}.dj-play-btn:hover{background:#ffe066!important}.dj-volume-row{display:flex;align-items:center;gap:.6rem}.dj-mute-btn{background:none;border:none;color:#f0ede88c;cursor:pointer;padding:2px;flex-shrink:0;display:flex}.dj-mute-btn:hover{color:#fff}.dj-volume{flex:1;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:#ffffff26;outline:none}.dj-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#facc15;cursor:pointer}.dj-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#facc15;border:none;cursor:pointer}@media(max-width:640px){.dj-widget{right:14px;bottom:14px}.dj-panel{width:210px}}.dj-gate{position:fixed;inset:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#08080de6;backdrop-filter:blur(6px);cursor:pointer;animation:dj-gate-in .4s ease;-webkit-tap-highlight-color:transparent}.dj-gate.dj-gate-hide{animation:dj-gate-out .4s ease forwards;pointer-events:none}@keyframes dj-gate-in{0%{opacity:0}to{opacity:1}}@keyframes dj-gate-out{0%{opacity:1}to{opacity:0}}.dj-gate-disc{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1c1c1c 0% 17%,#0a0a0a 18% 29%,#1c1c1c 30% 41%,#0a0a0a 42% 53%,#1c1c1c 54% 65%,#0a0a0a 66% 100%);box-shadow:0 0 0 1px #facc1559,0 0 34px #facc154d;animation:dj-spin 3s linear infinite}.dj-gate-title{font-family:Bebas Neue,sans-serif;font-size:1.7rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}.dj-gate-sub{font-family:Barlow Condensed,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#f0ede866}@media(prefers-reduced-motion:reduce){.dj-gate-disc{animation:none}}