.mark-music{background:linear-gradient(145deg,#e8912d,#ca5d20);color:#fff8ed}.music-shell{--music-accent: #ef8e32;--music-accent-strong: #f6a548;--music-warm-bg: color-mix(in srgb, var(--music-accent) 8%, var(--bg-card));width:min(1180px,100%);margin:0 auto;color:var(--text-primary)}.music-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.music-section-label{color:var(--music-accent-strong);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.music-title-lockup{display:flex;align-items:center;gap:13px}.music-title-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:11px;background:var(--music-accent);color:#1a0e05;font-size:17px}.music-page-head h2{margin:0 0 7px;font-size:clamp(21px,2vw,27px);line-height:1;text-wrap:balance}.music-quick-flow{display:flex;align-items:center;gap:8px;color:var(--text-disabled)}.music-quick-flow>span{display:grid;width:24px;height:24px;place-items:center;border:1px solid color-mix(in srgb,var(--music-accent) 35%,var(--border-default));border-radius:50%;background:var(--music-warm-bg);color:var(--music-accent-strong);font-size:10px}.music-quick-flow>i{font-size:8px;opacity:.7}.music-quick-flow strong{padding:4px 8px;border-radius:5px;background:var(--bg-content);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.music-master-toggle{display:flex;align-items:center;gap:18px;min-width:190px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--music-accent) 30%,var(--border-default));border-radius:10px;background:var(--music-warm-bg);cursor:pointer}.music-master-toggle>span:first-child{display:flex;flex:1;flex-direction:column;gap:2px}.music-master-toggle strong{font-size:13px}.music-master-toggle small{color:var(--text-dim);font-size:10px}.music-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,.82fr);grid-template-areas:"player settings" "queue test";gap:14px;align-items:stretch}.music-player-card{grid-area:player}.music-queue-card{grid-area:queue}.music-settings-card{grid-area:settings}.music-test-card{grid-area:test}.music-player-card,.music-overlay-link-card,.music-queue-card,.music-settings-card,.music-test-card{border:1px solid var(--border-default);border-radius:12px;background:var(--bg-card)}.music-player-card{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:235px;overflow:hidden}.music-art-wrap{position:relative;min-height:235px;background:#17110d;overflow:hidden}.music-artwork{width:100%;height:100%;object-fit:cover;opacity:.9}.music-artwork-empty{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff29;font-size:54px;background:radial-gradient(circle at 35% 30%,rgba(239,142,50,.3),transparent 50%),#17110d}.music-player-badge{position:absolute;top:12px;left:12px;padding:5px 8px;border-radius:5px;background:#0a0a0ac2;color:#ddd;font-size:9px;font-weight:800;letter-spacing:.09em;backdrop-filter:blur(5px)}.music-player-badge.playing{color:#1de782}.music-player-badge.downloading{color:#ffc164}.music-player-badge.downloading:before{display:inline-block;width:7px;height:7px;margin-right:5px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:music-loading-spin .7s linear infinite}.music-player-body{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:21px}.music-player-eyebrow{color:var(--music-accent);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.music-player-body h3{margin:6px 0 4px;overflow:hidden;color:var(--text-primary);font-size:20px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.music-player-body>p{margin:0 0 18px;overflow:hidden;color:var(--text-dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.music-progress-row{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:9px;align-items:center;color:var(--text-disabled);font-size:10px;font-variant-numeric:tabular-nums}.music-progress-row input,.music-volume input{accent-color:var(--music-accent);cursor:pointer}.music-controls{display:flex;align-items:center;gap:9px;margin-top:15px}.music-control{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--border-default);border-radius:50%;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.music-control:hover{transform:translateY(-1px);border-color:var(--music-accent)}.music-control:focus-visible,.music-test-primary:focus-visible,.music-rule:focus-visible,.music-gift-modal button:focus-visible,.music-gift-search:focus-visible{outline:2px solid var(--music-accent-strong);outline-offset:2px}.music-control.primary{width:48px;height:48px;border:0;background:var(--music-accent);color:#1a0e05;font-size:16px}.music-control.primary:hover{background:var(--music-accent-strong)}.music-control.secondary{background:var(--bg-content);color:var(--text-secondary)}.music-volume{display:flex;align-items:center;gap:7px;width:155px;min-width:0;margin-left:auto;color:var(--text-dim)}.music-volume input{flex:1;width:100%;min-width:30px}.music-volume output{min-width:4ch;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.music-inline-notice{margin-top:13px;padding:8px 10px;border:1px solid rgba(240,173,78,.3);border-radius:7px;background:#f0ad4e14;color:#efb45e;font-size:10px;line-height:1.4}.music-error-banner{display:flex;gap:9px;align-items:center;margin-top:12px;padding:9px 10px;border:1px solid rgba(244,85,85,.42);border-radius:8px;background:#ae222229;color:#ff7b7b;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.music-error-banner[hidden]{display:none}.music-error-banner.is-visible{opacity:1;transform:translateY(0)}.music-error-banner>i{flex:0 0 auto;font-size:16px}.music-error-banner>span{display:flex;min-width:0;flex-direction:column;gap:1px}.music-error-banner strong{color:#fff;font-size:10px}.music-error-banner small{overflow:hidden;color:#ffc0c0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.music-overlay-panel{width:min(520px,100%);margin-top:14px}.music-overlay-preview{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--border-default);border-radius:12px;background-color:#171717;background-image:linear-gradient(45deg,#1d1d1d 25%,transparent 25%),linear-gradient(-45deg,#1d1d1d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d1d1d 75%),linear-gradient(-45deg,transparent 75%,#1d1d1d 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.music-overlay-preview iframe{position:absolute;top:0;left:0;width:800px;height:600px;border:0;background:transparent;transform-origin:top left}.music-overlay-link-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:8px;padding:10px 11px}.music-overlay-link-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:7px;background:var(--music-warm-bg);color:var(--music-accent);font-size:13px}.music-overlay-link-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.music-overlay-link-copy strong{color:var(--text-secondary);font-size:10px;letter-spacing:.06em}.music-overlay-link-url{display:flex;min-width:0;overflow:hidden;color:var(--text-disabled);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;white-space:nowrap}.music-overlay-link-url>span:first-child{overflow:hidden;text-overflow:ellipsis}.music-overlay-url-secret{filter:blur(4px);user-select:none}.music-overlay-link-card button{min-width:88px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--music-accent) 35%,var(--border-default));border-radius:7px;background:var(--music-warm-bg);color:var(--music-accent-strong);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.music-overlay-link-card button:hover{border-color:var(--music-accent);background:color-mix(in srgb,var(--music-accent) 15%,var(--bg-card))}.music-overlay-link-card button:focus-visible{outline:2px solid var(--music-accent-strong);outline-offset:2px}.music-overlay-link-card button:disabled{cursor:not-allowed;opacity:.45}.music-queue-card,.music-settings-card,.music-test-card{padding:16px}.music-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.music-card-head h3{margin:0;font-size:14px}.music-card-head h3 i{width:19px;color:var(--music-accent);text-align:left}.music-head-icon{color:var(--music-accent);font-size:16px}.music-count,.music-size-pill{padding:4px 8px;border:1px solid var(--border-default);border-radius:999px;color:var(--text-dim);font-size:10px}.music-queue-list{display:flex;flex-direction:column;gap:6px}.music-empty{display:flex;min-height:88px;flex-direction:column;align-items:center;justify-content:center;color:var(--text-disabled);text-align:center}.music-empty i{margin-bottom:8px;color:color-mix(in srgb,var(--music-accent) 55%,var(--text-disabled));font-size:26px}.music-empty span{font-size:12px}.music-empty small{margin-top:3px;font-size:10px}.music-queue-item{display:grid;grid-template-columns:34px 48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-content)}.music-queue-index{color:var(--text-disabled);font-size:10px;text-align:center}.music-queue-thumb{width:48px;height:34px;border-radius:5px;object-fit:cover;background:var(--bg-card)}.music-queue-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.music-queue-copy strong,.music-queue-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-queue-copy strong{font-size:11px}.music-queue-copy span{color:var(--text-dim);font-size:9px}.music-queue-status{color:#eeb15e;font-size:9px}.music-queue-remove{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--text-disabled);cursor:pointer}.music-queue-remove:hover{background:#e84b4b1a;color:#eb7777}.music-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.music-field{display:flex;min-width:0;flex-direction:column;gap:5px}.music-field>span{color:var(--text-secondary);font-size:11px;font-weight:600}.music-field input{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--border-default);border-radius:7px;outline:0;background:var(--bg-input);color:var(--text-primary);font:inherit;font-size:12px}.music-field input:focus{border-color:var(--music-accent);box-shadow:0 0 0 2px #ef8e321f}.music-field small{color:var(--text-disabled);font-size:9px;line-height:1.4}.music-field small b{color:var(--text-dim)}.music-input-suffix{display:flex;align-items:stretch}.music-input-suffix input{border-radius:7px 0 0 7px}.music-input-suffix span{display:flex;align-items:center;padding:0 9px;border:1px solid var(--border-default);border-left:0;border-radius:0 7px 7px 0;background:var(--bg-content);color:var(--text-dim);font-size:9px}.music-rule{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:9px 10px;border:1px solid transparent;border-radius:7px;background:var(--music-warm-bg);color:var(--text-secondary);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.music-rule:hover{border-color:color-mix(in srgb,var(--music-accent) 42%,transparent);background:color-mix(in srgb,var(--music-accent) 13%,var(--bg-card))}.music-rule-copy,.music-rule-gift{display:flex;align-items:center;gap:8px;min-width:0}.music-rule-copy>i{color:var(--music-accent)}.music-rule strong{font-size:10px;white-space:nowrap}.music-rule-gift{max-width:55%;padding:4px 6px;border-radius:6px;background:#00000029;color:var(--text-primary);font-size:10px;font-weight:600}.music-rule-gift>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-rule-gift>i{color:var(--text-disabled);font-size:8px}.music-rule-gift-media{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center}.music-rule-gift-media img{width:24px;height:24px;object-fit:contain}.music-save-state{color:var(--text-disabled);font-size:9px;font-weight:500}.music-test-primary{border-radius:7px;cursor:pointer;font:inherit;font-size:10px;font-weight:600}.music-test-fields{display:grid;gap:9px}.music-test-primary{width:100%;margin-top:12px;padding:11px;border:0;background:var(--music-accent);color:#1a0e05}.music-test-primary:hover{background:var(--music-accent-strong)}.music-test-primary:disabled{cursor:wait;opacity:.55}.music-gift-modal{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;padding:20px;background:#000000b8}.music-gift-modal.open{display:flex}.music-gift-modal-panel{width:min(620px,100%);max-height:min(680px,calc(100vh - 40px));overflow:hidden;padding:18px;border:1px solid var(--border-strong);border-radius:13px;background:var(--bg-card);box-shadow:0 20px 60px #00000073}.music-gift-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.music-gift-modal-head h3{margin:0;font-size:15px}.music-gift-modal-head button{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border-default);border-radius:50%;background:var(--bg-content);color:var(--text-secondary);cursor:pointer}.music-gift-search{width:100%;box-sizing:border-box;margin-bottom:12px;padding:10px 12px;border:1px solid var(--border-default);border-radius:8px;outline:0;background:var(--bg-input);color:var(--text-primary);font:inherit;font-size:12px}.music-gift-grid{display:grid;max-height:min(500px,calc(100vh - 175px));overflow-y:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:2px}.music-gift-option{display:flex;min-width:0;min-height:105px;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:8px 5px;border:1px solid var(--border-default);border-radius:9px;background:var(--bg-content);color:var(--text-secondary);font:inherit;cursor:pointer}.music-gift-option:hover{border-color:color-mix(in srgb,var(--music-accent) 55%,var(--border-default));background:var(--music-warm-bg)}.music-gift-option.selected{border-color:var(--music-accent)}.music-gift-option img{width:42px;height:42px;object-fit:contain}.music-gift-option strong{width:100%;overflow:hidden;font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.music-gift-option small{color:var(--text-disabled);font-size:9px}.music-gift-empty{grid-column:1 / -1;padding:40px 20px;color:var(--text-disabled);font-size:11px;text-align:center}.music-gift-results{margin-top:9px;color:var(--text-disabled);font-size:9px;text-align:right}@media(max-width:1020px){.music-layout{grid-template-columns:1fr 1fr;grid-template-areas:"player player" "settings queue" "test test"}}@media(max-width:720px){.music-page-head{flex-direction:column}.music-title-lockup{width:100%}.music-master-toggle{width:100%;box-sizing:border-box}.music-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"player" "settings" "queue" "test"}.music-player-card{grid-template-columns:130px minmax(0,1fr)}.music-field-grid{grid-template-columns:1fr}.music-gift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.music-overlay-link-card{grid-template-columns:34px minmax(0,1fr)}.music-overlay-link-card button{grid-column:1 / -1;width:100%}}@media(max-width:480px){.music-player-card{grid-template-columns:1fr}.music-art-wrap{min-height:170px}.music-artwork{position:absolute;inset:0}.music-player-body{padding:18px}}@media(prefers-reduced-motion:reduce){.music-control,.music-error-banner{transition:none}.music-player-badge.downloading:before{animation:none}}@keyframes music-loading-spin{to{transform:rotate(360deg)}}