/* ===== PLAY & SEARCH MUSIK — YOUTUBE ===== */
.music-section{position:relative;overflow:clip}.music-section::before{content:"";position:absolute;right:-120px;top:18%;width:360px;height:360px;border-radius:50%;background:#7c3aed24;filter:blur(28px);pointer-events:none}.music-shell{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;overflow:hidden;border-radius:28px}.music-now{align-self:start;padding:22px;border-right:1px solid var(--line);background:linear-gradient(145deg,#151229d9,#071326d9)}.music-screen{overflow:hidden;aspect-ratio:16/9;border:1px solid #ffffff16;border-radius:19px;background:#030307;box-shadow:0 22px 55px #0008}.music-screen iframe,.music-screen>div{display:block;width:100%;height:100%;border:0}.music-player-empty{display:grid!important;place-content:center;gap:5px;padding:20px;color:var(--muted);text-align:center}.music-player-empty span{color:#a777ff;font:700 3rem "Space Grotesk";filter:drop-shadow(0 0 18px #8b5cf6)}.music-player-empty b{color:#f5f5fa}.music-player-empty small{font-size:.62rem}.music-now-copy{padding:18px 4px 2px}.music-now-copy h3{margin:7px 0 4px;font:700 clamp(1.25rem,3vw,1.85rem)/1.15 "Space Grotesk"}.music-now-copy p{margin:0;color:var(--muted);font-size:.68rem}.music-browser{min-width:0;padding:22px}.music-search-form{margin:0}.music-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 6px 6px 14px;border:1px solid #ffffff18;border-radius:999px;background:#07070d;transition:.2s}.music-search-box:focus-within{border-color:#5b8cff;box-shadow:0 0 0 4px #2563eb1c}.music-search-box svg{width:19px;height:19px;fill:none;stroke:#9ba0b5;stroke-width:2;stroke-linecap:round}.music-search-box input{min-width:0;border:0;outline:0;background:transparent;color:#fff}.music-search-box input::placeholder{color:#777887}.music-search-box .btn{min-height:43px;padding-inline:20px}.music-quick{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.music-quick button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:#cfd0da;font-size:.61rem;font-weight:750;cursor:pointer;transition:.18s}.music-quick button:hover{border-color:#6f8cff;background:#2563eb18;color:#fff;transform:translateY(-1px)}.music-config-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--muted);font-size:.59rem}.music-config-row.ready{color:#9ee8c6}.music-config-row.error{color:#ffc3ce}.music-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:580px;overflow:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#5b5d72 transparent}.music-result{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;overflow:hidden;padding:8px;border:1px solid var(--line);border-radius:15px;background:#ffffff06;color:#fff;text-align:left;cursor:pointer;transition:.2s var(--ease)}.music-result:hover,.music-result.playing{border-color:#5c82ff88;background:linear-gradient(135deg,#2563eb1f,#a855f719);transform:translateY(-2px)}.music-result img{width:96px;height:72px;object-fit:cover;border-radius:10px;background:#111}.music-result-copy{min-width:0;align-self:center}.music-result b,.music-result small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.music-result b{-webkit-line-clamp:2;font-size:.69rem;line-height:1.35}.music-result small{-webkit-line-clamp:1;margin-top:6px;color:#9fa0af;font-size:.55rem}.music-result-play{position:absolute;left:36px;top:24px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff3b;border-radius:50%;background:#08080ccf;box-shadow:0 6px 18px #0008;font-size:.7rem}.music-empty{grid-column:1/-1;display:grid;gap:3px;place-content:center;min-height:250px;padding:24px;border:1px dashed #ffffff1c;border-radius:17px;color:var(--muted);text-align:center}.music-empty b{color:#e9e9ef}.music-empty span{font-size:.62rem}.music-loading{grid-column:1/-1;display:grid;place-content:center;min-height:250px;color:#b8dfff;text-align:center}.music-loading::before{content:"";width:34px;height:34px;margin:0 auto 12px;border:2px solid #ffffff18;border-top-color:#38bdf8;border-radius:50%;animation:spin .75s linear infinite}.music-mini[hidden]{display:none!important}.music-mini{position:fixed;z-index:160;left:50%;bottom:18px;display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:9px;width:min(620px,calc(100% - 28px));padding:8px 9px;border-radius:18px;background:#0a0a13ed;box-shadow:0 20px 65px #000b;transform:translateX(-50%);animation:musicMiniIn .35s var(--ease)}@keyframes musicMiniIn{from{opacity:0;transform:translate(-50%,12px)}}.music-mini img{width:52px;height:52px;object-fit:cover;border-radius:11px;background:#14141d}.music-mini-copy{min-width:0;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.music-mini-copy b,.music-mini-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-mini-copy b{font-size:.7rem}.music-mini-copy small{margin-top:2px;color:var(--muted);font-size:.56rem}.music-mini-control{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#ffffff0a;color:#fff;cursor:pointer}.music-mini-control:hover{background:#ffffff15}.music-key-modal .name-card{width:min(520px,100%)}.music-key-modal .name-rule b{color:#9dddff}
@media(max-width:900px){.music-shell{grid-template-columns:1fr}.music-now{border-right:0;border-bottom:1px solid var(--line)}.music-results{max-height:none}}
@media(max-width:620px){.music-shell{border-radius:23px}.music-now,.music-browser{padding:15px}.music-search-box{grid-template-columns:auto minmax(0,1fr);border-radius:18px;padding:9px 10px}.music-search-box .btn{grid-column:1/-1;width:100%;min-height:42px}.music-results{grid-template-columns:1fr}.music-result{grid-template-columns:105px minmax(0,1fr)}.music-result img{width:105px;height:78px}.music-result-play{left:44px;top:31px}.music-mini{bottom:calc(94px + env(safe-area-inset-bottom));grid-template-columns:46px minmax(0,1fr) 38px 38px;width:calc(100% - 20px);padding:7px;border-radius:16px}.music-mini img{width:46px;height:46px}.music-mini-control{width:38px;height:38px}.back{bottom:174px}.music-config-row{align-items:flex-start}.music-quick{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.music-quick button{flex:0 0 auto}}
@media(max-width:390px){.music-mini{grid-template-columns:42px minmax(0,1fr) 36px}.music-mini img{width:42px;height:42px}.music-mini-control{width:36px;height:36px}.music-mini #musicMiniClose{display:none}.music-now-copy h3{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.music-mini{animation:none}.music-result,.music-quick button{transition:none!important}}