:root{--bg:#0f1115;--panel:#151820;--panel-2:#1b1f28;--panel-3:#232834;--line:#303744;--line-soft:#222833;--text:#e6e9ef;--muted:#929baa;--muted-2:#7f8998;--accent:#74a7ff;--accent-soft:#244a78;--accent-2:#55c2b7;--warn:#e06c75;--shadow:0 18px 48px #00000073;--input:#0c0f14;--control-hover:#262c37;--control-hover-line:#3b4554;--row-hover:#1c222c;--selected-text:#f7faff;--selected-muted:#b8c8e6;--control-off:#414958;--slot-on:#1c2e46;--slot-empty:#12161d;--drop-bg:#0f1115eb;--danger-text:#f3a6ad;--heart:#fb7185;--accent-contrast:#09101d;--toggle-text:#f7faff;--wave-bg:#0b0e13;--wave-mid:#28303b;--wave:#68788f;--wave-played:#74a7ff;--wave-shade:#74a7ff24;--sb-row:30px;--page-max:1400px;--mono:ui-monospace, "Cascadia Mono", "Cascadia Code", Consolas, "DejaVu Sans Mono", monospace}:root[data-theme=light]{--bg:#f3f5f8;--panel:#fff;--panel-2:#f0f3f7;--panel-3:#e5eaf0;--line:#c9d0da;--line-soft:#e2e6ec;--text:#20252d;--muted:#626c7a;--muted-2:#626d7c;--accent:#2563eb;--accent-soft:#315f9d;--accent-2:#087f76;--warn:#c43d4b;--shadow:0 14px 36px #1c273629;--input:#fff;--control-hover:#e2e7ee;--control-hover-line:#aeb8c6;--row-hover:#edf2f8;--selected-text:#fff;--selected-muted:#dbe7fb;--control-off:#a8b1be;--slot-on:#e2ecfb;--slot-empty:#f4f6f9;--drop-bg:#fffffff0;--danger-text:#a93240;--heart:#c93655;--accent-contrast:#fff;--toggle-text:#fff;--wave-bg:#f7f9fc;--wave-mid:#d8dee8;--wave:#78869a;--wave-played:#2563eb;--wave-shade:#2563eb1f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI Variable Text,Segoe UI,system-ui,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,Noto Sans JP,sans-serif;line-height:1.7}body.sb-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}a{color:var(--accent-2)}button{font:inherit;color:inherit;cursor:pointer}.mono{font-family:var(--mono)}.sb-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{max-width:var(--page-max);margin:0 auto;padding:20px 16px 0}#site-header{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 16px;display:flex;position:sticky;top:0}.apps-link{color:var(--muted);border:1px solid var(--line);border-radius:999px;flex:none;padding:5px 11px;font-size:.86rem;text-decoration:none;transition:color .15s,border-color .15s}.apps-link:hover{color:var(--accent);border-color:var(--accent)}.header-logo{align-items:baseline;gap:10px;min-width:0;display:flex}.header-mark{font-size:1.15rem}.header-name{letter-spacing:.16em;background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.02rem;font-weight:700}.header-tagline{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.header-controls{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.76rem;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--control-hover-line)}.langbar{border:1px solid var(--line);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.langbar button{color:var(--muted);background:0 0;border:0;padding:5px 11px;font-size:.8rem}.langbar button.on{background:var(--accent);color:var(--accent-contrast);font-weight:700}#stage{border:1px solid var(--line);background:var(--panel);height:clamp(560px,82svh,1000px);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sb-drop-overlay{z-index:20;border:2px dashed var(--accent);background:var(--drop-bg);color:var(--text);pointer-events:none;border-radius:9px;place-items:center;font-size:1rem;font-weight:600;display:grid;position:absolute;inset:8px}.sb-unsupported{text-align:center;justify-content:center;align-items:center;height:auto;padding:44px 28px}.sb-unsupported h2{margin:0 0 10px;font-size:1.1rem}.sb-unsupported p{color:var(--muted);max-width:620px;margin:0;font-size:.9rem}.sb-toolbar{background:var(--panel-2);border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.sb-mobile-library-btn,.sb-filter-toggle,.sb-filter-panel-head,.sb-mobile-panel-head,.sb-library-veil{display:none}.sb-filter-panel,.sb-library-panel{display:contents}.sb-btn{background:var(--panel-3);border:1px solid var(--line);white-space:nowrap;color:var(--text);border-radius:4px;padding:5px 10px;font-size:.78rem}.sb-btn:hover{border-color:var(--control-hover-line);background:var(--control-hover)}.sb-btn:disabled{opacity:.4;cursor:default}.sb-btn-primary{border-color:var(--accent-soft);color:var(--accent)}.sb-btn-big{border-color:var(--accent);padding:9px 20px;font-size:.88rem}.sb-btn-clear{border-color:var(--accent-soft);color:var(--accent)}.sb-stat{color:var(--muted);white-space:nowrap;font-size:.72rem}.sb-grow{flex:1;min-width:8px}.sb-search,.sb-select,.sb-field input,.sb-tag-input,.sb-note{background:var(--input);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:4px;padding:5px 7px;font-size:.78rem}.sb-search{width:200px}.sb-field{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.72rem;display:flex}.sb-field input{width:66px}.sb-check{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:5px;font-size:.72rem;display:flex}.sb-search::placeholder,.sb-field input::placeholder{color:var(--muted-2)}:where(button,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sb-toolbar-actions{flex:none;align-items:center;gap:8px;display:inline-flex;position:relative}.sb-backup-reminder{border:1px solid var(--accent-soft);background:color-mix(in srgb, var(--accent) 9%, var(--panel));min-height:38px;color:var(--text);border-radius:6px;flex:1 0 100%;justify-content:center;align-items:center;gap:10px;padding:5px 10px;font-size:.78rem;display:flex}.sb-backup-reminder .sb-btn{border-color:var(--accent);color:var(--accent);flex:none}.sb-menu-veil{z-index:30;position:fixed;inset:0}.sb-menu{z-index:31;background:var(--panel-2);border:1px solid var(--line);width:max-content;min-width:190px;max-width:min(280px,100vw - 32px);box-shadow:var(--shadow);border-radius:6px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden}.sb-menu button{text-align:left;white-space:normal;background:0 0;border:0;padding:8px 12px;font-size:.78rem;line-height:1.45}.sb-menu button:hover{background:var(--panel-3)}.sb-banner{background:var(--accent-soft);color:var(--selected-text);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:9px;margin:0;padding:7px 12px;font-size:.78rem;display:flex}.sb-banner.scanning{background:var(--panel-3);color:var(--muted)}.sb-banner-warn{background:color-mix(in srgb, var(--warn) 20%, var(--panel-3));color:var(--text)}.sb-banner-where{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.7rem;overflow:hidden}.sb-spin{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:11px;height:11px;animation:.8s linear infinite sb-spin}@keyframes sb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sb-spin{border-top-color:var(--accent);animation:none}}.sb-notice{z-index:40;background:var(--panel-3);border:1px solid var(--accent-soft);box-shadow:var(--shadow);border-radius:999px;padding:7px 18px;font-size:.8rem;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.sb-main{flex:1;min-height:0;display:flex}.sb-tree{background:var(--panel);border-right:1px solid var(--line);flex:none;min-width:150px;max-width:50%;padding:5px 0 20px;overflow:auto}.sb-collections{border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:6px}.sb-collection{padding-left:6px}.sb-collection-title{height:24px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:3px 6px 2px 20px;font-size:.66rem;display:flex}.sb-playlist-block{position:relative}.sb-playlist-editor,.sb-inline-confirm{background:var(--panel-2);align-items:center;gap:4px;padding:4px 6px 5px 20px;font-size:.68rem;display:flex}.sb-playlist-editor input{border:1px solid var(--accent);background:var(--input);min-width:0;color:var(--text);border-radius:3px;flex:1;padding:3px 5px}.sb-inline-confirm{color:var(--danger-text);flex-wrap:wrap}.sb-unresolved{color:var(--accent-2);margin:4px 8px 2px 20px;font-size:.66rem;line-height:1.45}.sb-heart,.sb-favorite.on{color:var(--heart)}.sb-trow{align-items:center;display:flex;position:relative}.sb-tnode{text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:1;align-items:center;gap:4px;min-width:0;height:26px;padding-right:8px;font-size:.8rem;display:flex}.sb-tnode:hover{background:var(--panel-2)}.sb-tnode.on{background:var(--accent-soft);color:var(--selected-text)}.sb-tall{border-bottom:1px solid var(--line-soft)}.sb-tw{text-align:center;width:14px;color:var(--muted-2);flex:none;font-size:.58rem}.sb-tw:hover{color:var(--text)}.sb-tn{text-overflow:ellipsis;flex:1;overflow:hidden}.sb-tc{color:var(--muted-2);flex:none;font-size:.66rem}.sb-tnode.on .sb-tc{color:var(--selected-muted)}.sb-troot{align-items:center;gap:2px;display:none;position:absolute;right:4px}.sb-trow:hover .sb-troot,.sb-trow:focus-within .sb-troot{display:flex}.sb-troot:has(.warn){display:flex}.sb-mini{background:var(--panel-3);border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:1px 6px;font-size:.68rem;line-height:1.5}.sb-mini:hover{color:var(--text)}.sb-mini.warn{border-color:var(--warn);color:var(--danger-text)}.sb-splitter{cursor:col-resize;background:0 0;flex:none;width:5px}.sb-splitter:hover{background:var(--accent-soft)}.sb-splitter:focus-visible{background:var(--accent)}.sb-list{flex-direction:column;flex:1;min-width:0;display:flex}.sb-list-head-viewport{background:var(--panel-2);border-bottom:1px solid var(--line);flex:none;height:26px;overflow:hidden}.sb-list-head{background:var(--panel-2);letter-spacing:.08em;height:26px;color:var(--muted);text-transform:uppercase;will-change:transform;align-items:center;font-size:.64rem;display:flex}.sb-bulkbar{background:var(--panel);border-bottom:1px solid var(--line);min-height:31px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 7px;font-size:.68rem;display:flex}.sb-bulk-input{align-items:center;gap:2px;display:flex}.sb-bulk-input input{border:1px solid var(--line);background:var(--input);width:104px;color:var(--text);border-radius:3px;padding:3px 5px}.sb-h{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%;height:100%;text-align:inherit;background:0 0;border:0;padding:0 8px;overflow:hidden}.sb-hcell{text-align:left;flex:none;height:100%;position:relative}.sb-h:disabled{color:inherit}.sb-h.static{cursor:default}.sb-h:hover{color:var(--text)}.sb-h.on{color:var(--accent)}.c-idx{text-align:right;flex:none;width:74px}.c-name{width:var(--sb-name-col,360px);flex:none}.c-dir{width:var(--sb-dir-col,230px);flex:none}.c-dur{text-align:right;flex:none;width:66px}.c-rate{flex:none;width:126px}.c-fav{text-align:center;flex:none;width:38px}.sb-favorite{color:var(--muted-2);background:0 0;border:0;padding:0;font-size:1rem}.c-pin{text-align:center;flex:none;width:32px}.sb-col-resizer{z-index:3;cursor:col-resize;touch-action:none;width:10px;height:100%;position:absolute;top:0;right:-5px}.sb-col-resizer:after{content:"";background:var(--line);width:1px;position:absolute;top:4px;bottom:4px;left:4px}.sb-col-resizer:hover:after,.sb-col-resizer:focus-visible:after,.sb-resizing-columns .sb-col-resizer:after{background:var(--accent);width:2px}.sb-resizing-columns,.sb-resizing-columns *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.sb-list-scroll{flex:1;position:relative;overflow:auto}.sb-list-sizer{min-width:100%;position:relative}.sb-row{min-width:100%;height:var(--sb-row);border-bottom:1px solid var(--line-soft);align-items:center;display:flex;position:absolute;left:0}.sb-row:hover{background:var(--row-hover)}.sb-row.cur{background:var(--accent-soft)}.sb-row.selected:not(.cur){background:var(--row-hover);box-shadow:inset 3px 0 var(--accent-2)}.sb-row.cur .sb-cell{color:var(--selected-text)}.sb-cell{text-overflow:ellipsis;white-space:nowrap;padding:0 8px;overflow:hidden}.sb-row .c-idx{color:var(--muted-2);justify-content:space-between;align-items:center;gap:5px;font-size:.66rem;display:flex}.sb-row .c-idx input{accent-color:var(--accent);margin:0}.sb-row .c-name{font-size:.78rem}.sb-row .c-dir{color:var(--muted);cursor:pointer;font-size:.72rem}.sb-row .c-dir:hover{color:var(--accent-2);text-decoration:underline}.sb-row .c-dur{color:var(--muted);font-size:.72rem}.sb-row.short .c-dur{color:var(--muted-2)}.sb-row.cur.short .c-dur,.sb-row.cur .c-idx,.sb-row.cur .c-dir{color:var(--selected-text)}.sb-row.cur .sb-star:not(.on),.sb-row.cur .sb-pin:not(.on){color:var(--selected-muted)}.sb-stars{gap:1px;display:flex}.sb-star{text-align:center;cursor:pointer;width:24px;height:24px;color:var(--control-off);background:0 0;border:0;padding:0;font-size:.78rem;line-height:1}.sb-star.on,.sb-star:hover{color:var(--accent-2)}.sb-pin{text-align:center;cursor:pointer;width:100%;color:var(--control-off);background:0 0;border:0;min-width:24px;min-height:24px;padding:0;font-size:.8rem;line-height:1;display:block}.sb-favorite{min-width:24px;min-height:24px}.sb-pin.on,.sb-pin:hover{color:var(--accent)}.sb-empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;display:flex;position:absolute;inset:0}.sb-empty h2{color:var(--text);margin:0;font-size:.95rem;font-weight:600}.sb-empty p{max-width:460px;margin:0;font-size:.8rem;line-height:1.75}.sb-empty-count{color:var(--accent);font-size:.76rem}.sb-keys{text-align:left;border-left:2px solid var(--line);color:var(--muted-2);gap:2px 14px;margin:4px 0 0;padding-left:14px;font-size:.72rem;display:grid}.sb-keys>div{grid-template-columns:78px 1fr;gap:10px;display:grid}.sb-keys dt{color:var(--muted)}.sb-keys dd{margin:0}.sb-tray-wrap{background:var(--panel);border-top:1px solid var(--line);flex:none}.sb-tray-tools{height:28px;color:var(--muted-2);align-items:center;gap:6px;padding:3px 8px;font-size:.68rem;display:flex}.sb-mini.on{color:var(--toggle-text);border-color:var(--accent);background:var(--accent-soft)}.sb-tray{background:var(--line-soft);flex:none;align-items:stretch;gap:1px;height:46px;display:flex}.sb-slot{background:var(--panel);cursor:pointer;border-top:2px solid #0000;flex:1;min-width:0;padding:0;position:relative}.sb-slot-main{text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;width:100%;height:100%;padding:4px 70px 4px 10px;display:flex}.sb-rank{border:1px solid var(--line);background:var(--panel-2);width:40px;color:var(--text);border-radius:3px;padding:1px;font-size:.62rem;position:absolute;top:3px;right:24px}.sb-slot:hover{background:var(--panel-2)}.sb-slot.on{border-top-color:var(--accent);background:var(--slot-on)}.sb-slot.empty{background:var(--slot-empty);cursor:default;flex-direction:column;justify-content:center;padding:4px 10px;display:flex}.sb-sk{letter-spacing:.14em;color:var(--muted-2);font-size:.58rem}.sb-slot.on .sb-sk{color:var(--accent)}.sb-sn{text-overflow:ellipsis;white-space:nowrap;padding-right:46px;font-size:.72rem;overflow:hidden}.sb-slot.empty .sb-sn{color:var(--muted-2)}.sb-sd{color:var(--muted-2);font-size:.64rem;position:absolute;bottom:5px;right:24px}.sb-sx{color:var(--muted-2);cursor:pointer;background:0 0;border:0;padding:1px 3px;font-size:.66rem;position:absolute;top:4px;right:7px}.sb-sx:hover{color:var(--warn)}.sb-transport{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;flex:none;gap:7px;padding:8px 12px 10px;display:flex}.sb-wave-wrap{position:relative}.sb-wave{border:1px solid var(--line);cursor:pointer;border-radius:4px;width:100%;height:56px;display:block}.sb-wave-note{color:var(--muted-2);pointer-events:none;font-size:.66rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sb-tbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sb-loop-range{color:var(--accent-2);align-items:center;gap:5px;font-size:.68rem;display:flex}.sb-play{text-align:center;width:38px}.sb-now{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:110px;font-size:.78rem;overflow:hidden}.sb-now-dir{max-width:260px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:.72rem;overflow:hidden}.sb-time{color:var(--muted);flex:none;font-size:.72rem}.sb-tog{background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:4px 9px;font-size:.72rem}.sb-tog.on{background:var(--accent-soft);border-color:var(--accent);color:var(--toggle-text)}.sb-tog:disabled{opacity:.4;cursor:default}.sb-audio-control{align-items:center;gap:6px;display:flex}.sb-playlist-add{align-items:center;gap:3px;display:flex}.sb-playlist-add select{max-width:130px}.sb-audio-control input{width:92px;accent-color:var(--accent)}.sb-pitch input{width:76px}.sb-pitch-value{border:1px solid var(--line);background:var(--panel-2);min-width:46px;color:var(--accent-2);border-radius:4px;padding:3px 5px;font-size:.68rem}.sb-pitch-value:disabled{color:var(--muted-2);cursor:default}.sb-dim{color:var(--muted-2);font-size:.68rem}.sb-progress{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:320px;font-size:.66rem;overflow:hidden}.sb-details{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:8px;padding-top:7px;display:flex}.sb-detail-file{flex:1 0 100%;grid-template-columns:auto minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;font-size:.72rem;display:grid}.sb-detail-file strong,.sb-detail-file>span:last-child{overflow-wrap:anywhere}.sb-detail-file>span:last-child{color:var(--muted)}.sb-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sb-tag{background:var(--panel-3);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:.7rem}.sb-tag:hover{border-color:var(--warn);color:var(--danger-text)}.sb-tag-input{width:150px}.sb-note{flex:1;min-width:180px}#guide-section{margin-top:34px}.guide-title{color:var(--muted);margin:0 0 14px;font-size:1.1rem;font-weight:700}.guide-lead{color:var(--muted);margin:-5px 0 20px;font-size:.86rem;line-height:1.7}.guide-steps{counter-reset:guide-step;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.guide-steps li{counter-increment:guide-step;border-bottom:1px solid var(--line);grid-template-columns:34px minmax(190px,.65fr) 1.6fr;align-items:baseline;gap:12px;padding:14px 4px;display:grid}.guide-steps li:before{content:counter(guide-step, decimal-leading-zero);color:var(--accent);font:700 .72rem var(--mono)}.guide-steps h3,.guide-reference h3{color:var(--accent);margin:0;font-size:.92rem}.guide-steps p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.7}.guide-reference{grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);gap:34px;margin-top:24px;display:grid}.guide-reference h3{color:var(--text);margin-bottom:10px}.guide-recipes,.guide-shortcuts{margin:0;font-size:.8rem}.guide-recipes>div,.guide-shortcuts>div{border-top:1px solid var(--line-soft);grid-template-columns:minmax(125px,.8fr) 1.2fr;gap:12px;padding:7px 0;display:grid}.guide-recipes dt,.guide-shortcuts dt{color:var(--text)}.guide-recipes dd,.guide-shortcuts dd{color:var(--muted);margin:0}.guide-shortcuts kbd{border:1px solid var(--line);border-bottom-color:var(--muted-2);background:var(--panel-2);color:var(--accent-2);font:.72rem var(--mono);border-radius:3px;padding:1px 5px}.guide-note{border-top:1px solid var(--line);color:var(--muted-2);margin:14px 0 0;padding-top:14px;font-size:.8rem;line-height:1.75}.guide-compatibility{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:6px;margin:18px 0 0;padding:12px 14px;font-size:.78rem}@media (width<=760px){.guide-steps li{grid-template-columns:28px 1fr}.guide-steps p{grid-column:2}.guide-reference{grid-template-columns:1fr;gap:24px}}.related-apps{margin-top:34px}.related-apps-title{color:var(--muted);margin:0 0 14px;font-size:1.1rem;font-weight:700}.related-apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.related-app-link{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.related-app-link:hover{border-color:var(--accent);transform:translateY(-2px)}.related-app-icon{flex:none;font-size:1.35rem}.related-app-info{flex-direction:column;min-width:0;display:flex}.related-app-name{font-size:.93rem;font-weight:700}.related-app-desc{color:var(--muted);font-size:.79rem;line-height:1.5}.related-app-arrow{color:var(--muted-2);flex:none;margin-left:auto}#site-footer{border-top:1px solid var(--line);text-align:center;margin-top:44px;padding:26px 16px 34px}.footer-links{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:12px;font-size:.86rem;display:flex}.footer-copy{color:var(--muted-2);margin:0;font-size:.78rem}.footer-privacy{max-width:760px;color:var(--muted);margin:0 auto 10px;font-size:.76rem;line-height:1.65}@media (width<=900px){.header-tagline,.sb-now-dir{display:none}.sb-menu{left:0;right:auto}.sb-progress{text-align:right;flex:1 0 100%;max-width:none}}@media (width<=820px){:root{--sb-row:44px}main{padding:12px 8px 0}#site-header{gap:7px;padding:8px}.header-mark,.theme-label{display:none}.header-name{white-space:nowrap;letter-spacing:.12em;font-size:.86rem}.header-controls{gap:4px}.theme-toggle{justify-content:center;width:30px;min-height:28px;padding:0}.langbar button{padding:4px 7px;font-size:.72rem}#stage{height:max(720px,86svh)}.sb-toolbar{align-items:center;gap:6px;padding:7px}.sb-mobile-library-btn,.sb-filter-toggle{align-items:center;gap:5px;min-height:40px;display:inline-flex}.sb-mobile-library-btn{max-width:min(45vw,220px)}.sb-mobile-library-label{text-overflow:ellipsis;overflow:hidden}.sb-stat{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sb-grow,.sb-splitter{display:none}.sb-library-panel{z-index:36;background:var(--panel);width:min(88%,380px);box-shadow:var(--shadow);flex-direction:column;transition:transform .18s ease-out;display:flex;position:absolute;inset:0 auto 0 0;transform:translate(-105%)}.sb-library-panel.open{transform:translate(0)}.sb-library-veil{z-index:35;background:#00000080;border:0;width:100%;display:block;position:absolute;inset:0}.sb-mobile-panel-head,.sb-filter-panel-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;min-height:48px;padding:6px 10px 6px 14px;display:flex}.sb-mobile-panel-head button,.sb-filter-panel-head button{background:var(--panel-3);border:0;border-radius:4px;width:40px;height:40px;font-size:1.2rem}.sb-library-panel .sb-tree{border-right:0;flex:1;max-width:none;display:block;width:100%!important}.sb-library-panel .sb-tnode{height:44px;font-size:.9rem}.sb-library-panel .sb-collection-title{height:38px}.sb-library-panel .sb-troot{display:flex}.sb-library-panel .sb-mini{min-height:32px}.sb-filter-panel{z-index:34;background:var(--panel-2);border-bottom:1px solid var(--line);max-height:min(70svh,520px);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:9px;padding:8px;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.sb-filter-panel.open{display:flex}.sb-filter-panel-head{margin:-8px -8px 0}.c-dir{display:none}.sb-list-head-viewport,.sb-list-head{height:34px}.sb-cell{padding-inline:4px}.c-idx{width:50px}.c-dur{width:56px}.c-rate{width:126px}.c-fav,.c-pin{width:40px}.sb-star{width:24px;height:40px;font-size:.86rem}.sb-favorite,.sb-pin{min-width:36px;min-height:40px}.sb-bulkbar{flex-wrap:nowrap;min-height:42px;overflow-x:auto}.sb-list-head,.sb-list-sizer,.sb-row{min-width:100%;width:100%!important;transform:none!important}.c-name{flex:1;width:auto;min-width:0}.sb-col-resizer{display:none}.sb-search{flex:1 0 100%;width:auto}.sb-field{flex:1 0 100%}.sb-field input{flex:1;width:auto;min-width:0}.sb-check{flex:1 0 100%}.sb-filter-panel :where(input,select,button,label){min-height:40px}.sb-toolbar-actions{margin-left:auto}.sb-toolbar-actions .sb-menu{left:auto;right:0}.sb-tray{scroll-snap-type:x proximity;height:58px;overflow-x:auto}.sb-slot{scroll-snap-align:start;flex:0 0 min(72vw,280px)}.sb-tray-tools{height:auto;min-height:40px;overflow-x:auto}.sb-tray-tools .sb-mini{white-space:nowrap;min-height:34px}.sb-transport{padding:8px 8px max(10px, env(safe-area-inset-bottom))}.sb-wave{touch-action:pan-y;height:64px}.sb-tbar{gap:7px}.sb-tbar :where(.sb-tog,.sb-play,.sb-pitch-value){min-height:40px}.sb-now{min-width:calc(100% - 150px)}.sb-audio-control{min-height:40px}.sb-audio-control input{width:min(34vw,150px);min-height:32px}.sb-details{align-items:stretch}.sb-detail-file{grid-template-columns:1fr;gap:2px}.sb-tags,.sb-tag-input,.sb-note{width:100%}.sb-tag,.sb-details input{min-height:40px}.sb-menu{max-width:calc(100vw - 32px)}}@media (width<=420px){.apps-link{text-align:center;width:32px;padding:4px 0;font-size:0}.apps-link:before{content:"✦";font-size:.82rem}.header-name{letter-spacing:.08em;font-size:.76rem}.langbar button{padding-inline:5px;font-size:.68rem}.sb-stat{flex-basis:100%;order:5}.c-idx{width:42px}.c-dur{width:52px}.c-rate{width:124px}.sb-star{width:24px}}