.sn-btn{pointer-events:auto;z-index:6;border:1px solid var(--sh-line);background:var(--sh-panel);width:56px;height:56px;color:var(--sh-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.sn-btn svg{width:26px;height:26px}.sn-btn[aria-pressed=true]{background:var(--sh-accent);color:var(--sh-accent-ink);border-color:#0000}.sn-btn:focus-visible{outline:2px solid var(--sh-accent);outline-offset:2px}.sn-music{right:var(--sh-right);bottom:calc(var(--sh-bottom) + 2 * (var(--sh-fab) + 14px))}.sn-radio{right:calc(var(--sh-right) + 70px);bottom:calc(var(--sh-bottom) + 2 * (var(--sh-fab) + 14px))}.sn-panel{pointer-events:auto;z-index:7;left:var(--sh-left);right:var(--sh-right);--sn-b:max(var(--sn-bottom,var(--sh-bottom)), calc(20px + env(safe-area-inset-bottom,0px)));bottom:var(--sn-b);max-height:calc(100% - var(--sh-top) - var(--sn-b));box-sizing:border-box;border:1px solid var(--sh-line);background:var(--sh-panel);color:var(--sh-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;flex-direction:column;gap:8px;padding:12px;font:15px/1.35 system-ui,sans-serif;display:flex;position:absolute}.sn-panel[hidden]{display:none}@media (width>=620px){.sn-panel{width:420px;left:auto}}.sn-head{flex:none;align-items:center;gap:8px;display:flex}.sn-head h3{flex:1;margin:0;font-size:16px;font-weight:600}.sn-x{border:1px solid var(--sh-line);width:44px;height:44px;color:var(--sh-ink);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.sn-x svg{width:18px;height:18px}.sn-tabs{flex-wrap:wrap;flex:none;gap:6px;display:flex}.sn-tabs button{border:1px solid var(--sh-line);min-height:44px;color:var(--sh-ink-dim);font:inherit;white-space:nowrap;background:0 0;border-radius:999px;flex:auto;padding:4px 10px}.sn-tabs button[aria-pressed=true]{background:var(--sh-accent);color:var(--sh-accent-ink);border-color:#0000;font-weight:600}.sn-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.sn-list button{text-align:left;width:100%;min-height:44px;color:var(--sh-ink);font:inherit;background:0 0;border:0;border-radius:10px;padding:6px 8px;display:block}.sn-list button small{color:var(--sh-ink-dim);font-size:13px;display:block}.sn-list button[aria-current=true]{color:var(--sh-accent);background:#e0ac4e2e}.sn-now{color:var(--sh-ink-dim);flex:none;min-height:2.6em;font-size:14px}.sn-now b{color:var(--sh-ink);font-size:15px;display:block}.sn-bar{flex:none;justify-content:space-between;align-items:center;gap:4px;display:flex}.sn-bar button{border:1px solid var(--sh-line);width:44px;height:44px;color:var(--sh-ink);background:0 0;border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.sn-bar button svg{width:22px;height:22px}.sn-bar button[aria-pressed=true]{background:var(--sh-accent);color:var(--sh-accent-ink);border-color:#0000}.sn-vol{flex:none;align-items:center;gap:8px;min-height:44px;display:flex}.sn-vol[hidden]{display:none}.sn-vol-ico{width:44px;height:44px;color:var(--sh-ink-dim);flex:none;place-items:center;display:grid}.sn-vol-ico svg{width:22px;height:22px}.sn-vol input[type=range]{min-width:0;height:44px;accent-color:var(--sh-accent);flex:1;margin:0}.sn-note{color:var(--sh-ink-dim);flex:none;font-size:13px}.sn-note:empty{display:none}