.ds-overlay-scrim{background:var(--scrim);animation:ds-overlay-fade-in var(--dur-base) var(--ease);position:fixed;inset:0}.ds-overlay-scrim[data-state=closed]{animation:ds-overlay-fade-out var(--dur-base) var(--ease)}.ds-overlay-content{box-sizing:border-box;background:var(--overlay);color:var(--text);box-shadow:var(--shadow-overlay);font-family:var(--font);font-size:var(--fs-16);flex-direction:column;display:flex;position:fixed;overflow:hidden}.ds-dialog{max-width:calc(100vw - 2 * var(--sp-4));max-height:calc(100dvh - 2 * var(--sp-4));border-radius:var(--r-dialog);animation:ds-overlay-fade-in var(--dur-base) var(--ease);top:50%;left:50%;transform:translate(-50%,-50%)}.ds-dialog[data-state=closed]{animation:ds-overlay-fade-out var(--dur-base) var(--ease)}.ds-dialog--sm{width:var(--panel-lg)}.ds-dialog--md{width:calc(var(--panel-lg) * 1.5)}.ds-dialog--lg{width:calc(var(--panel-lg) * 2)}.ds-overlay-header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);flex-shrink:0;display:flex}.ds-overlay-title{font-size:var(--fs-20);font-weight:var(--fw-semibold);overflow-wrap:anywhere;margin:0}.ds-overlay-description{padding:0 var(--sp-5) var(--sp-3);color:var(--text-2);overflow-wrap:anywhere;margin:0}.ds-overlay-body{padding:var(--sp-4) var(--sp-5);overflow-wrap:anywhere;overscroll-behavior:contain;min-height:0;overflow:auto}.ds-overlay-footer{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;display:flex}.ds-sheet--bottom{border-radius:var(--r-dialog) var(--r-dialog) 0 0;width:100%;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);animation:ds-sheet-bottom-in var(--dur-slow) var(--ease);bottom:0;left:0}.ds-sheet--bottom[data-state=closed]{animation:ds-sheet-bottom-out var(--dur-slow) var(--ease)}.ds-sheet--right{width:var(--detail-w);max-width:100vw;height:100dvh;padding-bottom:env(safe-area-inset-bottom);animation:ds-sheet-right-in var(--dur-slow) var(--ease);top:0;right:0}.ds-sheet--right[data-state=closed]{animation:ds-sheet-right-out var(--dur-slow) var(--ease)}.ds-sheet-handle{width:var(--sp-7);height:var(--sp-1);margin:var(--sp-3) auto 0;border-radius:var(--r-pill);background:var(--line-strong);flex-shrink:0}.ds-notice--success{--ds-notice-color:var(--st-free);--ds-notice-bg:var(--st-free-bg)}.ds-notice--info{--ds-notice-color:var(--st-playing);--ds-notice-bg:var(--st-playing-bg)}.ds-notice--warning{--ds-notice-color:var(--st-attention);--ds-notice-bg:var(--st-attention-bg)}.ds-notice--danger{--ds-notice-color:var(--st-danger);--ds-notice-bg:var(--st-danger-bg)}.ds-inline-alert,.ds-toast{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-left:var(--status-light) solid var(--ds-notice-color);border-radius:var(--r-panel);color:var(--text);display:flex}.ds-inline-alert{background:var(--ds-notice-bg)}.ds-notice-icon{width:var(--icon-lg);height:var(--icon-lg);color:var(--ds-notice-color);stroke-width:var(--icon-stroke);flex-shrink:0}.ds-notice-body{overflow-wrap:anywhere;flex:1;min-width:0}.ds-toast{background:var(--overlay);box-shadow:var(--shadow-overlay);pointer-events:auto;animation:ds-overlay-fade-in var(--dur-base) var(--ease)}.ds-toast-viewport{top:var(--sp-4);right:var(--sp-4);width:var(--panel-lg);max-width:calc(100vw - 2 * var(--sp-4));max-height:calc(100dvh - 2 * var(--sp-4));gap:var(--sp-3);pointer-events:none;flex-direction:column;display:flex;position:fixed;overflow:auto}.ds-toast-viewport--compact{top:auto;bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));left:var(--sp-4);width:auto}.ds-overlay-preview-row{gap:var(--sp-3);margin-block:var(--sp-4);flex-wrap:wrap;display:flex}.ds-overlay-preview-alerts{gap:var(--sp-3);display:grid}@keyframes ds-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ds-sheet-bottom-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ds-sheet-bottom-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes ds-sheet-right-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-sheet-right-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.ds-overlay-scrim,.ds-overlay-content,.ds-toast{transition:none!important;animation:none!important}}