#emilia-music-root {
  --music-ink: #f7f8ff;
  --music-muted: #9ba5c2;
  --music-line: rgba(151, 164, 202, .16);
  --music-panel: rgba(20, 26, 50, .78);
  --music-green: #b9ff54;
  --music-purple: #8f7dff;
  width: min(1180px, calc(100% - 36px));
  margin: 28px auto 36px;
  color: var(--music-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  position: relative;
  z-index: 2;
}
#emilia-music-root * { box-sizing: border-box; }
.emilia-music-header { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:22px; }
.emilia-music-eyebrow { display:flex; align-items:center; gap:8px; color:var(--music-green); font-size:10px; font-weight:800; letter-spacing:.18em; }
.emilia-music-eyebrow i { display:block; width:7px; height:7px; border-radius:50%; background:var(--music-green); box-shadow:0 0 0 5px rgba(185,255,84,.12), 0 0 20px rgba(185,255,84,.8); }
.emilia-music-header h1 { margin:10px 0 7px; font-size:clamp(27px, 3.1vw, 43px); line-height:1.02; letter-spacing:-.055em; color:#fff; font-weight:850; }
.emilia-music-header p { margin:0; color:var(--music-muted); font-size:14px; max-width:540px; }
.emilia-music-search-button { display:inline-flex; align-items:center; gap:10px; padding:13px 16px; border:1px solid rgba(185,255,84,.35); border-radius:12px; background:linear-gradient(135deg, rgba(185,255,84,.17), rgba(143,125,255,.12)); color:#efffd8; font-weight:750; cursor:pointer; transition:.2s; white-space:nowrap; box-shadow:0 10px 32px rgba(0,0,0,.14); }
.emilia-music-search-button:hover { transform:translateY(-2px); border-color:var(--music-green); box-shadow:0 14px 36px rgba(185,255,84,.13); }
.emilia-music-search-button svg, .emilia-music-soft-button svg, .emilia-music-card-title button svg, .emilia-music-control-button svg, .emilia-music-input-wrap>svg, .emilia-music-volume-line svg, .emilia-music-result-add svg, .emilia-music-modal-kicker svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.emilia-music-search-button kbd { color:#a8b1cc; border:1px solid rgba(255,255,255,.14); border-radius:6px; padding:3px 5px; font:10px ui-monospace,monospace; margin-left:5px; }
.emilia-music-grid { display:grid; grid-template-columns:minmax(0, 1.55fr) minmax(300px, .8fr); gap:18px; }
.emilia-music-now, .emilia-music-card { border:1px solid var(--music-line); border-radius:19px; background:var(--music-panel); box-shadow:0 22px 55px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter:blur(18px); }
.emilia-music-now { min-height:457px; padding:23px 25px; overflow:hidden; position:relative; }
.emilia-music-now:before { content:""; position:absolute; width:310px; height:310px; top:-160px; right:-80px; border-radius:50%; background:rgba(143,125,255,.11); filter:blur(10px); pointer-events:none; }
.emilia-music-section-label { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#707b9d; font-size:10px; letter-spacing:.16em; font-weight:800; position:relative; }
.emilia-music-section-label b { color:#8791ae; font-size:11px; font-weight:600; letter-spacing:0; }
.emilia-music-hero { display:flex; align-items:center; gap:25px; padding:34px 0 25px; position:relative; }
.emilia-music-cover { width:185px; height:185px; flex:0 0 185px; border-radius:16px; display:grid; place-items:center; background:linear-gradient(145deg, #292347, #10152d); color:#8d82f8; border:1px solid rgba(143,125,255,.25); box-shadow:16px 20px 40px rgba(0,0,0,.23); overflow:hidden; }
.emilia-music-cover:after { content:""; position:absolute; width:120px; height:120px; border-radius:50%; background:rgba(143,125,255,.13); filter:blur(20px); }
.emilia-music-cover svg { width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:1.2; position:relative; z-index:1; }
.emilia-music-cover img { width:100%; height:100%; object-fit:cover; }
.emilia-music-track { min-width:0; flex:1; }
.emilia-music-live { color:var(--music-green); font-size:10px; font-weight:800; letter-spacing:.18em; }
.emilia-music-track h2 { font-size:clamp(21px,2.5vw,32px); letter-spacing:-.04em; margin:9px 0 6px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.emilia-music-track p { color:var(--music-muted); font-size:13px; margin:0 0 22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.emilia-music-progress { height:4px; border-radius:5px; background:#343b58; overflow:hidden; }
.emilia-music-progress span { display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,var(--music-green),#f3ffbf); box-shadow:0 0 15px var(--music-green); transition:width .35s; }
.emilia-music-times { display:flex; justify-content:space-between; margin-top:8px; color:#697490; font-size:10px; font-variant-numeric:tabular-nums; }
.emilia-music-controls { display:flex; align-items:center; justify-content:center; gap:26px; }
.emilia-music-control-button { border:0; background:none; color:#8e9ab8; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; transition:.18s; }
.emilia-music-control-button:hover:not(:disabled) { color:#fff; transform:translateY(-2px); }
.emilia-music-control-button svg { width:19px; height:19px; }
.emilia-music-control-button small { font-size:10px; color:#67728d; }
.emilia-music-control-button:disabled { opacity:.3; cursor:not-allowed; }
.emilia-music-main-control { width:53px; height:53px; justify-content:center; border-radius:50%; background:var(--music-green); color:#141a24; box-shadow:0 7px 22px rgba(185,255,84,.28); }
.emilia-music-main-control svg { width:22px; height:22px; fill:currentColor; stroke:currentColor; }
.emilia-music-bottom-actions { display:flex; justify-content:center; gap:10px; border-top:1px solid var(--music-line); margin-top:25px; padding-top:19px; }
.emilia-music-soft-button { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; color:#acb5cd; border:1px solid transparent; border-radius:9px; background:rgba(255,255,255,.035); cursor:pointer; font-size:12px; transition:.18s; }
.emilia-music-soft-button:hover:not(:disabled) { color:#fff; background:rgba(255,255,255,.08); }
.emilia-music-soft-button.danger { color:#da8296; }
.emilia-music-soft-button:disabled { opacity:.35; cursor:not-allowed; }
.emilia-music-side { display:flex; flex-direction:column; gap:18px; }
.emilia-music-card { padding:20px; min-height:0; }
.emilia-music-card-title { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.emilia-music-card-title span:first-child { display:flex; flex-direction:column; gap:5px; }
.emilia-music-card-title b { color:#f3f5ff; font-size:14px; }
.emilia-music-card-title small { color:#77819e; font-size:11px; }
.emilia-music-card-title button { width:29px; height:29px; display:grid; place-items:center; color:#9ba7c4; background:rgba(255,255,255,.05); border:0; border-radius:8px; cursor:pointer; }
.emilia-music-queue { display:flex; flex-direction:column; gap:3px; margin-top:17px; max-height:177px; overflow:auto; }
.emilia-music-queue::-webkit-scrollbar { width:4px; } .emilia-music-queue::-webkit-scrollbar-thumb { background:#454d6a; border-radius:5px; }
.emilia-music-queue-row { display:flex; align-items:center; gap:9px; padding:8px 2px; border-bottom:1px solid rgba(151,164,202,.08); min-width:0; }
.emilia-music-queue-number { width:15px; color:#727d9c; font-size:10px; text-align:center; }
.emilia-music-queue-cover, .emilia-music-result-cover { flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; color:#8c80f2; background:#29274c; border-radius:6px; overflow:hidden; }
.emilia-music-queue-cover img, .emilia-music-result-cover img { width:100%; height:100%; object-fit:cover; }
.emilia-music-queue-cover svg { width:15px; height:15px; }
.emilia-music-queue-name { min-width:0; flex:1; display:flex; flex-direction:column; gap:3px; }
.emilia-music-queue-name strong { font-size:11px; font-weight:650; color:#dfe3f2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.emilia-music-queue-name small { font-size:9px; color:#727c98; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.emilia-music-duration { color:#78829f; font-size:10px; }
.emilia-music-queue-empty { color:#78829f; font-size:12px; line-height:1.55; padding:18px 4px 6px; }
.emilia-music-queue-empty button { color:var(--music-green); background:none; border:0; padding:0; cursor:pointer; font:inherit; }
.emilia-music-mixer { padding-bottom:18px; }
.emilia-music-bass-badge { color:#1d2710; background:var(--music-green); border-radius:5px; padding:4px 6px; font-size:8px; font-weight:900; letter-spacing:.06em; }
.emilia-music-volume-line { display:flex; justify-content:space-between; align-items:center; color:#adb6ce; font-size:12px; margin-top:24px; }
.emilia-music-volume-line span { display:flex; align-items:center; gap:8px; } .emilia-music-volume-line svg { width:15px; height:15px; }
.emilia-music-volume-line strong { color:#f5f6ff; font-size:13px; }
.emilia-music-mixer input[type=range] { width:100%; accent-color:var(--music-green); margin:15px 0 3px; cursor:pointer; }
.emilia-music-range-labels { display:flex; justify-content:space-between; color:#68738e; font-size:9px; }
.emilia-music-eq { height:29px; display:flex; align-items:end; justify-content:center; gap:4px; margin-top:17px; opacity:.8; }
.emilia-music-eq i { display:block; width:5px; border-radius:3px 3px 0 0; background:linear-gradient(#cfef7c,#7f69f5); animation:emilia-bass-wave 1.2s ease-in-out infinite alternate; }
.emilia-music-eq i:nth-child(1),.emilia-music-eq i:nth-child(12){height:8px}.emilia-music-eq i:nth-child(2),.emilia-music-eq i:nth-child(11){height:14px}.emilia-music-eq i:nth-child(3),.emilia-music-eq i:nth-child(10){height:21px}.emilia-music-eq i:nth-child(4),.emilia-music-eq i:nth-child(9){height:26px}.emilia-music-eq i:nth-child(5),.emilia-music-eq i:nth-child(8){height:18px}.emilia-music-eq i:nth-child(6),.emilia-music-eq i:nth-child(7){height:29px}
@keyframes emilia-bass-wave { to { transform:scaleY(.48); opacity:.6; } }
.emilia-music-notice { margin-top:12px; padding:11px 14px; border-radius:9px; font-size:12px; background:rgba(185,255,84,.09); color:#d8ffac; border:1px solid rgba(185,255,84,.2); }
.emilia-music-notice.error { background:rgba(247,91,119,.1); color:#ffb1bf; border-color:rgba(247,91,119,.25); }
.emilia-music-notice[hidden] { display:none; }
.emilia-music-loading { min-height:360px; display:flex; align-items:center; justify-content:center; gap:6px; color:#8b96b3; font-size:13px; flex-wrap:wrap; }
.emilia-music-loading span { width:6px; height:6px; border-radius:50%; background:var(--music-green); animation:emilia-load .8s infinite alternate; }.emilia-music-loading span:nth-child(2){animation-delay:.2s}.emilia-music-loading span:nth-child(3){animation-delay:.4s}.emilia-music-loading b{width:100%; text-align:center; font-size:12px; font-weight:500; margin-top:-138px}
@keyframes emilia-load { to { transform:translateY(-5px); opacity:.35; } }
.emilia-music-modal { position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; padding:20px; }.emilia-music-modal[hidden]{display:none}.emilia-music-modal-backdrop{position:absolute;inset:0;background:rgba(5,7,18,.78);backdrop-filter:blur(10px);opacity:0;transition:.18s}.emilia-music-modal-card{position:relative;width:min(620px,100%);max-height:min(700px,calc(100vh - 40px));overflow:auto;padding:29px;border:1px solid rgba(151,164,202,.22);border-radius:20px;background:#161b34;box-shadow:0 28px 100px rgba(0,0,0,.5);transform:translateY(10px) scale(.98);opacity:0;transition:.18s}.emilia-music-modal.is-open .emilia-music-modal-backdrop{opacity:1}.emilia-music-modal.is-open .emilia-music-modal-card{opacity:1;transform:none}.emilia-music-modal-close{position:absolute;right:19px;top:19px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#9aa4be;cursor:pointer}.emilia-music-modal-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.emilia-music-modal-kicker{display:flex;align-items:center;gap:7px;color:var(--music-green);font-size:10px;font-weight:800;letter-spacing:.15em}.emilia-music-modal-kicker svg{width:14px;height:14px}.emilia-music-modal-card h2{font-size:27px;letter-spacing:-.045em;margin:12px 0 6px;color:#fff}.emilia-music-modal-card>p{margin:0;color:#8e99b6;font-size:13px}.emilia-music-search-form{margin-top:23px}.emilia-music-input-wrap{display:flex;align-items:center;gap:11px;padding:5px 6px 5px 14px;border:1px solid #424c6e;border-radius:11px;background:#0e1328;transition:.2s}.emilia-music-input-wrap:focus-within{border-color:var(--music-green);box-shadow:0 0 0 3px rgba(185,255,84,.08)}.emilia-music-input-wrap>svg{color:#8490ad;flex:0 0 17px}.emilia-music-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:13px inherit}.emilia-music-input-wrap input::placeholder{color:#65708e}.emilia-music-input-wrap button{border:0;border-radius:8px;padding:10px 15px;background:var(--music-green);color:#16200e;font-weight:800;cursor:pointer}.emilia-music-input-wrap button.is-loading{opacity:.55;cursor:wait}.emilia-music-search-meta{min-height:33px;padding:13px 2px 5px;color:#7e89a7;font-size:11px}.emilia-music-results{display:flex;flex-direction:column;gap:4px}.emilia-music-result{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid transparent;border-radius:11px;background:rgba(255,255,255,.035);text-align:left;color:#fff;cursor:pointer;transition:.16s}.emilia-music-result:hover{border-color:rgba(185,255,84,.27);background:rgba(185,255,84,.07)}.emilia-music-result:disabled{opacity:.55;cursor:wait}.emilia-music-result-cover{width:44px;height:44px;flex-basis:44px;border-radius:8px}.emilia-music-result-cover svg{width:19px;height:19px}.emilia-music-result-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.emilia-music-result-copy strong{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emilia-music-result-copy small{font-size:10px;color:#7b86a3}.emilia-music-result-add{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(185,255,84,.13);color:var(--music-green)}.emilia-music-result-add svg{width:14px;height:14px;fill:currentColor;stroke:currentColor}.emilia-music-empty-search{display:flex;align-items:center;flex-direction:column;gap:7px;padding:28px 12px;color:#7e89a7;font-size:11px;text-align:center}.emilia-music-empty-search strong{color:#cfd5e8;font-size:13px}.emilia-music-empty-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:2px;border-radius:50%;background:rgba(143,125,255,.13);color:#9a8cff}.emilia-music-empty-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.emilia-music-root.is-busy{opacity:.74;pointer-events:none}
@media (max-width: 850px) { #emilia-music-root{width:min(100% - 24px,680px);margin-top:18px}.emilia-music-header{align-items:flex-start;flex-direction:column;gap:16px}.emilia-music-search-button{width:100%;justify-content:center}.emilia-music-grid{grid-template-columns:1fr}.emilia-music-hero{align-items:flex-start;gap:16px}.emilia-music-cover{width:128px;height:128px;flex-basis:128px}.emilia-music-now{padding:18px}.emilia-music-section-label b{display:none} }
@media (max-width: 490px) { .emilia-music-hero{flex-direction:column}.emilia-music-cover{width:100%;height:180px}.emilia-music-track{width:100%}.emilia-music-bottom-actions{flex-wrap:wrap}.emilia-music-modal-card{padding:23px 17px}.emilia-music-input-wrap{padding-left:10px}.emilia-music-input-wrap button{padding:10px}.emilia-music-search-button kbd{display:none} }