.ks-visualizer{position:fixed;inset:0;z-index:10001;background:#0a0a0a;opacity:0;pointer-events:none;transition:opacity 0.35s ease;display:flex;align-items:center;justify-content:center;overflow-y:auto}.ks-vis--open{opacity:1;pointer-events:auto}.ks-vis-close{position:absolute;top:16px;left:16px;z-index:2;background:rgba(255,255,255,0.08);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s}.ks-vis-close:hover{background:rgba(255,255,255,0.15)}.ks-vis-content{display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%;padding:40px 24px;gap:24px}.ks-vis-artwork-wrap{position:relative;width:280px;height:280px;margin:0 auto}.ks-vis-artwork{width:280px;height:280px;border-radius:12px;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,0.5);position:relative;z-index:1}.ks-vis-glow{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(80px);opacity:0.3;z-index:0;border-radius:50%;pointer-events:none}.ks-vis-info{text-align:center;width:100%}.ks-vis-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 6px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-vis-artist{color:rgba(255,255,255,0.6);font-size:16px;margin:0 0 2px;font-weight:500}.ks-vis-album{color:rgba(255,255,255,0.35);font-size:14px;margin:0}.ks-vis-progress{display:flex;align-items:center;gap:12px;width:100%}.ks-vis-time{color:rgba(255,255,255,0.5);font-size:12px;font-variant-numeric:tabular-nums;min-width:36px}.ks-vis-time:first-child{text-align:right}.ks-vis-progress-bar{flex:1;height:4px;background:rgba(255,255,255,0.2);border-radius:2px;cursor:pointer;position:relative;transition:height 0.15s}.ks-vis-progress-bar:hover{height:6px}.ks-vis-progress-fill{height:100%;background:var(--knack-accent,#60335e);border-radius:2px;width:0;transition:width 0.1s linear}.ks-vis-controls{display:flex;gap:16px;align-items:center;justify-content:center}.ks-vis-btn{color:#fff;background:transparent;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s;font-size:13px;font-weight:600;font-family:inherit}.ks-vis-btn:hover{background:rgba(255,255,255,0.1)}.ks-vis-btn--active{background:rgba(255,255,255,0.12)}.ks-vis-btn--play{width:56px;height:56px;background:var(--knack-accent,#60335e);border-radius:50%}.ks-vis-btn--play:hover{opacity:0.9;background:var(--knack-accent,#60335e)}.ks-vis-lyrics{width:100%;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent}.ks-vis-lyrics::-webkit-scrollbar{width:4px}.ks-vis-lyrics::-webkit-scrollbar-track{background:transparent}.ks-vis-lyrics::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:2px}.ks-vis-lyrics-content{color:rgba(255,255,255,0.7);font-size:15px;line-height:1.8;text-align:center;white-space:pre-wrap}.ks-mp-speed{font-size:12px;font-weight:700;min-width:36px;padding:4px 6px;border-radius:6px;font-family:inherit;letter-spacing:-0.02em}@media (max-width:768px){.ks-vis-artwork-wrap{width:200px;height:200px}.ks-vis-artwork{width:200px;height:200px}.ks-vis-title{font-size:20px}.ks-vis-artist{font-size:14px}.ks-vis-content{padding:24px 16px;gap:20px}.ks-vis-controls{gap:12px}.ks-vis-btn{width:40px;height:40px}.ks-vis-btn--play{width:48px;height:48px}}@media (max-width:480px){.ks-vis-artwork-wrap{width:180px;height:180px}.ks-vis-artwork{width:180px;height:180px}.ks-vis-title{font-size:18px}.ks-vis-lyrics{max-height:150px}.ks-vis-close{top:12px;left:12px;width:36px;height:36px}}