.music-mode-switch{--mode-surface:#171b29;--mode-border:#3c3e51;--mode-text:#c3bfd6;--mode-active:#eaddff;--mode-active-bg:#463364;--mode-muted:#a8a5bc;width:100%;min-width:0}.music-mode-switch__options{border:1px solid var(--mode-border);background:var(--mode-surface);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.music-mode-switch__option{min-height:44px;color:var(--mode-text);white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.music-mode-switch__option[aria-current=page]{color:var(--mode-active);background:var(--mode-active-bg);box-shadow:0 1px 4px #0002}.music-mode-switch__option:is(a,button):hover:not(:disabled){background:color-mix(in srgb,var(--mode-active-bg)20%,var(--mode-surface));color:var(--mode-text)}.music-mode-switch__option:disabled{opacity:.55;cursor:not-allowed}.music-mode-switch__option:focus-visible{outline:2px solid var(--mode-active);outline-offset:2px}.music-mode-switch__hint{color:var(--mode-muted);margin:7px 2px 0;font-size:12px;line-height:1.6}.music-mode-switch__hint[role=alert]{color:#f5bb7d}.student-summer-lab .music-mode-switch,.yue-workspace--summer .music-mode-switch{--mode-surface:#f4f7ed;--mode-border:#d5e1c6;--mode-text:#56694b;--mode-active:#fff;--mode-active-bg:#23752b;--mode-muted:#647558}body[data-mlt=light] .music-mode-switch{--mode-surface:#f7f2ea;--mode-border:#d9cfc0;--mode-text:#726450;--mode-active:#fff;--mode-active-bg:#7d43b1;--mode-muted:#776954}.yue-mode-header{flex:1;justify-content:space-between;align-items:center;gap:18px;min-width:0;display:flex}.yue-mode-header>.music-mode-switch{max-width:360px}@media (max-width:767px){.yue-mode-header{flex-wrap:wrap;gap:12px}.yue-mode-header>.music-mode-switch{max-width:none}.yue-header:has(.yue-mode-header){align-items:flex-start}.yue-header:has(.yue-mode-header)>[role=status]{white-space:nowrap;margin-top:10px}.music-mode-switch__option{padding:8px}}
.music-model-slider{--model-surface:#151c2b;--model-border:#303749;--model-text:#eef0f5;--model-muted:#a3abbb;--model-accent:#c09bff;--model-track:#29283d;--model-gradient:linear-gradient(100deg,#9692ff,#bf77ff 55%,#7746f2);border:1px solid var(--model-border);background:var(--model-surface);color:var(--model-text);border-radius:22px;padding:10px 15px 12px}body[data-mlt=light] .music-model-slider{--model-surface:#fffdfa;--model-border:#e1dcd2;--model-text:#302a36;--model-muted:#77707d;--model-accent:#9443eb;--model-track:#eae4f1}.music-model-slider--summer{--model-surface:#fffef9;--model-border:#dbe3ce;--model-text:#244624;--model-muted:#6a785f;--model-accent:#267227;--model-track:#e7eedb;--model-gradient:linear-gradient(100deg,#c2d792,#8eb759 55%,#227523)}.music-model-slider__header{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;display:grid}.music-model-slider__header>svg{color:var(--model-muted);margin-left:5px}.music-model-slider__selection{flex-direction:column;align-items:center;gap:1px;display:flex}.music-model-slider__label{color:var(--model-muted);font-size:10px}.music-model-slider__selection strong{color:var(--model-accent);font-size:23px;font-weight:600;line-height:1.15}.music-model-slider__description{color:var(--model-muted);text-align:center;font-size:12px;line-height:1.5}.music-model-slider .music-model-slider__reset{width:36px;min-width:36px;height:44px;color:var(--model-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.music-model-slider .music-model-slider__reset:hover:not(:disabled){color:var(--model-accent);background:var(--model-track)}.music-model-slider .music-model-slider__reset:disabled{opacity:.35;cursor:default}.music-model-slider__control{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;width:100%;height:44px;margin-top:4px;display:flex;position:relative}.music-model-slider__track{background:var(--model-track);border-radius:999px;flex:1;height:26px;position:relative;overflow:hidden}.music-model-slider__range{border-radius:inherit;background:var(--model-gradient);height:100%;position:absolute}.music-model-slider__stars{pointer-events:none;opacity:.48;background-image:radial-gradient(circle at 8% 32%,#fff 0 1px,#0000 1.8px),radial-gradient(circle at 24% 72%,#fff 0 1.2px,#0000 2px),radial-gradient(circle at 43% 37%,#fff 0 1px,#0000 1.8px),radial-gradient(circle at 61% 70%,#fff 0 1px,#0000 1.8px),radial-gradient(circle at 78% 30%,#fff 0 1.2px,#0000 2px),radial-gradient(circle at 91% 63%,#fff 0 1px,#0000 1.8px);position:absolute;inset:0}.music-model-slider__thumb{cursor:grab;background:#fff;border:1px solid #dedde4;border-radius:50%;width:32px;height:32px;display:block;box-shadow:0 1px 4px #0002}.music-model-slider__thumb:active{cursor:grabbing}.music-model-slider__thumb:focus-visible,.music-model-slider__reset:focus-visible{outline:3px solid var(--model-accent);outline-offset:3px}.music-model-slider__ticks{color:var(--model-muted);justify-content:space-between;padding:0 7px;font-size:10px;line-height:1.4;display:flex}.music-model-slider__ticks [data-selected=true]{color:var(--model-accent);font-weight:700}