@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#121110;--bg-2:#181715;--surface:#1f1d1b;--surface-2:#282624;--border:#33302d;--text:#ece8e3;--text-2:#a8a29e;--text-3:#78716c;--accent:#f59e0b;--accent-2:#fbbf24;--accent-bg:#f59e0b24;--danger:#f87171;--ok:#4ade80;--wave:#4a4541;--wave-played:#f59e0b;--radius:10px;--sidebar:232px;--player:76px;--shadow:0 8px 30px #00000059;--status-idea:#a78bfa;--status-writing:#60a5fa;--status-arranging:#22d3ee;--status-recording:#f472b6;--status-done:#4ade80;--status-shelved:#78716c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:light){:root{--bg:#faf8f5;--bg-2:#f3f0eb;--surface:#fff;--surface-2:#f1ede7;--border:#e2ddd5;--text:#1c1917;--text-2:#57534e;--text-3:#8a847e;--accent:#d97706;--accent-2:#b45309;--accent-bg:#d977061a;--danger:#dc2626;--wave:#d6d0c7;--wave-played:#d97706;--shadow:0 8px 30px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}h1,h2,h3,h4{margin:0;font-weight:650}h1{letter-spacing:-.01em;font-size:22px}h2{font-size:15px}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px;font-size:12px}code{background:var(--surface-2);word-break:break-all;border-radius:4px;padding:1px 5px;font-family:Cascadia Code,Consolas,monospace;font-size:12px}kbd{border:1px solid var(--border);color:var(--text-2);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:inherit;font-size:11px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.small{font-size:12px}.error-text{color:var(--danger)}.empty{color:var(--text-2);max-width:560px;padding:32px 4px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}input:not([type]),input[type=search],input[type=text],select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;padding:7px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;width:100%;line-height:1.55}.btn{background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--text-3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1c1917;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-2)}.btn.danger{color:var(--danger)}.btn kbd{margin-left:2px}.icon-btn{width:30px;height:30px;color:var(--text-2);border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn.on{color:var(--accent)}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.icon-btn.small{width:22px;height:22px}a.link-btn{text-decoration:none}.link-btn:hover{text-decoration:underline}.pill{border:1px solid var(--border);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.chip{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:0 7px;font-size:11px;display:inline-block}.app{grid-template-columns:var(--sidebar) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--player);grid-template-areas:"side main""player player";height:100vh;display:grid}.app.with-panel{grid-template-columns:var(--sidebar) minmax(0, 1fr) minmax(380px, 36%);grid-template-areas:"side main panel""player player player"}.sidebar{grid-area:side}.main{grid-area:main;overflow-y:auto}.panel{grid-area:panel}.player-bar{grid-area:player}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;padding:16px 10px;display:flex;overflow-y:auto}.brand{cursor:pointer;color:inherit;text-align:left;align-items:center;gap:8px;padding:4px 10px 18px;font-size:17px;font-weight:700;display:flex}.home-page-pick{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account-home{flex-wrap:wrap;gap:8px;display:flex}.brand-mark{background:var(--accent);color:#1c1917;border-radius:7px;place-items:center;width:26px;height:26px;font-size:16px;display:inline-grid}.nav{margin:0;padding:0;list-style:none}.nav button{width:100%;color:var(--text-2);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.nav button:hover{background:var(--surface);color:var(--text)}.nav button.active{background:var(--surface-2);color:var(--text)}.nav .count{color:var(--text-3);margin-left:auto;font-size:12px}.nav-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:18px 10px 6px;font-size:11px;font-weight:600}.nav-songs button{padding:5px 10px;font-size:13px}.nav-song-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-foot{margin-top:auto;padding-top:16px}.undo-controls{align-items:center;gap:4px;padding:6px 4px 0;display:flex}.undo-btn{color:var(--text-2);border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12.5px;display:inline-flex}.undo-btn:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.undo-toast{left:calc(var(--sidebar) + 16px);bottom:calc(var(--player) + 14px);z-index:60;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex;position:fixed}.save-indicator{color:var(--text-3);align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.save-indicator .dot{background:var(--ok);border-radius:50%;width:7px;height:7px}.save-indicator.pending .dot,.save-indicator.saving .dot{background:var(--accent)}.save-indicator.error{color:var(--danger)}.save-indicator.error .dot{background:var(--danger)}.status-idea{--c:var(--status-idea)}.status-writing{--c:var(--status-writing)}.status-arranging{--c:var(--status-arranging)}.status-recording{--c:var(--status-recording)}.status-done{--c:var(--status-done)}.status-none{--c:color-mix(in srgb, var(--text-3) 60%, transparent)}.status-shelved{--c:var(--status-shelved)}.status-dot{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-pill{white-space:nowrap;color:var(--c);border:1px solid color-mix(in srgb, var(--c) 50%, transparent);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:999px;padding:1px 8px;font-size:11px}.view-header{z-index:2;background:var(--bg);flex-direction:column;gap:12px;margin-bottom:8px;padding:22px 0 12px;display:flex;position:sticky;top:0}.view-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.scan-status{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{background:var(--surface);border:1px solid var(--border);color:var(--text-3);border-radius:8px;flex:260px;align-items:center;gap:8px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;padding:8px 0}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;padding:2px;display:inline-flex}.segmented button{color:var(--text-2);border-radius:6px;padding:5px 10px;font-size:13px}.segmented button.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.segmented .count{color:var(--text-3);margin-left:2px;font-size:11px}.group-header{text-align:left;align-items:center;gap:8px;width:100%;padding:10px 4px;display:flex}.group .chevron{color:var(--text-3);flex:none;transition:transform .15s}.group.open .chevron{transform:rotate(90deg)}.group-label{font-size:15px;font-weight:600}.group-sublabel{color:var(--text-3);font-size:12px}.group-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.memo-list{margin:0 0 10px;padding:0;list-style:none}.memo-row{border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:4px 6px;display:flex}.memo-row.selected{background:var(--surface-2)}.memo-row.missing{opacity:.6}.row-play{width:32px;height:32px;color:var(--text-2);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;display:grid}.row-play:hover,.memo-row.playing .row-play{background:var(--accent);color:#1c1917}.row-main{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;padding:3px 0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-weight:500;display:flex;overflow:hidden}.star-inline{color:var(--accent);flex:none}.row-sub{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.row-sub:empty{display:none}.filename{color:var(--text-3);font-size:12px}.note-preview{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:420px;display:inline-flex;overflow:hidden}.row-meta{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:14px;font-size:12px;display:flex}.row-date{text-align:right;width:88px}.row-listens{text-align:right;width:44px}.row-markers{text-align:right;width:36px}.row-duration{text-align:right;width:52px}.marker-count{align-items:center;gap:3px;display:inline-flex}.row-actions{flex:none;gap:2px;display:flex}.show-more button{color:var(--accent);padding:8px 48px;font-size:13px}.panel{background:var(--bg-2);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.panel-header{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 12px 8px;display:flex}.panel-header .title-input{background:0 0;border-color:#0000;flex:1;min-width:0;padding:6px 8px;font-size:17px;font-weight:600}.panel-header .title-input:hover{border-color:var(--border)}.panel-header .title-input:focus{border-color:var(--accent)}.icon-btn.star.on{color:var(--accent)}.panel-body{flex-direction:column;gap:18px;padding:14px 18px 30px;display:flex;overflow-y:auto}.memo-facts{color:var(--text-3);flex-direction:column;gap:3px;font-size:12px;display:flex}.memo-facts span{word-break:break-word;align-items:center;gap:5px;display:flex}.memo-facts .link-btn{align-self:flex-start;font-size:12px}.panel-transport{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.play-big{background:var(--accent);color:#1c1917;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.play-big:hover{background:var(--accent-2)}.panel-section{flex-direction:column;display:flex}.notes,.lyrics{min-height:100px}.waveform-block{flex-direction:column;gap:4px;display:flex}.waveform{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;height:96px;position:relative;overflow:hidden}.waveform canvas{width:100%;height:100%;position:absolute;inset:0}.wave-playhead{background:var(--text);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.wave-hover{background:var(--bg);color:var(--text-2);pointer-events:none;font-variant-numeric:tabular-nums;border-radius:3px;padding:0 4px;font-size:10px;position:absolute;top:2px;transform:translate(-50%)}.wave-loop{background:var(--accent-bg);border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none;position:absolute;top:0;bottom:0}.wave-marker{justify-content:center;width:12px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-6px)}.wave-marker:before{content:"";background:var(--accent);opacity:.8;width:2px;height:100%}.wave-marker span{white-space:nowrap;text-overflow:ellipsis;max-width:110px;color:var(--accent);pointer-events:none;background:color-mix(in srgb, var(--bg) 80%, transparent);border-radius:3px;padding:0 3px;font-size:10px;position:absolute;bottom:2px;left:8px;overflow:hidden}.wave-marker:hover:before{opacity:1;width:3px}.waveform-footer{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.marker-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.marker-list li{align-items:center;gap:4px;display:flex}.marker-time{font-variant-numeric:tabular-nums;width:58px;color:var(--accent);background:var(--accent-bg);text-align:center;border-radius:6px;flex:none;padding:6px 0;font-size:13px}input.marker-time.editing{border:1px solid var(--accent);background:var(--surface);color:var(--text);padding:5px 4px}.marker-text{flex:1;min-width:0}.tag-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 8px;display:flex}.tag-input:focus-within{border-color:var(--accent)}.tag-input input{background:0 0;border:0;flex:1;min-width:120px;padding:3px 0}.tag{background:var(--surface-2);border-radius:999px;align-items:center;gap:3px;padding:1px 4px 1px 8px;font-size:12px;display:inline-flex}.tag button{color:var(--text-3);border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.tag button:hover{color:var(--danger)}.song-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.song-chip{background:var(--accent-bg);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 10px;display:inline-flex}.song-chip button:first-child:hover{text-decoration:underline}.song-chip button:last-child{border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.song-chip button:last-child:hover{background:var(--surface-2)}.add-to-song,.new-song-form{flex-wrap:wrap;gap:8px;display:flex}.add-to-song select{flex:1;min-width:160px}.new-song-form{margin-top:8px}.new-song-form input{flex:1;min-width:160px}.prio-list{margin:0;padding:0;list-style:none;container-type:inline-size}.prio-row{-webkit-user-select:none;user-select:none;background:var(--surface);border:1px solid var(--border);border-bottom:none;grid-template-columns:14px 26px 24px minmax(0,1fr) 208px minmax(100px,1fr) auto 96px 84px 64px 24px;align-items:center;gap:8px;height:32px;padding:0 10px 0 8px;display:grid}.prio-row:first-child,.prio-divider+.prio-row{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.prio-row:last-child,.prio-row.before-divider{border-bottom:1px solid var(--border);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.prio-row:hover{background:var(--surface-2)}.prio-row{cursor:pointer}.prio-row.expanded{background:var(--surface-2);box-shadow:inset 2px 0 0 var(--accent)}.prio-preview{background:var(--bg-2);border:1px solid var(--border);border-bottom:none;padding:10px 14px 12px 34px}.prio-preview:last-child,.prio-preview.before-divider{border-bottom:1px solid var(--border);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.song-preview{flex-direction:column;gap:8px;display:flex;container-type:inline-size}.song-preview-head{align-items:center;gap:12px;display:flex}.song-preview-head .btn{padding:4px 10px;font-size:12.5px}.song-preview-open{margin-left:auto;font-size:12.5px}.song-preview-recordings{margin:0}.song-preview-details{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 24px;display:grid}.song-preview-details h4{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:2px 0 4px;font-size:10.5px;font-weight:650}.song-preview-notes{color:var(--text-2);max-height:160px;font-size:12.5px;overflow:auto}.prio-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.prio-row.dragging{opacity:.4}.prio-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.prio-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.prio-row.is-hidden .prio-title{color:var(--text-3)}.song-todos{flex-direction:column;align-items:flex-start;gap:4px;max-width:640px;display:flex}.todo-list{flex-direction:column;gap:1px;width:100%;margin:0;padding:0;list-style:none;display:flex}.todo-list li{border-radius:6px;align-items:center;gap:8px;min-height:28px;padding:0 4px;display:flex}.todo-list li:hover{background:var(--surface-2)}.todo-list input[type=checkbox]{accent-color:var(--accent);flex:none;width:15px;height:15px;margin:0}.todo-text{background:0 0;border:0;border-radius:5px;flex:1;min-width:0;padding:3px 4px;font-size:13.5px}input.todo-text:focus{background:var(--bg-2);outline:none}.todo-list li.done .todo-text{color:var(--text-3);text-decoration:line-through}.todo-actions{opacity:0;gap:2px;display:flex}.todo-list li:hover .todo-actions,.todo-list li:focus-within .todo-actions{opacity:1}.todo-add{width:100%}.todo-add input{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;width:100%;padding:5px 8px;font-size:13px}.prio-row,.prio-divider{position:relative}.prio-insert{z-index:3;width:44px;height:18px;color:var(--accent);opacity:0;background:0 0;justify-content:flex-start;align-items:center;padding-left:5px;display:flex;position:absolute;top:-9px;left:0}.prio-insert.after{top:auto;bottom:-9px}.prio-insert svg{background:var(--accent);color:#1e1206;width:16px;height:16px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;padding:2px}.prio-insert{transition:opacity .15s}.prio-insert.shown,.prio-insert:focus-visible{opacity:1}.prio-insert-preview{z-index:2;pointer-events:none;border-top:2px dashed var(--accent);opacity:0;height:0;transition:opacity .1s;position:absolute;top:-1px;left:26px;right:8px}.prio-insert-preview.after{top:auto;bottom:-1px}.prio-insert-preview span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--surface);border-radius:4px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:16px;position:absolute;top:-9px;left:8px}.prio-insert-preview.after span{top:auto;bottom:-9px}.prio-insert-preview.shown,.prio-insert:focus-visible+.prio-insert-preview{opacity:1}.prio-divider{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;height:34px;margin-top:16px;padding:0 4px 2px 0;display:flex}.prio-divider:first-child{margin-top:0}.prio-divider+.prio-divider{margin-top:4px}.prio-divider:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.prio-divider .prio-grip{opacity:0;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.prio-divider:hover .prio-grip{opacity:1}.prio-divider-line{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 45%, transparent), transparent);flex:1;height:1px}.prio-divider.dragging{opacity:.4}.prio-divider.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.prio-divider.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.prio-divider-text{field-sizing:content;letter-spacing:-.01em;min-width:2ch;max-width:60%;color:var(--accent);background:0 0;border:0;border-radius:5px;flex:0 auto;padding:2px 6px;font-size:15px;font-weight:700}.prio-divider-text::placeholder{color:var(--text-3);font-size:13px;font-weight:500}.prio-divider .prio-divider-text{box-shadow:none;background:0 0;border:0;margin-left:-6px}.prio-divider .prio-divider-text:hover{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.prio-divider .prio-divider-text:focus{background:var(--surface-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent);outline:none}.prio-divider-count{white-space:nowrap}.prio-divider.unnamed{height:22px;margin-top:6px}.prio-divider.unnamed+.prio-row{margin-top:0}.prio-divider.unnamed .prio-divider-line{background:var(--border)}.prio-divider.unnamed:not(:hover):not(:focus-within) .prio-divider-text{field-sizing:fixed;width:0;min-width:0;margin:0;padding:0}.prio-divider.unnamed:not(:hover):not(:focus-within) .prio-divider-count{display:none}.prio-divider.unnamed .prio-divider-text{font-size:13px}.prio-divider .prio-hide{opacity:0}.prio-divider:hover .prio-hide,.prio-divider:focus-within .prio-hide{opacity:1}.prio-title-cell{align-items:center;gap:6px;min-width:0;display:flex}.todo-badge{color:var(--status-writing);background:color-mix(in srgb, var(--status-writing) 14%, transparent);border-radius:999px;flex:none;align-items:center;gap:2px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:16px;display:inline-flex}.prio-grip{cursor:grab;color:var(--text-3);opacity:.5;display:flex}.prio-row:hover .prio-grip{opacity:1}.prio-rank{color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.prio-play{width:24px;height:24px}.prio-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.prio-title:hover{color:var(--accent)}.prio-row .row-wave{min-width:0;height:24px}.prio-row .row-wave-placeholder{height:24px!important}.prio-music{white-space:nowrap;align-items:center;gap:5px;display:flex}.prio-tuning{justify-content:flex-end;width:80px;display:flex;overflow:hidden}.prio-bpm{justify-content:flex-end;width:70px;display:flex}.prio-key{width:48px;display:flex}.prio-music .chip{font-size:11px}.prio-rec-count{color:var(--text-3)}.prio-tags{gap:4px;max-width:220px;font-size:11px;display:flex;overflow:hidden}.prio-tags .chip{padding:0 6px}.prio-meta{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.prio-row .status-pill{justify-self:start}.prio-edited{text-align:right;white-space:nowrap}.prio-hide{opacity:0;width:24px;height:24px}.prio-row:hover .prio-hide,.prio-row:focus-within .prio-hide,.prio-row.is-hidden .prio-hide{opacity:1}@container (width<=640px){.prio-row{grid-template-columns:14px 26px 24px minmax(0,1fr) 84px 24px}.prio-tags,.prio-meta,.prio-edited,.prio-row .row-wave,.prio-music{display:none}}.view-header .back{align-self:flex-start;font-size:13px}.song-view .song-title-input{background:0 0;border-color:#0000;flex:1;margin-left:-6px;padding:2px 6px;font-size:24px;font-weight:700}.song-view .song-title-input:hover{border-color:var(--border)}.song-view .song-title-input:focus{border-color:var(--accent)}.song-fields{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.song-fields label{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:flex}.song-tags{flex:1;min-width:240px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-head h2 .muted{margin-left:6px;font-size:13px;font-weight:400}.section-actions{gap:8px;display:flex}.song-text{grid-template-columns:1fr 1fr;gap:20px;display:grid}.song-text h2{margin-bottom:8px}.song-footer{border-top:1px solid var(--border);margin-top:30px;padding-top:16px}.picker{border:1px solid var(--border);background:var(--bg-2);width:min(720px,94vw);max-height:84vh;color:var(--text);box-shadow:var(--shadow);border-radius:14px;padding:0}.picker::backdrop{background:#00000080}.picker-inner{flex-direction:column;max-height:84vh;display:flex}.picker header{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:16px;display:flex}.picker header .search{flex:none}.picker-list{flex:1;margin:0;padding:6px 8px;list-style:none;overflow-y:auto}.picker-list li{border-radius:8px;align-items:center;gap:8px;padding:4px 6px;display:flex}.picker-list li.picked{background:var(--accent-bg)}.picker-list label{cursor:pointer;flex:1;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.picker-list label .small{grid-column:2}.picker-list .row-play{width:28px;height:28px}.picker footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.player-bar{background:var(--surface);border-top:1px solid var(--border);grid-template-columns:minmax(160px,1fr) auto minmax(260px,2fr) auto;align-items:center;gap:18px;padding:0 20px;display:grid}.player-bar.idle{justify-content:center;display:flex}.player-info{flex-direction:column;min-width:0;display:flex}.player-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.player-title:hover{color:var(--accent)}.player-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-controls{align-items:center;gap:4px;display:flex}.play-main{background:var(--text);width:42px;height:42px;color:var(--bg);border-radius:50%;place-items:center;margin:0 4px;display:grid}.play-main:hover{background:var(--accent)}.player-scrub{align-items:center;gap:10px;display:flex}.player-scrub .time{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;width:52px;font-size:12px}.player-scrub .time:first-child{text-align:right}.player-scrub .waveform-block{flex:1;min-width:0}.waveform.compact{border-radius:6px;height:44px}.waveform.compact .wave-marker{width:14px;transform:translate(-7px)}.waveform.compact .wave-marker span{pointer-events:none;background:0 0;max-width:none;padding:0;font-size:11px;line-height:1;top:1px;bottom:auto;left:50%;transform:translate(-50%)}.waveform.compact .wave-marker:hover span{transform:translate(-50%)scale(1.25)}.waveform.compact .kind-toggle{gap:6px;margin:2px 0 6px;display:flex}.chip-kind{font-weight:600}.chip-kind.kind-jam,.kind-pick.kind-jam{color:var(--status-arranging)}.chip-kind.kind-practice,.kind-pick.kind-practice{color:var(--status-writing)}.kind-pick-wrap{display:inline-flex;position:relative}.kind-pick{color:var(--text-3);opacity:.45}.kind-pick:hover,.kind-pick:focus-visible,.kind-pick[aria-expanded=true],.kind-pick.on{opacity:1}.kind-pop{z-index:30;background:var(--surface);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0}.kind-pop button{text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.kind-pop button:hover{background:var(--surface-2)}.kind-pop .kind-jam svg{color:var(--status-arranging)}.kind-pop .kind-practice svg{color:var(--status-writing)}.wave-loop-marker{border-top-width:2px}.waveform.compact .wave-loop-marker button{background:0 0;min-width:0;padding:0 2px;font-size:10px;line-height:1.1;top:2px;left:1px}.waveform.compact .wave-hover{top:auto;bottom:1px}.waveform.compact .wave-playhead:before,.waveform.compact .wave-playhead:after{content:"";background:var(--text);border-radius:50%;width:8px;height:8px;position:absolute;left:50%;transform:translate(-50%)}.waveform.compact .wave-playhead:before{top:-4px}.waveform.compact .wave-playhead:after{bottom:-4px}.waveform.compact.scrubbing{cursor:grabbing}.waveform.compact.scrubbing .wave-playhead{background:var(--accent)}.player-extras{align-items:center;gap:6px;display:flex}.plex-sync{flex-direction:column;gap:8px;max-width:760px;display:flex}.plex-sync-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plex-sync-progress{flex-direction:column;gap:3px;display:flex}.google-drive{flex-direction:column;align-items:flex-start;gap:8px;max-width:760px;display:flex}.google-drive p{margin:0}.setup-steps{color:var(--text-2);flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.google-drive-libraries{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.plex-sync-progress progress{width:100%;height:8px;accent-color:var(--accent)}.plex-sync-current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-size{font-variant-numeric:tabular-nums;font-weight:650}.facts .library-total{border-top:1px solid var(--border);margin-top:2px;padding-top:6px;font-weight:600}.settings-section{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:10px;padding:18px 0;display:flex}.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.facts dt{color:var(--text-3)}.facts dd{margin:0}.folder-tree{columns:3 220px;width:100%;margin:0;padding:0;list-style:none}.folder-tree li{break-inside:avoid}.check{cursor:pointer;align-items:center;gap:8px;padding:3px 0;display:inline-flex}.check.disabled{opacity:.45}.check input{accent-color:var(--accent)}.missing-list{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.relink{gap:8px;margin-top:4px;display:flex}.relink input{flex:1}.shortcuts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.shortcuts dd{color:var(--text-2);margin:0}.fatal{flex-direction:column;align-items:flex-start;gap:12px;max-width:520px;margin:15vh auto;padding:0 20px;display:flex}@media (width<=1100px){.app.with-panel{grid-template-columns:var(--sidebar) minmax(0, 1fr);grid-template-areas:"side main""player player"}.app.with-panel .panel{top:0;right:0;bottom:var(--player);z-index:10;width:min(460px,100vw);box-shadow:var(--shadow);position:fixed}.song-text{grid-template-columns:1fr}.row-date{display:none}}@media (width<=760px){:root{--sidebar:64px;--player:112px}.brand{padding:4px 8px 18px;font-size:0}.nav button{justify-content:center;gap:0;font-size:0}.search-open{justify-content:center;padding:7px 0}.search-open-label,.search-open kbd,.nav .count,.nav-heading,.nav-songs,.save-indicator,.undo-label{display:none}.undo-controls{flex-direction:column}.view{padding:0 16px 32px}.player-bar{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px 12px;padding:6px 12px}.waveform.compact{height:32px}.player-scrub{grid-column:1/-1}.player-extras{display:none}}.group-head{align-items:center;gap:4px;display:flex}.group-head .group-header{flex:1;min-width:0}.group.folder-hidden .group-label{color:var(--text-2)}.hidden-chip{align-items:center;gap:3px;display:inline-flex}.folder-menu{position:relative}.folder-menu .icon-btn{opacity:.5}.group-head:hover .folder-menu .icon-btn,.folder-menu .icon-btn[aria-expanded=true]{opacity:1}.menu{z-index:5;background:var(--surface);border:1px solid var(--border);min-width:260px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:34px;right:0}.menu button{text-align:left;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.menu button:hover{background:var(--surface-2)}.menu-note{color:var(--text-3);margin:4px 10px;font-size:11px}.memo-row.is-hidden{opacity:.5}.memo-row.is-hidden:hover{opacity:.85}.row-hide{opacity:0}.memo-row:hover .row-hide,.row-hide:focus-visible,.memo-row.is-hidden .row-hide{opacity:1}.link-btn.quiet{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.hidden-hint{align-items:center;gap:4px;font-size:12px;display:inline-flex}.visibility-note{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:6px 10px;font-size:12px;display:flex}.visibility-note.muted{color:var(--text-3)}.hidden-rules{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hidden-rules li{align-items:center;gap:12px;display:flex}.picker header .check{align-self:flex-start}.relink-notice{right:20px;bottom:calc(var(--player) + 16px);z-index:20;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--ok);width:min(520px,100vw - 40px);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:fixed}.relink-notice-head{color:var(--ok);align-items:center;gap:8px;display:flex}.relink-notice-head strong{color:var(--text);flex:1;font-weight:600}.relink-notice ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.relink-notice li{align-items:baseline;gap:10px;font-size:12px;display:flex}.relink-paths{word-break:break-word;flex:1;min-width:0}.suggestions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.suggestions .btn{padding:4px 10px;font-size:12px}.device-alert{border-left-color:var(--accent);bottom:calc(var(--player) + 16px);z-index:21}.device-alert-text{margin:0}.device-alerts{border:1px solid var(--accent);border-radius:10px;margin-bottom:12px;padding:10px 12px}.known-devices{margin-top:6px}.new-devices-review{width:min(640px,100vw - 32px)}.new-devices-review .device-row{align-items:flex-start}.review-actions{flex-direction:column;flex:none;gap:6px;display:flex}.review-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.library-switcher{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;margin:-6px 0 14px;padding:4px;display:flex}.library-switcher button{color:var(--text-2);text-align:left;border-radius:7px;align-items:center;gap:8px;padding:5px 8px;display:flex}.library-switcher button:hover{color:var(--text);background:var(--surface-2)}.library-switcher button.active{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.library-initial{background:var(--bg-2);width:20px;height:20px;color:var(--text-3);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.library-switcher button.active .library-initial{background:var(--accent);color:#1c1917}.library-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.library-switcher .count{color:var(--text-3);font-size:11px}@media (width<=760px){.library-switcher{background:0 0;border:0;padding:0}.library-name,.library-switcher .count{display:none}.library-switcher button{justify-content:center}}.wave-selection{background:color-mix(in srgb, var(--accent) 22%, transparent);border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none;position:absolute;top:0;bottom:0}.wave-loop-marker{background:color-mix(in srgb, var(--status-arranging) 10%, transparent);border-top:3px solid color-mix(in srgb, var(--status-arranging) 70%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.wave-loop-marker.active{background:color-mix(in srgb, var(--accent) 16%, transparent);border-top-color:var(--accent)}.wave-loop-marker button{pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;min-width:16px;max-width:calc(100% - 4px);color:var(--status-arranging);background:color-mix(in srgb, var(--bg) 80%, transparent);border-radius:3px;padding:0 4px;font-size:10px;position:absolute;top:3px;left:2px;overflow:hidden}.wave-loop-marker.active button{color:var(--accent)}.marker-time.loop{width:auto;min-width:58px;color:var(--status-arranging);background:color-mix(in srgb, var(--status-arranging) 12%, transparent);white-space:nowrap;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.marker-time.loop.active{color:#1c1917;background:var(--accent)}input.marker-time.editing.loop{width:110px}.marker-list li.is-loop.active .marker-text{border-color:var(--accent)}.pill:disabled{opacity:.6}.song-text-editor{flex-direction:column;gap:6px;display:flex}.st-toolbar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.st-toolbar select{padding:3px 8px;font-size:12px}.segmented.small button{padding:3px 9px;font-size:12px}.tool{color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:3px 8px;font-size:12px}.tool:hover:not(:disabled){color:var(--text);border-color:var(--text-3)}.tool.bold{min-width:26px;font-weight:800}.tool.italic{min-width:26px;font-style:italic}.st-transpose{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.st-caret-syll{margin-left:auto}.st-read{background:var(--surface);border:1px solid var(--border);cursor:text;border-radius:8px;min-height:100px;padding:10px 12px}.st-empty{margin:4px 0}.st-blank{height:.8em}.st-section{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:8px 0 2px;font-size:11px;font-weight:700}.st-section:first-child{margin-top:0}.st-line{align-items:flex-end;gap:12px;display:flex}.st-lyric{white-space:pre-wrap;word-break:break-word;flex:1;min-width:0}.st-line.bullet .st-lyric:before{content:"•";color:var(--text-3);margin-right:8px}.st-line.with-chords .st-lyric{flex-wrap:wrap;align-items:flex-end;display:flex}.st-seg{flex-direction:column;display:inline-flex}.st-line.with-chords .st-lyric>.st-text{padding-top:1.35em}.st-chord{color:var(--status-writing);white-space:nowrap;padding-right:6px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;font-weight:700;line-height:1.3}.st-chord-row{gap:14px;display:flex}.st-syll{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:18px;padding-bottom:3px;font-size:10px}.st-time{color:var(--accent);font-variant-numeric:tabular-nums}button.st-time{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button.st-time:hover{text-decoration:underline}.lyrics .song-text-view,.st-read.lyrics{font-size:15px}.emoji-picker{flex:none;position:relative}.emoji-btn{border-radius:6px;place-items:center;width:30px;height:30px;font-size:16px;line-height:1;display:grid}.emoji-btn:hover,.emoji-btn[aria-expanded=true]{background:var(--surface-2)}.emoji-pop{z-index:30;background:var(--surface);border:1px solid var(--border);width:290px;box-shadow:var(--shadow);border-radius:10px;padding:8px;position:absolute;top:34px;left:0}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-grid button{border-radius:6px;height:32px;font-size:18px}.emoji-grid button:hover{background:var(--surface-2)}.emoji-grid button.active{background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent)}.emoji-custom{gap:6px;margin-top:8px;display:flex}.emoji-custom input{flex:1;min-width:0;padding:5px 8px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.project-grid.compact{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--text-3)}.project-card.missing{opacity:.6}.project-card-main{text-align:left;flex-direction:column;gap:4px;width:100%;padding:10px 12px 12px;display:flex}.project-card-title{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:14px;font-weight:650;overflow:hidden}.project-card-meta{color:var(--text-2);font-size:12px}.project-card-foot{justify-content:space-between;gap:8px;font-size:11px;display:flex}.project-card-path{text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.project-card-songs{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.project-card-actions{background:color-mix(in srgb, var(--surface) 85%, transparent);border-radius:8px;position:absolute;top:6px;right:6px}.arr-thumb{background:var(--bg-2);border-radius:6px;width:100%;display:block}.arr-thumb.empty{background:repeating-linear-gradient(135deg, var(--bg-2), var(--bg-2) 6px, var(--surface-2) 6px, var(--surface-2) 12px)}.project-pick{align-items:center;gap:10px;grid-template-columns:auto 120px 1fr!important;display:grid!important}.project-pick-thumb{display:block}.arrangement{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);--names:170px;overflow:hidden}.arr-header{grid-template-columns:var(--names) 1fr;border-bottom:1px solid var(--border);background:var(--surface);display:grid}.arr-names-head{color:var(--text-2);border-right:1px solid var(--border);padding:6px 10px;font-size:12px}.arr-ruler{height:28px;margin-right:10px;position:relative}.arr-bar{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;bottom:3px;transform:translate(2px)}.arr-bar:before{content:"";border-left:1px solid var(--text-3);height:6px;position:absolute;bottom:-3px;left:-2px}.arr-locator{color:#1c1917;background:var(--accent);white-space:nowrap;text-overflow:ellipsis;border-radius:2px;max-width:140px;padding:0 4px;font-size:10px;position:absolute;top:2px;overflow:hidden}.arr-body{max-height:460px;overflow-y:auto}.arr-track{grid-template-columns:var(--names) 1fr;border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);height:24px;display:grid}.arr-track.kind-group{background:var(--surface)}.arr-track.kind-group .arr-name{font-weight:650}.arr-track.kind-return{opacity:.7}.arr-name{white-space:nowrap;text-overflow:ellipsis;border-right:1px solid var(--border);align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.arr-track.in-group .arr-name{padding-left:20px}.arr-swatch{border-radius:2px;flex:none;width:8px;height:14px}.arr-lane{margin-right:10px;position:relative}.arr-clip{border-radius:3px;min-width:2px;position:absolute;top:3px;bottom:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.arr-clip-name{color:#000000bf;white-space:nowrap;padding:0 3px;font-size:9px;font-weight:600;line-height:18px}.arr-locator-line{border-left:1px dashed color-mix(in srgb, var(--accent) 60%, transparent);position:absolute;top:0;bottom:0}.arr-footer{border-top:1px solid var(--border);min-height:28px;padding:6px 10px}.set-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.set-list li{border-radius:8px;align-items:center;gap:8px;padding:2px 6px;display:flex}.set-list li.selected{background:var(--surface-2)}.set-main{text-align:left;flex-direction:column;flex:1;min-width:0;padding:4px 0;display:flex}.set-name{align-items:center;gap:6px;font-weight:500;display:flex}.volume-knob{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:4px;padding:0 4px;display:inline-flex}.volume-knob:focus-visible{outline:2px solid var(--accent)}.knob-track{fill:none;stroke:var(--wave);stroke-width:3.5px;stroke-linecap:round}.knob-level{fill:none;stroke:var(--text-2);stroke-width:3.5px;stroke-linecap:round}.knob-boost{fill:none;stroke:var(--accent);stroke-width:3.5px;stroke-linecap:round}.knob-unity{stroke:var(--text-3);stroke-width:1.5px}.knob-pointer{stroke:var(--text);stroke-width:2.2px;stroke-linecap:round}.knob-value{color:var(--text-3);font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}.volume-knob.boosted .knob-value{color:var(--accent);font-weight:600}.player-info{align-items:center;gap:8px;flex-direction:row!important}.player-titles{flex-direction:column;min-width:0;display:flex}.history-nav{flex:none;align-items:center;display:inline-flex}.player-bar.idle{gap:16px}.search-open{width:100%;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);text-align:left;border-radius:8px;align-items:center;gap:8px;margin:0 0 12px;padding:7px 10px;font-size:13px;display:flex}.search-open:hover{color:var(--text-2);border-color:var(--text-3)}.search-open-label{flex:1}.search-open kbd,.search-box kbd{border:1px solid var(--border);color:var(--text-3);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10.5px}.search-dialog{border:1px solid var(--border);background:var(--surface);width:min(680px,100vw - 32px);max-height:min(640px,100vh - 120px);color:var(--text);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;margin:80px auto auto;padding:0;display:flex;overflow:hidden}.search-dialog:not([open]){display:none}.search-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c}.search-box{border-bottom:1px solid var(--border);color:var(--text-3);align-items:center;gap:10px;padding:12px 14px;display:flex}.search-dialog .search-box input{box-shadow:none;border:0;border-radius:0;padding:0}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search-results{padding:6px 6px 10px;overflow-y:auto}.search-hint{margin:0;padding:10px;line-height:1.5}.search-group h3{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:8px 10px 3px;font-size:10.5px;font-weight:650}.search-hit{cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:34px;padding:5px 10px;display:flex}.search-hit.active{background:var(--accent-bg)}.search-hit-icon{color:var(--text-3);flex:none;display:flex}.search-hit.active .search-hit-icon{color:var(--accent)}.search-hit-main{flex-direction:column;flex:1;min-width:0;display:flex}.search-hit-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.search-hit-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.search-more{margin:2px 10px 4px}.history-menu,.speed-control{position:relative}.speed-pop{z-index:40;background:var(--surface);border:1px solid var(--border);width:250px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:40px;right:0}.speed-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.speed-pop input[type=range]{width:100%;accent-color:var(--accent)}.speed-presets{flex-wrap:wrap;gap:4px;display:flex}.speed-presets .chip{cursor:pointer;font-variant-numeric:tabular-nums}.speed-presets .chip.active{background:var(--accent-bg);color:var(--accent)}.pitch-step{justify-content:space-between;align-items:center;gap:6px;display:flex}.pitch-step .icon-btn{width:30px;height:30px;font-size:18px}.pitch-value{font-variant-numeric:tabular-nums;text-align:center}.pitch-voice{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.history-pop{z-index:40;background:var(--surface);border:1px solid var(--border);width:380px;max-height:60vh;box-shadow:var(--shadow);border-radius:10px;padding:8px;position:absolute;bottom:40px;left:0;overflow-y:auto}.history-head{justify-content:space-between;align-items:center;padding:2px 6px 6px;display:flex}.history-list{margin:0;padding:0;list-style:none}.history-list button{text-align:left;border-radius:6px;flex-direction:column;gap:1px;width:100%;padding:6px 8px;display:flex}.history-list button:hover{background:var(--surface-2)}.history-list button.current .history-title{color:var(--accent)}.history-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.st-image{margin:6px 0;display:block}.st-image img{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:420px;display:block}.st-thumbs{flex-wrap:wrap;gap:6px;display:flex}.st-thumbs img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:64px;height:64px;display:block}.memo-links{gap:14px;display:flex}.memo-row.selected{transition:background .3s}.stale-banner{z-index:60;background:var(--surface);border:1px solid var(--accent);border-left:4px solid var(--accent);max-width:min(720px,100vw - 32px);box-shadow:var(--shadow);border-radius:10px;padding:10px 14px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.project-row{border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:2px 6px;display:flex}.project-row-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:4px 0;display:flex}.project-row-thumb{flex:none;width:110px}.project-row-thumb .arr-thumb{border-radius:4px}.project-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.project-row .row-date{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.project-row .icon-btn{opacity:.45}.project-row:hover .icon-btn,.project-row .icon-btn:focus-visible{opacity:1}.set-list li{flex-wrap:wrap}.set-songs{flex-wrap:wrap;gap:4px;display:flex}.set-song-picker{max-width:190px;padding:4px 8px;font-size:12px}.set-card .project-card-path{font-style:italic}.project-pick-item{flex-direction:column;align-items:stretch!important}.project-sets li.is-hidden .project-set-name,.set-list li.is-hidden .set-main{opacity:.5}.project-sets-note{margin:0 0 2px 42px}.set-pick-note{padding:0 0 2px 34px;display:block}.set-pick-list{flex-direction:column;gap:1px;margin:2px 0 4px 26px;padding:0;list-style:none;display:flex}.set-pick-list label{border-radius:6px;align-items:center;gap:8px;padding:2px 4px;font-size:13px;display:flex!important}.set-pick-list li.picked label{background:var(--accent-bg)}.set-pick-list .muted{margin-left:auto}.set-matches{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:40%;display:flex}.chip.set-match{background:color-mix(in srgb, var(--status-writing) 16%, transparent);color:var(--status-writing);cursor:pointer}.chip.set-match:hover{text-decoration:underline}.update-banner{z-index:60;background:var(--surface);border:1px solid var(--accent);border-left:4px solid var(--accent);max-width:min(760px,100vw - 32px);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:13px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.update-banner.failed{border-color:var(--danger);border-left-color:var(--danger)}.spin-dot{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}.project-row{flex-wrap:wrap}.project-sets{border-left:2px solid var(--border);flex-direction:column;width:calc(100% - 122px);margin:-2px 0 6px 122px;padding:0 0 0 10px;list-style:none;display:flex}.project-sets li{border-radius:6px;align-items:center;gap:8px;min-height:30px;padding:0 4px;display:flex}.project-sets li:hover{background:var(--surface-2)}.project-sets li.match{background:color-mix(in srgb, var(--status-writing) 14%, transparent)}.project-sets li.match .project-set-name{color:var(--status-writing);font-weight:600}.project-set-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.project-set-name:hover{color:var(--accent)}.set-bullet{color:var(--text-3);margin-right:2px}.project-set-songs{flex-wrap:wrap;gap:4px;display:flex}.project-sets .set-song-picker{opacity:.6;max-width:150px;padding:2px 6px;font-size:11px}.project-sets li:hover .set-song-picker,.project-sets .set-song-picker:focus{opacity:1}.project-sets .row-date{text-align:right;width:88px}.dup-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;overflow:hidden}.dup-head{border-bottom:1px solid var(--border);background:var(--bg-2);flex-wrap:wrap;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.dup-list{margin:0;padding:4px;list-style:none}.dup-row{border-radius:8px;align-items:center;gap:4px;padding:2px 6px;display:flex}.dup-row:hover{background:var(--surface-2)}.dup-row.is-hidden{opacity:.55}.dup-main{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;padding:5px 0;display:flex}.library-chip{background:color-mix(in srgb, var(--status-arranging) 16%, transparent);color:var(--status-arranging)}.add-to-song-pop{flex:none;position:relative}.note-plus{letter-spacing:-1px;font-size:12px;font-weight:700}.memo-row .row-song{opacity:0}.memo-row:hover .row-song,.memo-row .row-song[aria-expanded=true],.memo-row .row-song.on,.row-song:focus-visible{opacity:1}.row-song.on{color:var(--ok)}.song-pop{z-index:45;background:var(--surface);border:1px solid var(--border);width:280px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:34px;right:0}.add-to-song-pop.above .song-pop{inset:auto auto 38px 0}.add-to-song-pop.as-button .song-pop{top:40px;left:0;right:auto}.add-to-song-pop.as-button.align-right .song-pop{left:auto;right:0}.pop-select-btn{justify-content:space-between;align-items:center;gap:8px;max-width:100%;display:inline-flex}.pop-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pop-select-btn svg{opacity:.6;flex:none}.pop-select .song-pop{width:max-content;min-width:max(100%,200px);max-width:min(360px,90vw)}.pop-select .song-pop li button.selected{color:var(--accent)}.pop-select-hint{flex:none}.add-to-playlist .btn .playlist-mark{letter-spacing:1px;margin-right:2px}.tuning-picker>.pop-select,.tuning-picker>.pop-select>.pop-select-btn,.song-pop input{width:100%}.song-pop ul{max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.song-pop li button,.song-pop-new{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;display:flex}.song-pop li button:hover:not(:disabled),.song-pop-new:hover{background:var(--surface-2)}.song-pop li button:disabled{opacity:.55}.song-pop-new{color:var(--accent);font-weight:600}.song-pop-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.song-pop-empty{padding:4px 8px}.suggestions-section{border:1px dashed var(--border);border-radius:var(--radius);padding:10px 12px}.suggestions-section h2 .muted{margin-left:6px;font-size:12px;font-weight:400}.project-suggestions{margin-top:12px}.project-suggestions h3{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0;font-size:11px;font-weight:650}.project-suggestions h3 .muted{text-transform:none;letter-spacing:0;font-weight:400}.project-suggestions .suggestion-list li{padding-left:8px}.suggestion-list{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.suggestion-list li{border-radius:8px;align-items:center;gap:8px;padding:3px 4px;display:flex}.suggestion-list li:hover{background:var(--surface)}.suggestion-main{text-align:left;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.offline-dot{background:var(--text-3);width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb, var(--text-3) 25%, transparent);vertical-align:middle;border-radius:50%;flex:none;display:inline-block}.offline-note{color:var(--text-3)}.library-switcher .count .offline-dot{margin-right:5px}.offline-banner{border:1px solid var(--border);border-left:4px solid var(--text-3);background:var(--surface);max-width:1044px;color:var(--text-2);border-radius:10px;align-items:center;gap:12px;margin:14px 28px 0;padding:8px 10px 8px 14px;font-size:13px;display:flex}.offline-banner strong{color:var(--text)}.offline-banner code{font-size:12px}.offline-banner .btn{flex:none}@media (width<=760px){.offline-banner{margin:10px 16px 0}}.row-wave{flex:0 clamp(120px,26%,320px);min-width:100px;height:30px}.memo-list,.suggestion-list,.picker-list{container-type:inline-size}.row-main,.suggestion-main{min-width:140px}@container (width<=760px){.row-wave{display:none}}.row-wave .waveform-block{height:100%}.row-wave-placeholder{background:color-mix(in srgb, var(--surface-2) 50%, transparent);border-radius:5px}.waveform.compact.mini{background:0 0;border-color:#0000;border-radius:5px;height:30px}.memo-row:hover .waveform.mini,.suggestion-list li:hover .waveform.mini,.picker-list li:hover .waveform.mini,.memo-row.playing .waveform.mini{border-color:var(--border);background:var(--surface)}.waveform.mini .wave-marker span{font-size:9px;top:0}.waveform.mini .wave-loop-marker button{font-size:8px;top:1px}.waveform.mini .wave-hover{padding:0 3px;font-size:9px}.waveform.mini .wave-playhead:before,.waveform.mini .wave-playhead:after{width:6px;height:6px}.waveform.mini .wave-playhead:before{top:-3px}.waveform.mini .wave-playhead:after{bottom:-3px}.picker-list .row-wave{flex-basis:180px}@media (width<=900px){.row-wave{display:none}}.library-badge{vertical-align:1px;color:var(--status-writing,var(--accent));background:color-mix(in srgb, var(--status-writing,var(--accent)) 14%, transparent);white-space:nowrap;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.library-badge.own{color:var(--text-3);background:var(--surface-2)}.player-titles .library-badge{align-self:flex-start;margin-top:2px;margin-left:0}.picker header .library-tabs{align-self:flex-start}.library-tabs .count{margin-left:4px;font-size:10px}.song-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.linked-songs{margin-top:28px}.linked-songs h2{margin:0 0 8px;font-size:15px}.linked-song-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.linked-song-list li{align-items:center;gap:8px;display:flex}.song-pop-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);border-top:1px solid var(--border);margin-top:4px;padding:6px 8px 2px;font-size:11px}.song-pop ul+.song-pop-heading+ul{max-height:150px}.playlist-mark{text-align:center;width:10px;color:var(--text-3)}.song-pop li button.song-pop-new-playlist{color:var(--text-2)}.playlist-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.playlist-row{border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:4px 6px;display:flex}.playlist-row:hover{background:var(--surface)}.playlist-row .row-title svg{vertical-align:-2px;color:var(--text-3)}.playlist-view .view-header .muted{margin:4px 0 0}.playlist-view .section-head{justify-content:space-between}.playlist-song .row-sub{align-items:center}.playlist-notes{resize:vertical;width:100%}.main-pick{border:1px solid var(--border);color:var(--text-3);white-space:nowrap;opacity:0;border-radius:999px;padding:2px 8px;font-size:11px}.memo-row:hover .main-pick,.main-pick:focus-visible{opacity:1}.main-pick:hover{color:var(--text);border-color:var(--text-3)}.main-pick.on{opacity:1;color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.listen-count{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.memo-listens{color:var(--text-3)}.nav-pins li.pin{align-items:center;display:flex;position:relative}.nav-pins li.pin>button:first-child{flex:1;min-width:0;padding-right:48px}.nav-pins .pin-play,.nav-pins .pin-remove{width:20px;height:20px;color:var(--text-3);opacity:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav-pins .pin-play{right:24px}.nav-pins .pin-remove{right:2px}.nav-pins li.pin:hover .pin-play,.nav-pins li.pin:hover .pin-remove,.nav-pins .pin-play:focus-visible,.nav-pins .pin-remove:focus-visible{opacity:1}.nav-pins .pin-play:hover{color:var(--accent);background:var(--surface-2)}.nav-pins .pin-remove:hover{color:var(--text);background:var(--surface-2)}.nav-pins li.pin.missing{padding:5px 10px;font-size:13px}.nav-pins li.pin.missing .pin-remove{opacity:1}.nav-pins li.dragging{opacity:.4}.nav-pins li.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.nav-pins li.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.nav-pins .library-badge{margin-left:auto}.pin-wave{text-align:center;width:8px;color:var(--text-3);font-size:13px;line-height:1}.nav-pins svg{color:var(--text-3);flex:none}.pin-btn.on{color:var(--accent)}.main-pick{text-align:center;width:78px}.song-pop li.is-hidden .song-pop-title{opacity:.6}.song-pop-hidden{color:var(--text-3);border:1px solid var(--border);border-radius:999px;flex:none;padding:0 6px;font-size:10px}.song-pop-others{width:100%;color:var(--text-2);border:1px dashed var(--border-strong,var(--border));text-align:center;border-radius:8px;padding:7px 8px;font-size:12px}.song-pop-others:hover{color:var(--text);background:var(--surface-2)}.song-pop-others[aria-expanded=true]{border-style:solid}.chord-shapes{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.shape-cards{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shape-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 8px 6px;display:flex}button.shape-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.shape-name{font-size:13px;font-weight:650}.shape-name.guessed{color:var(--text-2);font-weight:500}.shape-tuning{color:var(--text-3);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:10px;overflow:hidden}.chord-diagram{display:block;overflow:visible}.chord-diagram .cd-fret{stroke:color-mix(in srgb, var(--text-3) 70%, transparent);stroke-width:1px}.chord-diagram .cd-nut{stroke:var(--text-2);stroke-width:4px;stroke-linecap:round}.chord-diagram .cd-string{stroke:color-mix(in srgb, var(--text-2) 80%, transparent);stroke-width:1.2px}.chord-diagram .cd-fretno{fill:var(--text-3);font-variant-numeric:tabular-nums;font-size:10px}.chord-diagram .cd-dot{fill:var(--text)}.chord-diagram .cd-open{fill:none;stroke:var(--text-2);stroke-width:1.5px}.chord-diagram .cd-mute line{stroke:var(--text-3);stroke-width:1.5px;stroke-linecap:round}.chord-diagram .cd-ghost{fill:color-mix(in srgb, var(--accent) 40%, transparent);pointer-events:none}.chord-diagram .cd-hit{fill:#0000;cursor:pointer}.chord-diagram.editable .cd-dot{fill:var(--accent)}.shape-editor{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:14px;display:flex}.shape-editor-main{flex-wrap:wrap;gap:18px;display:flex}.shape-editor-side{flex-direction:column;flex:1;gap:10px;min-width:180px;display:flex}.shape-position{align-items:center;gap:6px;display:flex}.shape-position .muted{width:56px}.shape-position .icon-btn{border:1px solid var(--border);font-size:15px}.shape-fret{text-align:center;font-variant-numeric:tabular-nums;min-width:52px}.shape-field{flex-direction:column;gap:4px;display:flex}.shape-field select,.shape-field input{width:100%}.shape-suggestions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shape-help{margin:0}.shape-actions{align-items:center;gap:8px;display:flex}.shape-actions .spacer{flex:1}.tuning-picker{flex-direction:column;gap:8px;display:flex}.tuning-picker>select{width:100%}.tuning-strings{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.tuning-string{flex-direction:column;align-items:center;gap:3px;display:flex}.tuning-string select{text-align:center;width:100%;padding:5px 4px}.chip-tuning{color:#8fe3ef;background:#4fd6e81f}.shape-card-item{position:relative}.shape-card-item .play-shape{z-index:1;position:absolute;top:6px;right:6px}.play-shape{align-items:center;gap:6px;display:inline-flex}.play-shape-btn{width:22px;height:22px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid}.play-shape-btn:hover:not(:disabled){color:#1e1206;background:var(--gradient,var(--accent));border-color:#0000}.shape-editor-diagram{flex-direction:column;align-items:center;gap:8px;display:flex}.shape-editor-diagram .play-shape-btn{width:30px;height:30px}.tempo-field{flex-direction:column;gap:8px;display:flex}.tempo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tempo-input{align-items:center;gap:6px;display:inline-flex}.tempo-input input{text-align:center;font-variant-numeric:tabular-nums;width:76px;font-size:16px;font-weight:600}.tap-btn{justify-content:center;min-width:72px;animation:.25s ease-out tap-pulse}.tap-btn.tapping{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:#ffc46b}@keyframes tap-pulse{0%{box-shadow:0 0 0 0 var(--accent-glow,#f59e0b66);transform:scale(.96)}to{transform:scale(1);box-shadow:0 0 0 10px #0000}}.tempo-estimate{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip-bpm{color:#cbb8ff;background:#b79cff1f}.key-input input{width:76px}.chip-key{color:#9be6b4;background:#7ad99a1f}.chip.estimate{opacity:.75;background:0 0;box-shadow:inset 0 0 0 1px}.analyse-library{flex-direction:column;gap:10px;width:100%;max-width:640px;display:flex}.analyse-library p{margin:0}.analyse-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.analyse-progress{align-items:center;gap:12px;display:flex}.progress-bar{background:var(--surface-2);height:8px;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;flex:1;overflow:hidden}.progress-bar span{background:var(--gradient,var(--accent));border-radius:inherit;height:100%;transition:width .5s var(--ease,ease);display:block}.tempo-hint{align-items:center;gap:6px;display:flex}.row-music{white-space:nowrap;flex:none;align-items:center;gap:5px;display:flex}.row-bpm{justify-content:flex-end;width:74px;display:flex}.row-key{justify-content:flex-start;width:50px;display:flex}.row-music .chip{font-size:11px}@container (width<=560px){.row-music{display:none}}.row-songs{flex:none;justify-content:flex-end;align-items:center;gap:4px;width:190px;min-width:0;display:flex;overflow:hidden}.row-songs .chip-song{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.row-songs .chip-song.more{flex:none}.row-sub .chip-song.in-sub{display:none}@container (width<=760px){.row-songs{display:none}.row-sub .chip-song.in-sub{display:inline-block}}.memo-row .row-main{flex:300px;min-width:160px}.row-songs{flex:0 170px;width:auto}.row-wave{flex:0 clamp(110px,20%,260px);min-width:90px}.memo-row{gap:10px}body.drag-selecting,body.drag-selecting *{cursor:default;-webkit-user-select:none!important;user-select:none!important}.selection-bar{left:calc(var(--sidebar) + 24px);right:24px;bottom:calc(var(--player) + 12px);z-index:55;background:var(--surface-2);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));max-width:980px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;margin:0 auto;padding:8px 10px 8px 16px;display:flex;position:fixed}.selection-count{white-space:nowrap;font-weight:650}.selection-done{color:var(--ok);white-space:nowrap;font-size:12.5px}.selection-actions{flex-wrap:wrap;flex:1;gap:6px;display:flex}.selection-actions .btn{padding:4px 10px;font-size:12.5px}.selection-actions .btn.danger{color:var(--danger)}.bar-menu{position:relative}.bar-pop{z-index:60;background:var(--surface);border:1px solid var(--border);min-width:220px;max-height:360px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.bar-pop>button,.bar-pop-list>button{text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.bar-pop>button:hover,.bar-pop-list>button:hover{background:var(--surface-2)}.bar-pop input{border:1px solid var(--border);background:var(--bg-2);border-radius:6px;margin:2px 2px 4px;padding:5px 8px}.bar-pop-new{color:var(--accent)}.bar-pop-list{flex-direction:column;gap:1px;display:flex}.upload-btn{cursor:pointer;position:relative}.upload-input{opacity:0;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.upload-btn:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.picker-upload{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.picker-upload .small{flex:1;min-width:220px}.upload-where{overflow-wrap:anywhere;color:var(--text-2)}.recordings-section.drop-over{outline:2px dashed var(--accent);outline-offset:6px;background:var(--accent-bg);border-radius:10px}.drop-hint{color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:600}.upload-box{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px;display:flex}.upload-list{flex-direction:column;align-self:stretch;gap:4px;margin:0;padding:0;list-style:none;display:flex}.upload-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""status actions""bar bar";align-items:center;gap:3px 10px;padding:6px 10px;display:grid}.upload-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:550;overflow:hidden}.upload-status{overflow-wrap:anywhere;grid-area:status;min-width:0}.upload-done{color:var(--ok)}.upload-summary{margin:0}.upload-progress{flex:none;grid-area:bar}.upload-progress span{transition:width .2s linear}.upload-actions{grid-area:actions;align-items:center;gap:6px;display:flex}.boot-splash{background:var(--bg);height:100%}input[type=password],input[type=date]{background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;padding:7px 10px}.login-page{place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(380px,100%);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:28px 26px;display:flex}.login-brand{align-items:center;gap:10px;margin-bottom:4px;font-size:20px;font-weight:700;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-field>span:first-child{color:var(--text-2);font-size:12.5px;font-weight:550}.login-field input{width:100%}.login-password,.password-input{align-items:center;gap:8px;display:flex}.login-password input,.password-input input{flex:1;min-width:0}.login-password .link-btn,.password-input .link-btn{flex:none;padding:4px 2px}.login-note{background:var(--accent-bg);color:var(--text);border-radius:8px;margin:0;padding:8px 12px}.login-message,.login-error{margin:0}.login-submit{justify-content:center;padding:9px 12px}.login-card .muted.small{margin:0}.login-actions{flex-wrap:wrap;gap:8px;display:flex}.account-line{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:inherit;overflow:hidden}.account-name strong{color:var(--text-2);font-weight:600}.account-name:hover strong{color:var(--text)}.account-line .link-btn{flex:none}.sidebar>.account-line{background:var(--bg-2);border-top:1px solid var(--border);margin:0 -10px -16px;padding:8px 20px 10px;position:sticky;bottom:-16px}@media (width<=760px){.account-line{display:none}}.chip-warn{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.settings-accounts{max-width:820px}.account-subhead{text-transform:uppercase;margin:8px 0 0}.account-editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);flex-direction:column;gap:12px;width:100%;max-width:680px;padding:14px 16px;display:flex}.account-editor h3{text-transform:uppercase;margin:0}.account-editor>p{margin:0}.account-fields{flex-direction:column;gap:14px;display:flex}.account-field{border:0;flex-direction:column;gap:5px;min-width:0;margin:0;padding:0;display:flex}.account-field>span:first-child,.account-field>legend{color:var(--text-2);margin-bottom:5px;padding:0;font-size:12.5px;font-weight:550}.account-field>input,.account-field .password-input{width:100%;max-width:360px}.account-field>.muted.small,.account-field>p{margin:0}.account-presets{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.account-presets .btn{padding:4px 10px;font-size:12.5px}.permission-list{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.permission-check{align-items:flex-start}.permission-check input{margin-top:3px}.permission-check>span{flex-direction:column;gap:1px;display:flex}.permission-description{line-height:1.4}.library-checks{flex-wrap:wrap;gap:4px 16px;padding-left:22px;display:flex}.account-actions{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.account-actions .spacer{flex:1}.account-list{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.account-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:10px 14px;display:flex}.account-row.disabled .account-summary-text{opacity:.6}.account-row .account-editor{background:var(--bg-2);max-width:none}.account-summary{align-items:center;gap:12px;display:flex}.account-summary-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-list{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.device-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.device-row.current{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.device-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.device-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-facts{flex-wrap:wrap;gap:0 12px;display:flex}.device-last{color:var(--text-2);overflow-wrap:anywhere}.device-groups{flex-direction:column;gap:16px;width:100%;display:flex}.device-group{flex-direction:column;gap:6px;display:flex}.device-group.many>.device-list{border-left:2px solid color-mix(in srgb, var(--danger) 55%, transparent);padding-left:10px}.device-group-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-group-head .spacer{flex:1}.device-group-head .btn{padding:4px 10px;font-size:12.5px}.activity-filters{flex-wrap:wrap;align-items:flex-end;gap:8px;width:100%;display:flex}.activity-date{flex-direction:column;gap:2px;display:flex}.activity-search{flex:220px;min-width:0}.activity-days{flex-direction:column;gap:14px;width:100%;display:flex}.activity-day h3{text-transform:uppercase;margin:0 0 6px}.activity-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.activity-row{border-top:1px solid var(--border);grid-template-columns:76px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.activity-row:first-child{border-top:0}.activity-time{font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:1px}.account-actions a.btn{color:inherit;text-decoration:none}.activity-text{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.activity-target{color:var(--text)}.activity-library{margin-left:8px}.activity-detail{color:var(--text-2);margin:2px 0 0;padding-left:16px}.activity-row.refused{background:color-mix(in srgb, var(--danger) 5%, transparent)}.other-devices{flex-direction:column;gap:14px;max-width:760px;display:flex}.other-devices>p{margin:0}.access-block{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.access-block>p,.access-block>ul,.access-block>ol{margin:0}.access-switch{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.access-address{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.access-address-text{flex-direction:column;flex:260px;gap:6px;min-width:0;display:flex}.access-url{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.access-url code{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.access-notes,.access-steps{flex-direction:column;gap:3px;padding-left:18px;display:flex}.drive-player{flex-direction:column;gap:6px;margin:4px 0 10px;display:flex}.drive-player iframe{border:1px solid var(--border);background:#000;border-radius:12px;width:100%;height:180px}.drive-player p{margin:0}.two-step-qr{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.two-step-qr p{margin:6px 0 0}.two-step-key{-webkit-user-select:all;user-select:all;word-break:break-all}.account-internet{flex-direction:column;align-items:flex-start;gap:2px;margin:4px 0 8px;display:flex}.account-check{align-items:center;gap:8px;font-size:14px;display:flex}:root{--bg:#0e0c0b;--bg-2:#131110;--surface:#1a1715;--surface-2:#231f1c;--surface-3:#2c2723;--border:#ffecd613;--border-strong:#ffecd624;--text:#f4eee7;--text-2:#b9aea3;--text-3:#83796f;--accent:#f6a830;--accent-2:#fb7b3b;--accent-bg:#f6a8301f;--accent-glow:#f6963059;--gradient:linear-gradient(135deg, #f8b640 0%, #f6932f 45%, #f26b3a 100%);--danger:#f58a7c;--ok:#7ad99a;--wave:#3a332e;--wave-played:#f7b23d;--wave-played-2:#f2683a;--wave-bar:2;--wave-gap:1.5;--wave-round:1;--radius:14px;--radius-sm:10px;--shadow:0 18px 50px -12px #000000a6, 0 2px 6px #0000004d;--shadow-soft:0 8px 24px -10px #0000008c;--glass:#161311b8;--glass-strong:#12100edb;--status-idea:#b79cff;--status-writing:#7cb4ff;--status-arranging:#4fd6e8;--status-recording:#ff8cc6;--status-done:#7ad99a;--status-shelved:#8a8078;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-family:Inter Variable,Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif}body{background:radial-gradient(1100px 620px at 8% -12%, #f6a03016, transparent 62%), radial-gradient(900px 560px at 108% 112%, #f2683a0f, transparent 60%), radial-gradient(700px 500px at 60% 40%, #ffecd604, transparent 70%), var(--bg);background-attachment:fixed}.app{background:0 0}::selection{background:#f6a83052}*{scrollbar-width:thin;scrollbar-color:#ffecd624 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffecd61f padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#ffecd638}::-webkit-scrollbar-track{background:0 0}button,.btn,.icon-btn,.pill,.chip,.memo-row,.project-card,.nav button,input,select,textarea,.search,.segmented button{transition:background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), box-shadow .22s var(--ease), transform .22s var(--ease), opacity .18s var(--ease)}h1{letter-spacing:-.028em;font-size:30px;font-weight:720;line-height:1.1}h2{letter-spacing:-.01em;font-size:15px;font-weight:620}h3{letter-spacing:.12em;color:var(--text-3);font-size:10.5px;font-weight:650}.muted{color:var(--text-3)}code{background:var(--surface-2);border:1px solid var(--border)}kbd{background:var(--surface-2);border-color:var(--border-strong);border-radius:5px;box-shadow:0 1px #0006}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 80%, transparent);outline-offset:2px;border-radius:6px}input:not([type]),input[type=search],input[type=text],select,textarea{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px #ffffff05}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 3px var(--accent-bg)}select{padding-right:28px}.btn{border-radius:var(--radius-sm);background:linear-gradient(180deg, #ffffff0b, #ffffff03), var(--surface-2);border-color:var(--border);font-weight:500;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0000004d}.btn:hover:not(:disabled){border-color:var(--border-strong);background-color:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--gradient);color:#1e1206;box-shadow:0 6px 18px -6px var(--accent-glow), inset 0 1px 0 #ffffff4d;border-color:#0000;font-weight:650}.btn.primary:hover:not(:disabled){background:var(--gradient);filter:brightness(1.07);box-shadow:0 8px 24px -6px var(--accent-glow), inset 0 1px 0 #ffffff59}.icon-btn{border-radius:9px}.icon-btn:hover:not(:disabled){background:#ffecd60f}.icon-btn.on,.icon-btn.star.on{color:var(--accent)}.pill{border-color:var(--border);background:#ffecd606}.pill:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.pill.on{color:#ffcf85;border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-bg)}.chip{color:var(--text-2);background:#ffecd60f;padding:1px 8px}.chip-song{background:var(--accent-bg);color:#ffc46b}.link-btn{color:#ffbe5c}.search{background:color-mix(in srgb, var(--surface) 85%, transparent);border-color:var(--border);border-radius:12px;box-shadow:inset 0 1px #ffffff05}.search:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px var(--accent-bg)}.segmented{background:color-mix(in srgb, var(--surface) 85%, transparent);border-color:var(--border);border-radius:12px;gap:1px;padding:3px}.segmented button{border-radius:9px;padding:5px 11px}.segmented button:hover{color:var(--text)}.segmented button.active{background:linear-gradient(180deg, #ffffff12, #ffffff05), var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-strong), 0 2px 8px -2px #00000080}.status-pill{background:color-mix(in srgb, var(--c) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 28%, transparent);border:0;padding:1px 9px;font-weight:550}.status-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 16%, transparent), 0 0 10px color-mix(in srgb, var(--c) 45%, transparent)}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(#1a1613d1,#100e0ce6);padding:20px 12px}.brand{letter-spacing:-.02em;gap:10px;padding:4px 10px 20px;font-size:18px;font-weight:720}.brand-mark{background:var(--gradient);color:#1e1206;width:30px;height:30px;box-shadow:0 6px 18px -4px var(--accent-glow), inset 0 1px 0 #ffffff59;border-radius:10px;font-family:Inter Variable,sans-serif;font-size:16px}.nav button{border-radius:10px;padding:8px 10px;font-weight:500}.nav button:hover{background:#ffecd60b}.nav button.active{color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(90deg,#f6a83029,#f6a83009 70%,#0000)}.nav button.active svg{color:var(--accent)}.nav-heading{letter-spacing:.14em;padding:20px 10px 6px;font-size:10px}.nav-songs button{padding:5px 10px}.library-switcher{border-color:var(--border);background:#ffecd608;border-radius:13px;padding:4px}.library-switcher button{border-radius:9px}.library-switcher button.active{box-shadow:inset 0 0 0 1px var(--border-strong);background:#ffecd612}.library-initial{background:#ffecd60f;border-radius:7px}.library-switcher button.active .library-initial{background:var(--gradient);color:#1e1206;box-shadow:0 3px 10px -2px var(--accent-glow)}.view{max-width:1180px;padding:0 36px 56px}.view-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0e0c0beb 70%,#0e0c0b00);margin:0 -36px 8px;padding:30px 36px 16px}.scan-status{font-size:12px}.toolbar{gap:10px}.group{border-bottom:1px solid var(--border)}.group-header{padding:14px 4px 10px}.group-label{letter-spacing:-.015em;font-size:16px;font-weight:650}.group-sublabel{letter-spacing:.04em;font-size:11.5px}.group-header:hover .group-label{color:#ffc46b}.memo-list{margin-bottom:14px}.memo-row{border-radius:12px;gap:12px;padding:5px 8px}.memo-row:hover{background:#ffecd609}.memo-row.selected{box-shadow:inset 0 0 0 1px var(--border);background:#ffecd60f}.memo-row.playing{background:linear-gradient(90deg,#f6a8301f,#f6a83005 60%,#0000)}.memo-row.playing .row-title{color:#ffc46b}.row-play{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-2);background:#ffecd60d}.row-play:hover,.memo-row.playing .row-play{background:var(--gradient);color:#1e1206;box-shadow:0 4px 14px -3px var(--accent-glow);transform:scale(1.05)}.row-title{font-weight:550}.row-sub{gap:7px}.note-preview{color:var(--text-2)}.row-meta{color:var(--text-3)}.panel{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:linear-gradient(#181512db,#100e0ceb)}.panel-header{border-bottom:1px solid var(--border);padding:14px 14px 10px}.panel-header .title-input{letter-spacing:-.02em;font-size:19px;font-weight:650}.panel-body{gap:22px;padding:18px 22px 36px}.play-big{background:var(--gradient);color:#1e1206;width:54px;height:54px;box-shadow:0 10px 28px -8px var(--accent-glow), inset 0 1px 0 #ffffff59}.play-big:hover{background:var(--gradient);filter:brightness(1.08);transform:scale(1.04)}.marker-time{background:var(--accent-bg);color:#ffc46b;border-radius:8px}.waveform{border-radius:var(--radius);border-color:var(--border);background:linear-gradient(180deg, #ffecd608, #ffecd600 60%), color-mix(in srgb, var(--surface) 80%, transparent);box-shadow:inset 0 1px #ffffff06}.wave-playhead{background:#fff6ea;box-shadow:0 0 10px #ffdcaa99}.wave-marker:before{background:linear-gradient(180deg, var(--accent), #f6a83026)}.wave-hover{border:1px solid var(--border);background:#0e0c0bd9;border-radius:6px;padding:0 5px}.waveform.compact{border-radius:10px}.waveform.compact .wave-playhead:before,.waveform.compact .wave-playhead:after{background:#fff6ea;box-shadow:0 0 8px #ffdcaa99}.waveform.compact.mini{box-shadow:none;background:0 0}.memo-row:hover .waveform.mini,.memo-row.playing .waveform.mini{border-color:var(--border);background:#ffecd606}.song-view .song-title-input{letter-spacing:-.028em;padding:0 8px;font-size:32px;font-weight:720;line-height:1.15}.song-section{margin-top:26px}.song-section h2{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:650}.song-section h2 .muted{text-transform:none;letter-spacing:0;font-size:12px}.song-footer{border-top:1px solid var(--border)}.lyrics{font-size:15px;line-height:1.7}.song-text-view{line-height:1.6}.project-card{background:linear-gradient(160deg, #ffecd60a, #ffecd600 45%), color-mix(in srgb, var(--surface) 92%, transparent);border-color:var(--border);box-shadow:var(--shadow-soft);border-radius:16px}.project-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.project-row{border-radius:12px}.project-row:hover{background:#ffecd609}.player-bar{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:linear-gradient(#1c1815c7,#100e0ceb);position:relative;box-shadow:0 -16px 40px -24px #000000e6}.player-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f6a83073 30%,#f2683a59 70%,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.player-title{font-weight:600}.play-main{background:var(--gradient);color:#1e1206;width:46px;height:46px;box-shadow:0 8px 24px -6px var(--accent-glow), inset 0 1px 0 #ffffff59}.play-main:hover{background:var(--gradient);filter:brightness(1.08);transform:scale(1.05)}.knob-level{stroke:#e9dccd}.knob-cap{fill:var(--surface-3);stroke:var(--border-strong)}.picker{border-color:var(--border-strong);background:linear-gradient(#1e1a17f5,#12100efa);border-radius:22px;box-shadow:0 40px 120px -30px #000000d9,0 0 0 1px #ffecd608}.picker::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06050499}.picker header h2{letter-spacing:-.02em;text-transform:none;color:var(--text);font-size:20px;font-weight:700}.picker-list li{border-radius:12px}.picker-list li:hover{background:#ffecd60a}.menu,.song-pop,.history-pop,.emoji-pop,.speed-pop,.kind-pop{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border-color:var(--border-strong);box-shadow:var(--shadow);border-radius:16px}.menu button,.song-pop li button{border-radius:9px}.update-banner,.stale-banner,.offline-banner,.relink-notice{background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:16px}.update-banner,.stale-banner{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.library-badge{color:#9cc6ff;background:#7cb4ff1f}.main-pick.on{color:#ffc46b;border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:var(--accent-bg)}.listen-count{color:var(--text-3)}.empty{color:var(--text-2)}.empty strong{color:var(--text);font-size:17px;font-weight:650}@media (width<=760px){h1{font-size:26px}.brand{padding:2px 8px 20px;font-size:0}.brand-name{display:none}.view{padding:0 16px 40px}.view-header{margin:0 -16px 8px;padding-left:16px;padding-right:16px}.song-view .song-title-input{font-size:26px}}.search input,.tag-input input{box-shadow:none;background:0 0;border:0}.tag-input{background:color-mix(in srgb, var(--surface) 85%, transparent);border-color:var(--border);border-radius:12px}.tag-input:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px var(--accent-bg)}.tag{background:#ffecd612}input[type=password],input[type=date]{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px #ffffff05}.login-card{background:linear-gradient(180deg, #ffffff08, transparent 40%), var(--glass-strong);border-color:var(--border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-brand{letter-spacing:-.02em;font-weight:720}.account-row,.device-row{background:color-mix(in srgb, var(--surface) 80%, transparent)}.account-editor{background:color-mix(in srgb, var(--bg-2) 85%, transparent)}@media (width<=700px),(hover:none) and (height<=500px){:root{--topbar:calc(52px + env(safe-area-inset-top,0px));--sidebar:0px}html,body{overscroll-behavior:none}.app,.app.with-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar) minmax(0, 1fr) var(--player);grid-template-areas:"top""main""player";height:100dvh}.main{overscroll-behavior:contain}.view{padding:0 16px 40px}.view-header{margin:0 -16px 8px;padding-left:16px;padding-right:16px}input,select,textarea{font-size:16px}.view-header{padding-top:14px}.phone-topbar{z-index:30;padding:env(safe-area-inset-top,0px) max(6px, env(safe-area-inset-right,0px)) 0 max(6px, env(safe-area-inset-left,0px));background:var(--glass-strong,var(--bg-2));border-bottom:1px solid var(--border);grid-area:top;align-items:center;gap:2px;display:flex}.phone-topbar .icon-btn{width:44px;height:44px;color:var(--text-2);border-radius:12px;flex:none}.phone-topbar .icon-btn:active{background:var(--surface-2);color:var(--text)}.topbar-title{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:0 6px;line-height:1.2;display:flex}.topbar-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;overflow:hidden}.topbar-library{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.phone-topbar .undo-controls{flex-direction:row;gap:0;padding:0}.phone-topbar .undo-btn{border-radius:12px;justify-content:center;width:40px;height:44px;padding:0}.phone-topbar .undo-btn svg{width:19px;height:19px}.phone-topbar .undo-label{display:none}.sidebar{top:0;left:0;bottom:var(--player);z-index:41;width:min(304px,86vw);padding:calc(14px + env(safe-area-inset-top,0px)) 12px 12px max(12px, env(safe-area-inset-left,0px));background:var(--bg-2);border-right:1px solid var(--border-strong,var(--border));box-shadow:var(--shadow);visibility:hidden;transition:transform .24s var(--ease,ease), visibility 0s linear .24s;overscroll-behavior:contain;position:fixed;transform:translate(-105%)}.app.drawer-open .sidebar{visibility:visible;transition:transform .24s var(--ease,ease);transform:none}.drawer-backdrop{top:0;left:0;right:0;bottom:var(--player);z-index:40;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;position:fixed}.app.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}.brand{min-height:44px;padding:4px 10px 16px;font-size:18px}.brand-name{display:inline}.nav button{justify-content:flex-start;gap:12px;min-height:44px;padding:8px 12px;font-size:15px}.nav-songs button{min-height:44px;padding:6px 12px;font-size:14px}.nav .count{display:inline}.nav-heading,.nav-songs{display:block}.save-indicator{min-height:40px;display:flex}.search-open{justify-content:flex-start;min-height:44px;margin-bottom:10px;padding:0 12px;font-size:14px}.search-open-label{display:inline}.library-switcher{border:1px solid var(--border);background:#ffecd608;margin:0 0 12px;padding:4px}.library-name,.library-switcher .count{display:inline}.library-switcher button{justify-content:flex-start;min-height:44px;padding:6px 10px;font-size:15px}.library-initial{width:26px;height:26px;font-size:12px}.library-switcher .count{margin-left:auto}.sidebar-foot{padding-top:12px}.nav-pins li.pin>button:first-child{padding-right:84px}.nav-pins .pin-play,.nav-pins .pin-remove{opacity:1;width:36px;height:36px}.nav-pins .pin-play{right:40px}.nav-pins .pin-remove{right:2px}.nav-pins .pin-play svg,.nav-pins .pin-remove svg{width:15px;height:15px}.search-dialog{width:calc(100vw - 16px);max-width:none;margin:calc(8px + env(safe-area-inset-top,0px)) auto auto;max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px));border-radius:16px}.search-box{min-height:52px;padding:6px 8px 6px 14px}.search-cancel{flex:none;min-height:44px;padding:0 8px;font-size:15px}.search-hit{min-height:48px}.search-hit .icon-btn.small{flex:none;width:40px;height:40px}.update-banner,.stale-banner{top:calc(var(--topbar) + 8px);flex-wrap:wrap;row-gap:8px;max-width:none;left:8px;right:8px;transform:none}.update-banner>span{flex:100%}.relink-notice{width:auto;left:8px;right:8px;bottom:calc(var(--player) + 8px);max-height:50dvh;overflow-y:auto}.relink-notice li{flex-wrap:wrap;row-gap:2px}.relink-paths{overflow-wrap:anywhere;min-width:0}.offline-banner{flex-wrap:wrap;row-gap:8px;margin:10px 16px 0}.offline-banner>span:not(.offline-dot){flex:calc(100% - 40px)}.undo-toast{left:8px;right:8px;bottom:calc(var(--player) + 8px);justify-content:space-between}.undo-toast span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.undo-toast .link-btn{flex:none;min-height:36px;padding:0 6px}.fatal{margin-top:10vh}}@media (hover:none) and (height<=500px){.view-header{position:static}}@media (width<=700px) and (prefers-reduced-motion:reduce),(hover:none) and (height<=500px) and (prefers-reduced-motion:reduce){.sidebar,.app.drawer-open .sidebar,.drawer-backdrop{transition:none}}@media (hover:none){.nav-pins .pin-play,.nav-pins .pin-remove{opacity:1}.player-bar.idle>.muted.small{display:none}}@media (hover:none),(width<=700px){.sidebar,.view-header,.panel,.player-bar,.menu,.song-pop,.history-pop,.emoji-pop,.speed-pop,.kind-pop,.update-banner,.stale-banner,.offline-banner,.relink-notice,.login-card,.phone-topbar,.full-player{-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar{background:linear-gradient(#1a1613,#100e0c)}.view-header{background:linear-gradient(180deg, var(--bg) 85%, #0e0c0b00)}.panel{background:linear-gradient(#181512,#100e0c)}.player-bar{background:linear-gradient(#1c1815,#100e0c)}.menu,.song-pop,.history-pop,.emoji-pop,.speed-pop,.kind-pop,.update-banner,.stale-banner,.offline-banner,.relink-notice,.login-card{background:var(--surface)}.picker::backdrop,.search-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width<=700px),(hover:none) and (height<=500px){:root{--player:calc(60px + env(safe-area-inset-bottom,0px))}:root.player-idle{--player:0px}.player-bar.phone-bar{z-index:50;height:var(--player);padding:0 12px env(safe-area-inset-bottom,0px) 4px;background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-bar.phone-bar.idle{display:none}.phone-progress{background:var(--border);pointer-events:none;height:2px;position:absolute;top:-1px;left:0;right:0}.phone-progress>div{background:var(--accent);height:100%}.phone-bar-open{text-align:left;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:1px;min-width:0;padding:0 8px;display:flex}.phone-bar-open .player-title{max-width:100%}.phone-bar .play-main{flex:none;width:46px;height:46px;margin:0}.full-player{z-index:200;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--bg);color:var(--text);overscroll-behavior:contain;flex-direction:column;gap:16px;animation:.22s ease-out full-player-in;display:flex;position:fixed;inset:0;overflow-y:auto}.full-player:focus{outline:none}@keyframes full-player-in{0%{transform:translateY(100%)}to{transform:none}}.full-player-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.full-player-head .icon-btn{width:44px;height:44px}.full-player-from{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.full-player-titles{flex-direction:column;gap:4px;margin-top:8px;display:flex}.full-player-titles h2{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.2}.full-player-wave{touch-action:pan-y}.full-player-wave .waveform{height:128px}.full-player-wave .waveform-footer{margin-top:4px;font-size:13px}.full-player-transport{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.full-player-transport .icon-btn{border-radius:50%;width:52px;height:52px}.full-player-transport .play-main{width:72px;height:72px;margin:0}.full-player-row,.full-player-markers{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.full-player-row .pill{min-height:36px;padding:6px 14px;font-size:13px}.full-player-markers .chip{cursor:pointer;padding:6px 12px;font-size:13px}.full-player-markers .chip.active{background:var(--accent-bg);color:var(--accent)}.full-player-volume label{align-items:center;gap:12px;display:flex}.full-player-volume input[type=range]{accent-color:var(--accent);flex:1;height:32px}.full-player-pct{text-align:right;font-variant-numeric:tabular-nums;width:44px}.full-player-pct.boosted{color:var(--accent)}.full-player-actions{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.full-player-actions .icon-btn{width:44px;height:44px}.full-player-actions .history-nav{align-items:center;margin-left:auto;display:flex}.full-player .speed-pop,.full-player .song-pop,.full-player .history-pop,.full-player .add-to-song-pop.above .song-pop{top:auto;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:210;gap:12px;width:auto;max-height:70vh;padding:14px 16px;position:fixed;overflow-y:auto}.full-player .speed-presets .chip{padding:6px 12px;font-size:14px}.full-player .pitch-insecure{margin:0}.full-player .pitch-step .icon-btn{width:44px;height:44px}.full-player .speed-pop input[type=range]{height:32px}}@media (width<=700px) and (prefers-reduced-motion:reduce),(hover:none) and (height<=500px) and (prefers-reduced-motion:reduce){.full-player{animation:none}}@media (hover:none){.volume-knob{touch-action:none}.row-hide,.memo-row .row-song,.folder-menu .icon-btn,.project-row .icon-btn,.project-sets .set-song-picker,.memo-row.is-hidden .row-hide{opacity:1}.nav-pins .pin-play,.nav-pins .pin-remove{opacity:.8}}@media (width<=700px),(hover:none) and (height<=500px){.library-view .view-header,.projects-view .view-header{gap:8px;padding-top:8px;padding-bottom:8px;top:-50px}.library-view .view-title-row,.projects-view .view-title-row{flex-wrap:nowrap;height:34px;overflow:hidden}.library-view h1,.projects-view h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library-view .scan-status,.projects-view .scan-status{min-width:0;max-height:34px;font-size:11.5px;line-height:1.4;display:block;overflow:hidden}.scan-status .icon-btn{vertical-align:middle;width:34px;height:34px}.projects-view .scan-status .btn{vertical-align:middle;padding:6px 10px;font-size:12px}.scan-status .link-btn{position:relative}.scan-status .link-btn:after{content:"";position:absolute;inset:-10px -4px}.playlists-view .view-header,.playlist-view .view-header,.duplicates-view .view-header{gap:8px;padding-top:10px;padding-bottom:8px;position:static}.playlists-view h1,.duplicates-view h1{font-size:22px}.library-view .toolbar,.projects-view .toolbar{flex-wrap:wrap;gap:6px}.library-view .toolbar .search,.projects-view .toolbar .search{flex:100%}.toolbar .search input{padding:7px 0;font-size:16px}.toolbar .segmented{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:1 1 0;min-width:0;overflow-x:auto}.toolbar .segmented::-webkit-scrollbar{display:none}.toolbar .segmented button{white-space:nowrap;flex:none;padding:6px 11px}.toolbar select{flex:0 auto;max-width:128px;padding:6px 8px;font-size:13px}.toolbar .btn{flex:none;justify-content:center;gap:0;width:36px;height:36px;padding:0;font-size:0}.view-header>p.muted.small{margin:0}.memo-list{container-type:normal}.memo-row{gap:4px;min-height:52px;padding:3px 2px 3px 0}.memo-row .row-play{width:40px;height:40px}.memo-row .row-main{flex:1 1 0;min-width:0;padding:4px 0 4px 4px}.memo-row .row-title{font-size:14.5px;display:block}.memo-row .row-title .star-inline{vertical-align:-1px;margin-right:4px}.memo-row .row-sub{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.memo-row .row-sub>*{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.memo-row .row-sub>.row-sub-facts{flex:none}.memo-row .row-sub .chip-song.in-sub~.chip-song.in-sub{display:none}.memo-row .row-sub>.chip-kind,.memo-row .row-sub>.chip-tuning{flex:none;order:-1}.memo-row .row-sub>.row-sub-facts{order:-2}.row-sub-facts{color:var(--text-3);font-variant-numeric:tabular-nums}.memo-row .row-songs,.memo-row .row-music,.memo-row .row-meta,.memo-row .row-wave{display:none}.row-sub .chip-song.in-sub{text-overflow:ellipsis;max-width:160px;display:inline-block;overflow:hidden}.memo-row .note-preview{max-width:180px}.memo-row>.icon-btn,.memo-row .kind-pick,.memo-row .row-song,.memo-row .row-actions .icon-btn{width:36px;height:44px}.memo-row .row-actions{gap:0}.group-header{gap:6px;min-width:0;padding:12px 2px}.group-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.group-sublabel{display:none}.group-count{flex:none}.folder-menu .icon-btn{width:40px;height:44px}.project-row{gap:0;min-height:52px;padding:2px 0}.project-row-thumb,.project-row-main>.row-date{display:none}.project-row-main{flex:1 1 0;padding:6px 0 6px 4px}.project-row .row-sub{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.project-row .row-sub>*{flex:none}.project-row>.icon-btn,.project-row>.kind-pick-wrap .kind-pick,.project-row>.add-to-song-pop .row-song{width:36px;height:44px}.project-sets{width:calc(100% - 6px);margin:0 0 6px 6px;padding-left:8px}.project-sets li{flex-wrap:wrap;gap:0 2px;min-height:44px;padding:0 0 0 4px}.project-set-name{flex:1 1 0;padding:12px 0;font-size:13.5px}.project-set-songs{flex:100%;order:1;padding:0 0 6px 16px}.project-set-songs:empty{display:none}.project-set-songs .chip-song{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.project-sets .row-date{display:none}.project-sets .icon-btn{width:36px;height:44px}.project-sets-note{margin-left:8px}.playlists-view .section-actions{flex-wrap:wrap;gap:6px;display:flex}.playlist-row{gap:8px;min-height:52px}.playlist-row .row-play{width:40px;height:40px}.playlist-view .song-title-input{min-width:0;font-size:20px}.playlist-view .section-head{flex-wrap:wrap;gap:8px}.playlist-view .section-actions{flex-wrap:wrap}.dup-row{gap:0;padding:2px 0 2px 6px}.dup-row .row-title{white-space:normal;flex-wrap:wrap}.dup-row .row-sub>span:first-child{overflow-wrap:anywhere}.dup-row .icon-btn{width:38px;height:44px}.memo-list .song-pop,.memo-list .kind-pop,.group-head .menu{top:auto;left:8px;right:8px;bottom:calc(var(--player,0px) + 8px);width:auto;min-width:0;max-height:calc(100dvh - var(--topbar,0px) - var(--player,0px) - 24px);z-index:70;box-shadow:var(--shadow);border-radius:14px;margin:0;padding:10px;position:fixed;overflow-y:auto}.phone-sheet-backdrop,.phone-sheet-head{display:none}.memo-list .phone-sheet-backdrop,.group-head .phone-sheet-backdrop{z-index:69;cursor:pointer;background:#00000073;display:block;position:fixed;inset:0}.memo-list .phone-sheet-head,.group-head .phone-sheet-head,.full-player .phone-sheet-head{align-items:center;gap:8px;margin:-4px -4px 6px 2px;display:flex}.phone-sheet-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden}.phone-sheet-head .icon-btn{flex:none;width:44px;height:44px}.memo-list .song-pop input{padding:9px 10px;font-size:16px}.memo-list .song-pop ul{max-height:38dvh}.memo-list .song-pop ul+.song-pop-heading+ul{max-height:22dvh}.memo-list .song-pop li button,.memo-list .song-pop-new,.memo-list .kind-pop button,.group-head .menu button{min-height:44px;font-size:14.5px}.prio-list .prio-row{grid-template:"grip rank play title title status""grip rank play music meta status"/30px 18px 32px auto minmax(0,1fr) auto;align-content:center;gap:0 6px;height:auto;min-height:50px;padding:3px 10px 3px 0}.prio-list .prio-row .prio-grip{opacity:.75;grid-area:grip;justify-content:center;align-self:stretch;align-items:center}.prio-list .prio-row .prio-rank{grid-area:rank}.prio-list .prio-row .prio-play{grid-area:play;width:32px;height:32px}.prio-list .prio-row .prio-title-cell{grid-area:title}.prio-list .prio-row .prio-title{font-size:14.5px}.prio-list .prio-row .prio-music{grid-area:music;gap:4px;min-width:0;display:flex}.prio-list .prio-row .prio-meta{grid-area:meta;font-size:11.5px;display:block}.prio-list .prio-row .prio-music.no-music~.prio-meta{grid-column:4/6}.prio-list .prio-row .prio-status{grid-area:status}.prio-list .prio-row .status-pill{font-size:11px}.prio-list .prio-row .prio-tuning,.prio-list .prio-row .prio-bpm,.prio-list .prio-row .prio-key{width:auto}.prio-list .prio-row .prio-tuning:empty,.prio-list .prio-row .prio-bpm:empty,.prio-list .prio-row .prio-key:empty{display:none}.prio-list .prio-row .prio-music .chip{padding:0 6px;font-size:10.5px}.prio-list .prio-row .prio-tags,.prio-list .prio-row .prio-edited,.prio-list .prio-row .row-wave,.prio-list .prio-row .prio-hide{display:none}.prio-list .prio-divider{gap:6px;height:44px}.prio-list .prio-divider.unnamed{height:34px}.prio-list .prio-divider .prio-grip{opacity:.75;flex:none;justify-content:center;align-items:center;width:30px;height:100%;position:static;transform:none}.prio-list .prio-divider .prio-hide{opacity:1;width:36px;height:36px}.prio-list .prio-divider-text{max-width:55%}.songs-view .view-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;display:grid}.songs-view .view-title-row,.songs-view .toolbar{display:contents}.songs-view h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.songs-view .toolbar .search{grid-area:1/1/auto/-1}.songs-view .toolbar .segmented{grid-area:2/1}.songs-view .view-title-row .btn.primary{white-space:nowrap;grid-area:2/2;gap:4px;min-height:36px;padding:6px 12px;font-size:13px}.songs-view .toolbar .segmented button{min-height:36px}.prio-preview{padding:10px 10px 12px}.song-preview-head{flex-wrap:wrap;gap:6px 12px}.song-preview-details{grid-template-columns:minmax(0,1fr)}.song-preview-notes{max-height:none}}@media (width<=700px),(hover:none){.prio-moves{border-bottom:1px solid var(--border);grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin-bottom:8px;padding-bottom:10px;display:grid}.prio-moves .btn{white-space:nowrap;grid-column:span 3;justify-content:center;align-items:center;gap:4px;min-height:38px;padding:6px 4px;font-size:13px;display:inline-flex}.prio-moves .btn:nth-child(n+5){grid-column:span 4}.prio-moves .btn:disabled{opacity:.4}}@media (hover:none){.prio-grip{touch-action:none;opacity:.75}.prio-insert,.prio-insert-preview{display:none}.prio-divider .prio-grip,.prio-divider .prio-hide{opacity:1}.prio-row:hover{background:var(--surface)}.prio-title:hover{color:inherit}.todo-actions{opacity:1}.prio-row.expanded{background:var(--surface-2)}[data-select-id]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-select-id] input,[data-select-id] textarea{-webkit-user-select:text;user-select:text}}@media (width<=700px),(hover:none) and (height<=500px){.selection-bar{left:0;right:0;bottom:var(--player);max-width:none;padding:8px max(8px, env(safe-area-inset-right,0px)) 10px max(14px, env(safe-area-inset-left,0px));border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;flex-wrap:wrap;gap:6px 8px;margin:0}.selection-count{flex:1;min-width:0}.selection-bar>.icon-btn{width:40px;height:40px}.selection-done{flex-basis:100%;order:1}.selection-actions{flex:1 0 100%;order:2;gap:6px}.selection-actions .btn{min-height:36px;padding:5px 11px;font-size:13px}.selection-bar .bar-menu{position:static}.with-selection-bar .main .view{padding-bottom:180px}.selection-bar .bar-pop{min-width:0;max-height:55vh;bottom:calc(100% + 6px);left:8px;right:8px}.selection-bar .bar-pop>button,.selection-bar .bar-pop-list>button{min-height:42px;font-size:14px}.selection-hint{flex-basis:100%;order:1;margin-top:-6px;font-size:11.5px}}@media (hover:none){.selection-hint{white-space:nowrap}}@media (width<=700px),(hover:none) and (height<=500px){.app.with-panel .panel{top:0;left:0;right:0;bottom:var(--player);z-index:50;width:auto;box-shadow:none;border-left:0}.panel-header{padding:8px 10px;padding-top:max(8px, env(safe-area-inset-top));flex-wrap:wrap;gap:4px}.panel-back{min-height:40px;color:var(--accent);align-items:center;gap:2px;margin-right:auto;padding:8px 12px 8px 4px;font-size:15px;font-weight:600;display:inline-flex}.panel-header .icon-btn{width:40px;height:40px}.panel-header .title-input{border-color:var(--border);flex:1 0 100%;order:10;padding:6px 8px;font-size:18px}.panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;gap:16px;min-height:0;padding:12px 14px 28px}.memo-links{flex-wrap:wrap;gap:4px 14px!important}.memo-facts .link-btn{padding:4px 0;font-size:13px}.panel-transport .btn{min-height:40px}.waveform-block .waveform:not(.compact){height:88px}.panel .add-to-playlist{max-width:100%;display:flex}.panel .add-to-playlist select{min-width:0;max-width:100%}.chord-shapes,.shape-cards{max-width:100%}.shape-editor{padding:10px}.shape-editor-main{flex-direction:column;align-items:stretch;gap:12px}.shape-editor-side{min-width:0}.shape-editor-diagram svg{max-width:100%;height:auto}.shape-actions{flex-wrap:wrap}.panel input,.panel select,.panel textarea,.song-view input,.song-view select,.song-view textarea,.project-view input,.project-view select,.settings-view input,.settings-view select,.settings-view textarea,.picker input,.picker select,.st-toolbar select{font-size:16px}.tempo-input input{width:84px}.song-view>.view-header,.project-view>.view-header,.settings-view>.view-header{padding-top:14px;position:static}.song-view .song-title-input{min-width:0;margin-left:0;font-size:22px}.view-title-row{gap:8px}.view-title-row h1{overflow-wrap:anywhere;min-width:0;font-size:24px}.view-title-row .section-actions{flex-wrap:wrap}.song-fields{gap:10px}.song-tags{flex-basis:100%;min-width:0}.section-actions{flex-wrap:wrap}.section-head>select{flex:100%;min-width:0;max-width:100%}.song-section,.add-to-song select,.new-song-form input{min-width:0}.move-song select{min-width:0;max-width:100%}.song-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-view .muted.small{overflow-wrap:anywhere}.song-view .memo-list .memo-row{flex-wrap:wrap}.song-view .memo-list .row-actions{opacity:1;flex-basis:100%;justify-content:flex-end;align-items:center;gap:4px;margin-top:-4px}.song-view .memo-list .row-actions .main-pick{margin-left:52px;margin-right:auto;padding:5px 10px}.song-view .memo-list .row-actions .icon-btn{width:36px;height:36px}.suggestion-list li{flex-wrap:wrap}.suggestion-list .suggestion-main{flex:60%;min-width:0}.suggestion-list .row-wave{display:none}.set-list li{gap:0 6px;padding:6px}.set-main{flex-basis:100%}.set-list .set-songs{margin-right:auto}.song-text-editor textarea{font-size:16px}.st-toolbar{gap:6px}.st-toolbar .tool,.segmented.small button{min-height:34px;padding:4px 10px}.st-caret-syll{margin-left:0}.arrangement{--names:104px;overscroll-behavior-x:contain;overflow-x:auto}.arr-header,.arr-body{min-width:max(100%, calc(var(--names) + var(--bars,16) * 22px))}.arr-body{max-height:none;overflow:visible}.arr-names-head,.arr-name{z-index:2;background:var(--bg-2);position:sticky;left:0}.arr-names-head{background:var(--surface);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.arr-track.kind-group .arr-name{background:var(--surface)}.arr-footer{position:sticky;left:0}.picker{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;inset:0}.picker-inner{height:100%;max-height:100dvh}.picker header{z-index:1;background:var(--bg-2);padding:12px 14px 10px;padding-top:max(12px, env(safe-area-inset-top));gap:8px;position:sticky;top:0}.picker header h2{font-size:18px}.picker-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.picker-list li{padding:6px 4px}.picker-list .row-wave{display:none}.picker-list .row-play{flex:none;width:36px;height:36px}.picker-list label{min-width:0}.picker-title{overflow-wrap:anywhere}.picker footer{background:var(--bg-2);padding:10px 14px;padding-bottom:max(10px, env(safe-area-inset-bottom));position:sticky;bottom:0}.picker footer .btn{flex:1;justify-content:center;min-height:44px}.project-pick{gap:8px;grid-template-columns:auto 72px minmax(0,1fr)!important}.settings-section{min-width:0;max-width:100%}.settings-section>*{max-width:100%}.facts{grid-template-columns:minmax(0,1fr);gap:2px;width:100%}.facts dt{margin-top:8px}.facts dt:first-child{margin-top:0}.facts dd{min-width:0}.settings-view code{overflow-wrap:anywhere;word-break:break-all}.home-page-pick{flex-wrap:wrap;gap:6px 10px}.home-page-pick select{min-width:0;max-width:100%}.folder-tree{columns:1}.relink{flex-wrap:wrap}.relink input{min-width:0}.suggestions .btn{overflow-wrap:anywhere;text-align:left;max-width:100%}.plex-sync{max-width:100%}.relink-notice{width:auto;left:12px;right:12px;bottom:calc(var(--player) + 10px)}.song-view .section-actions{min-width:0;max-width:100%}.song-view .add-to-playlist{min-width:0;max-width:100%;display:flex}.song-view .add-to-playlist select{min-width:0;max-width:100%}.picker:focus{outline:none}.picker-upload{flex-direction:column;align-items:stretch;gap:6px}.picker-upload .upload-btn{justify-content:center;min-height:44px;font-size:15px}.picker-upload .small{min-width:0}.upload-item{padding:8px 10px}.upload-name{white-space:normal;overflow-wrap:anywhere}.upload-actions .icon-btn{width:40px;height:40px}.upload-actions .btn{min-height:40px}.view-header .link-btn.back{align-items:center;min-height:40px;padding-right:12px;display:inline-flex}.song-view .view-header .icon-btn,.playlist-view .view-header .icon-btn,.project-view .view-header .icon-btn{width:40px;height:40px}.song-preview-open{align-items:center;min-height:40px;display:inline-flex}.song-chip>button[aria-label^=Remove]{place-items:center;min-width:32px;min-height:32px;display:inline-grid}.st-toolbar .tool{min-width:40px;min-height:40px}.set-list .icon-btn,.set-list .row-song{width:40px;height:40px}}@media (hover:none){.waveform{touch-action:pan-y}.wave-marker{width:28px;transform:translate(-14px)}.waveform.compact .wave-marker{width:26px;transform:translate(-13px)}.wave-loop-marker button{min-height:22px;padding:2px 6px}.song-view .memo-list .row-actions,.song-view .main-pick{opacity:1}.panel kbd,.song-view .btn kbd,.tempo-field kbd{display:none}.settings-shortcuts{display:none!important}.arr-clip{cursor:pointer}}@media (width<=700px),(hover:none) and (height<=500px){.add-to-song-pop.as-button .song-pop{top:auto;left:8px;right:8px;bottom:calc(var(--player,0px) + 8px);width:auto;min-width:0;max-width:none;max-height:calc(100dvh - var(--topbar,0px) - var(--player,0px) - 24px);z-index:70;box-shadow:var(--shadow);border-radius:14px;margin:0;padding:10px;position:fixed;overflow-y:auto}.add-to-song-pop.as-button .phone-sheet-backdrop{z-index:69;cursor:pointer;background:#00000073;display:block;position:fixed;inset:0}.add-to-song-pop.as-button .phone-sheet-head{align-items:center;gap:8px;margin:-4px -4px 6px 2px;display:flex}.add-to-song-pop.as-button .song-pop input{padding:9px 10px;font-size:16px}.add-to-song-pop.as-button .song-pop ul{max-height:38dvh}.add-to-song-pop.as-button .song-pop ul+.song-pop-heading+ul{max-height:22dvh}.add-to-song-pop.as-button .song-pop li button,.add-to-song-pop.as-button .song-pop-new{min-height:44px;font-size:14.5px}.login-page{padding:max(10vh, env(safe-area-inset-top)) 16px 24px;align-items:start}.login-card{gap:16px;padding:22px 18px}.login-card input{min-height:44px;font-size:16px}.login-password .link-btn{min-height:44px;padding:0 6px}.login-submit{min-height:48px;font-size:16px}.login-actions .btn{min-height:44px}.account-line{min-height:44px;font-size:13px;display:flex}.account-line .link-btn{min-height:40px;padding:0 6px}.sidebar>.account-line{padding:4px 18px calc(4px + env(safe-area-inset-bottom,0px));margin:0 -12px -12px;bottom:-12px}.account-editor{padding:12px}.account-field>input,.account-field .password-input{max-width:none}.password-input .link-btn{min-height:40px;padding:0 6px}.account-actions .btn,.account-presets .btn{min-height:40px}.account-summary{flex-wrap:wrap}.permission-check{padding:4px 0}.library-checks{padding-left:0}.library-checks .check{min-height:36px}.device-row{flex-wrap:wrap}.device-row .btn{min-height:40px}.activity-filters{align-items:stretch}.activity-date{flex:40%}.activity-date input{width:100%}.activity-search{flex-basis:100%}.activity-row{grid-template-columns:minmax(0,1fr);gap:2px}.access-address{flex-direction:column}}