:root,:root[data-theme=midnight]{--bg:#121212;--surface:#181818;--text:#fff;--muted:#b3b3b3;--accent:#2dd4bf;--accent-text:#121212;--border:#282828;--danger:#f87171;--p-idea:#6b7280;--p-learning:#a78bfa;--p-rehearsing:#f59e0b;--p-ready:#2dd4bf;--pad-choice:#fbbf24;--pad-estimate:#c4b5fd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=daylight]{--bg:#f9fafb;--surface:#fff;--text:#111827;--muted:#6b7280;--accent:#0f766e;--accent-text:#fff;--border:#e5e7eb;--danger:#b91c1c;--p-idea:#9ca3af;--p-learning:#7c3aed;--p-rehearsing:#d97706;--p-ready:#0d9488;--pad-choice:#b45309;--pad-estimate:#7c3aed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=neon-marquee]{--bg:#0a0612;--surface:#110d1f;--text:#f0eaff;--muted:#8a7bba;--accent:#00f5e4;--accent-text:#0a0612;--border:#261d40;--danger:#ff2d78;--p-idea:#6b6880;--p-learning:#9b5cff;--p-rehearsing:#ff2d78;--p-ready:#00f5e4;--pad-choice:#ffd23f;--pad-estimate:#b98cff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=parchment]{--bg:#f5f0eb;--surface:#faf7f4;--text:#2d2418;--muted:#6b5b4e;--accent:#a9531a;--accent-text:#fff;--border:#e8e0d8;--danger:#8b2635;--p-idea:#938e8c;--p-learning:#9a6b1f;--p-rehearsing:#c4651a;--p-ready:#4a6741;--pad-choice:#9a6b1f;--pad-estimate:#6d4c8d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--surface-2:color-mix(in srgb, var(--text) 6%, var(--surface));--accent-tint:color-mix(in srgb, var(--accent) 16%, var(--surface));--scrim:#0006;--segment-on:color-mix(in srgb, var(--text) 16%, var(--surface));--segment-shadow:none;--side-bg:color-mix(in srgb, #000 24%, var(--bg))}:root[data-theme=daylight],:root[data-theme=parchment]{--scrim:#00000040;--segment-on:#fff;--segment-shadow:0 1px 3px #11182726;--side-bg:color-mix(in srgb, var(--text) 3%, var(--bg))}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2{margin:0 0 12px}.muted{color:var(--muted)}.error{color:var(--danger)}.center{text-align:center;padding:48px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.narrow{gap:12px;max-width:380px;margin:10vh auto;display:grid}.narrow form{gap:12px;display:grid}label{color:var(--muted);gap:4px;font-size:14px;display:grid}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-text);border:0;border-radius:999px;padding:10px 18px;font-weight:600}button.link{color:var(--muted);background:0 0;padding:4px 8px;font-weight:400;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing{flex-direction:column;min-height:100vh;display:flex}.hero{flex:1;grid-template-columns:1fr;align-items:center;gap:40px;width:100%;max-width:960px;margin:0 auto;padding:48px 16px;display:grid}.hero h1{font-size:clamp(2rem,6vw,3.25rem);line-height:1.1}.hero .narrow{width:100%;max-width:380px;margin:0}@media (width>=800px){.hero{grid-template-columns:1fr 380px}}.foot{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 20px;padding:24px 16px;font-size:14px;display:flex}.foot a,.bar a{color:inherit}.bar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.bar>a{margin-left:auto}.stack{gap:24px;display:grid}.stack form{gap:12px;display:grid}.code{letter-spacing:.1em;-webkit-user-select:all;user-select:all;font-family:ui-monospace,monospace}.invite{font-size:14px}.list .title{color:inherit;text-decoration:none}.list a.title:hover{text-decoration:underline}.page a{color:var(--accent)}.meta{flex-wrap:wrap;align-items:center;gap:4px 12px;margin:4px 0 8px;display:flex}.notes{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:70vh;margin:0;padding:12px 16px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.song-head{align-items:center;gap:12px;display:flex}.song-head h2{margin:0}.song-head .pill{margin-left:0}.part h4{margin:12px 0 0}.list li.now{background:color-mix(in srgb, var(--accent) 10%, transparent)}.list .play{padding:4px 12px}.list .play:disabled{opacity:.4;cursor:default}.list .note{flex-basis:100%;padding-left:52px}.actions{align-items:center;gap:12px;margin-left:auto;display:flex}.page{max-width:960px;padding:16px 16px calc(48px + var(--chrome-bottom));margin:0 auto}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:8px 0;display:flex}.list .title{font-weight:600}.pill{border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:13px}.comments{flex-basis:100%;gap:8px;padding:8px 0 8px 52px;display:grid}.comments ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.comments li{border:0;padding:0;display:block}.comments p{white-space:pre-wrap;margin:2px 0}.comments .who{align-items:baseline;gap:10px;font-size:14px;display:flex}.comments .at{color:var(--accent);text-decoration:none}.comments textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.comments form{gap:8px;display:grid}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.comments .edit{gap:8px;display:grid}.upload{gap:12px;display:grid}.upload .fields{flex-wrap:wrap;gap:12px;display:flex}.upload .files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.upload .files li{grid-template-columns:1fr 140px minmax(56px,auto);align-items:center;gap:12px;display:grid}progress{width:100%;accent-color:var(--accent)}.actions button.link,.actions a{text-decoration:none}.actions button.link:hover,.actions a:hover{text-decoration:underline}.editor{grid-template-columns:minmax(0,1fr);gap:12px;margin:8px 0 12px;display:grid}.editor .fields{flex-wrap:wrap;gap:12px;display:flex}.editor .fields .wide{flex:100%}.editor textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.editor .editor-delete{border-top:1px solid var(--border);padding-top:12px}.editor .notes-input{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.track-editor{flex-basis:100%;padding-left:52px}.track-delete{flex-basis:100%;margin:8px 0 8px 52px}.filters{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 8px;display:flex}.filters select{padding:6px 10px}.part .more{margin-top:4px}.section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:12px 0;overflow:hidden}.section-head{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.section-head:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.section-head:focus-visible{outline-offset:-2px}.section-title{flex:none;font-size:16px}.section-summary{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:400;overflow:hidden}.chev{color:var(--muted);flex:none;margin-left:auto;transition:transform .2s}.section.open .chev{transform:rotate(90deg)}.collapse{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.section.open .collapse{grid-template-rows:1fr}.clip{min-height:0;overflow:hidden}.section-body{border-top:1px solid var(--border);padding:4px 16px 16px}@media (prefers-reduced-motion:reduce){.collapse,.chev{transition:none}}.now-playing{top:calc(8px + env(safe-area-inset-top,0px));z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:6px;margin:12px 0;padding:10px 14px;display:grid;position:sticky;box-shadow:0 6px 20px #00000040}.np-label{color:var(--muted);font-size:14px}.np-label strong{color:var(--text);font-weight:600}.player{width:100%}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0;padding:6px 16px}button.secondary:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.song-head .edit-song{margin-left:auto}.chip{color:var(--text);border:1px solid var(--border);background:0 0;padding:6px 14px;font-size:14px;font-weight:500}.chip:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.filters select{border-radius:999px;padding:6px 12px;font-size:14px}.part h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 0;font-size:12px}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{color:var(--accent)}h1,h2{letter-spacing:-.02em}.list li.now{box-shadow:inset 3px 0 0 var(--accent);padding-left:10px}.list-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.list-head h2{margin:0}.view-toggle{gap:8px;margin-left:auto;display:flex}.art{object-fit:cover;background:var(--surface);border-radius:8px;flex:none;display:block}.art-empty{color:var(--text);background:var(--accent-tint);place-items:center;font-size:1.4em;font-weight:700;display:grid}.song-rows,.song-grid{margin:0;padding:0;list-style:none}.song-rows li{border-bottom:1px solid var(--border)}.row-link{color:inherit;border-radius:10px;align-items:center;gap:14px;padding:10px 8px;text-decoration:none;display:flex}.row-link:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.row-text{flex:1;min-width:0;display:grid}.row-text .title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-text .muted{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.song-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 16px;padding-top:8px;display:grid}.tile{color:inherit;gap:4px;text-decoration:none;display:grid}.tile .art{aspect-ratio:1;border-radius:10px;transition:transform .15s;width:100%!important;height:auto!important}.tile:hover .art{transform:translateY(-2px)}.tile .art-empty{font-size:3rem}.tile-title{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-weight:600;overflow:hidden}.tile-artist{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tile .pill{justify-self:start;margin-top:2px;margin-left:0}.pill.status{align-items:center;gap:6px;display:inline-flex}.pill.status:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.pill.status[data-p=idea]:before{background:var(--p-idea)}.pill.status[data-p=learning]:before{background:var(--p-learning)}.pill.status[data-p=rehearsing]:before{background:var(--p-rehearsing)}.pill.status[data-p=performance-ready]:before{background:var(--p-ready)}@media (prefers-reduced-motion:reduce){.tile .art{transition:none}}.song-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.song-tools .search{border-radius:999px;flex:240px;min-width:0;padding:8px 16px}.song-tools select{border-radius:999px;padding:6px 12px;font-size:14px}.filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:12px;margin:0 0 12px;padding:14px 16px;display:grid}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-group select{border-radius:999px;padding:6px 12px;font-size:14px}.filter-label{width:56px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:13px}.status-chip{align-items:center;gap:6px;display:inline-flex}.status-chip:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.status-chip[data-p=idea]:before{background:var(--p-idea)}.status-chip[data-p=learning]:before{background:var(--p-learning)}.status-chip[data-p=rehearsing]:before{background:var(--p-rehearsing)}.status-chip[data-p=performance-ready]:before{background:var(--p-ready)}.private-tag{vertical-align:middle;color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:600}@media (width<=520px){.filter-label{width:100%}}.settings h2{margin:8px 0 16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:16px}.panel h3{align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.panel>:not(h3){margin-top:12px}.panel.soon h3{color:var(--muted);font-weight:500}.soon-tag{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin-bottom:0;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}.plain{margin:0;padding-left:18px}.members{gap:10px;margin:0;padding:0;list-style:none;display:grid}.members li{align-items:center;gap:12px;display:flex}.members .role{margin-left:auto;font-size:14px}.members .member-who{flex-direction:column;min-width:0;display:flex}.members .member-name{overflow-wrap:anywhere;min-width:0}.members .member-active{font-size:14px}.members .member-active.now:before{content:"";background:var(--p-ready);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.members .rename{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.members .rename input{flex:180px;min-width:0}.members .rename button{padding:6px 14px}.members li .link{text-decoration:none}.members li .link:hover{text-decoration:underline}.avatar{background:color-mix(in srgb, var(--accent) 22%, transparent);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.theme-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.theme-grid button{color:var(--text);border:1px solid var(--border);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:500;display:flex}.theme-grid button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.swatch{border:1px solid var(--border);border-radius:4px;flex:none;width:22px;height:16px;display:inline-flex;overflow:hidden}.swatch i{flex:1}.button-link{background:var(--accent);color:var(--accent-text);border-radius:999px;padding:8px 18px;font-weight:600;text-decoration:none;display:inline-block}.list-head .button-link{margin-left:auto}.list-head .view-toggle+.button-link{margin-left:0}.page a.button-link{color:var(--accent-text)}.page a.button-link.secondary-link,.button-link.secondary-link{color:var(--text);border:1px solid var(--border);background:0 0;padding:6px 16px;font-size:14px}.button-link.secondary-link:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.intro{margin:0 0 12px;font-size:14px}.idea-mark{background:color-mix(in srgb, var(--accent) 14%, var(--surface));width:52px;height:52px;color:var(--accent);border-radius:8px;flex:none;place-items:center;font-size:22px;display:grid}.idea-mark.big{width:72px;height:72px;font-size:30px}.pill.kind{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));margin-left:0}.pill.private{color:var(--muted);border-style:dashed;margin-left:0}.private-panel{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.private-panel p{flex:260px;margin:0}.idea-actions,.page-actions{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.idea-links p{margin:4px 0;font-size:14px}.panel.soon h3{color:var(--text)}.drop{border:1px dashed color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 6%, transparent);color:var(--text);border-radius:12px;gap:4px;padding:16px;display:grid}.drop-title{font-size:16px;font-weight:600}.drop input[type=file]{box-sizing:border-box;min-width:0;max-width:100%;margin-top:6px}.files-row{grid-template-columns:1fr 140px minmax(56px,auto);align-items:center;gap:12px;display:grid}.editor .fields select,.editor .fields input{min-width:0}.editor ul.files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.combo{color:var(--muted);gap:4px;min-width:0;font-size:14px;display:grid;position:relative}.combo-list{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:10px;max-height:260px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.combo-list li{color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:15px;display:flex}.combo-list li[aria-selected=true]{background:color-mix(in srgb, var(--accent) 14%, transparent)}.combo-list li.combo-new{color:var(--accent);font-weight:600}.combo-hint{font-size:13px}.art-picker{color:var(--muted);gap:8px;font-size:14px;display:grid}.art-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.art-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-button{cursor:pointer;position:relative}.file-button input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button.disabled{opacity:.5;pointer-events:none}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.art-search{gap:8px;display:grid}.art-search-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.art-search-row input{flex:200px;min-width:0}.art-hits{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.art-hits button{text-align:left;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:6px;font-weight:400;display:flex}.art-hits button[aria-pressed=true],.art-hits button:hover{border-color:var(--accent)}.art-hits img{border-radius:6px;flex:none}.art-hits span{gap:2px;min-width:0;font-size:14px;display:grid}.art-hits .muted{font-size:13px}.pick-tracks{border:1px solid var(--border);border-radius:12px;gap:8px;min-width:0;margin:0;padding:12px 16px;display:grid}.pick-tracks legend{color:var(--text);padding:0 4px;font-weight:600}.pick-tracks label.pick{color:var(--text);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px;display:flex}.pick-tracks input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:0}button.danger{background:var(--danger);color:var(--bg)}button.secondary.danger-text,.actions button.link.danger-text{color:var(--danger)}.danger-panel{border-color:color-mix(in srgb, var(--danger) 55%, var(--border))}.danger-panel h3{color:var(--text)}:root,:root[data-theme=midnight]{--stem-bass:#60a5fa;--stem-drums:#fb923c;--stem-vocals:#f472b6;--stem-guitar:#4ade80;--stem-other:#a1a1aa}:root[data-theme=daylight]{--stem-bass:#2563eb;--stem-drums:#ea580c;--stem-vocals:#db2777;--stem-guitar:#16a34a;--stem-other:#6b7280}:root[data-theme=neon-marquee]{--stem-bass:#3da9ff;--stem-drums:#ff9a3d;--stem-vocals:#ff4fd8;--stem-guitar:#39ff88;--stem-other:#8a7bba}:root[data-theme=parchment]{--stem-bass:#2f5d8a;--stem-drums:#b8621b;--stem-vocals:#a63d6b;--stem-guitar:#4a6741;--stem-other:#938e8c}:root,:root[data-theme=midnight],:root[data-theme=daylight]{--record:#dc2626}:root[data-theme=neon-marquee]{--record:#e0245e}:root[data-theme=parchment]{--record:#a8261d}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.track-menu-wrap{display:inline-flex;position:relative}button.kebab{color:var(--muted);background:0 0;border-radius:999px;width:40px;height:40px;padding:0;font-size:22px;font-weight:700;line-height:1}button.kebab:hover,button.kebab[aria-expanded=true]{background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text)}.track-menu-backdrop{z-index:30;position:fixed;inset:0}.track-menu{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:230px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 32px #00000059}.track-menu [role=menuitem]{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:400;text-decoration:none;display:block}.page .track-menu a[role=menuitem]{color:var(--text);text-decoration:none}.track-menu [role=menuitem]:hover,.track-menu [role=menuitem]:focus-visible{background:color-mix(in srgb, var(--text) 8%, transparent);outline:none}.track-menu [role=menuitem]:disabled{color:var(--muted);cursor:default;background:0 0}.track-menu [role=menuitem].danger-text{color:var(--danger)}.track-menu-sep{background:var(--border);height:1px;margin:6px 4px}@media (width<=600px){.track-menu-backdrop{background:#00000073}.track-menu{padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0}.track-menu [role=menuitem]{padding:14px 16px;font-size:16px}}.dialog-backdrop{z-index:40;background:#00000073;position:fixed;inset:0}.dialog.panel{z-index:41;width:min(460px,100vw - 32px);max-height:76vh;margin:0;position:fixed;top:12vh;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 32px #00000059}.dialog .clip-range{font-variant-numeric:tabular-nums;margin:0;font-weight:600}@media (width<=600px){.dialog.panel{width:auto;max-height:88vh;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;inset:auto 0 0;transform:none}}.clip-line a{font-weight:600}.mixer-head .clip-line{padding-left:0}.clip-saved{margin:8px 0}.update-bar{z-index:35;top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(50% + var(--sidebar-w) / 2);width:min(560px, calc(100% - var(--sidebar-w) - 24px));background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px 8px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.update-bar .update-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.update-bar .update-actions button{min-height:40px;padding:0 14px}.rec-bar{z-index:25;left:calc(50% + var(--sidebar-w) / 2);bottom:calc(var(--chrome-bottom) + 10px);width:min(560px, calc(100% - var(--sidebar-w) - 24px));background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px 8px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.rec-bar.raised{bottom:calc(100px + env(safe-area-inset-bottom))}.rec-light{background:var(--muted);border-radius:999px;flex:none;width:12px;height:12px}.rec-light.on{background:var(--record);animation:1.2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.rec-light.on{animation:none}}.rec-time{font-variant-numeric:tabular-nums;font-weight:600}.rec-meter{align-items:center;gap:3px;height:24px;display:inline-flex}.rec-meter i{background:var(--record);border-radius:2px;width:4px;height:24px;transform:scaleY(.15)}.rec-actions{gap:8px;margin-left:auto;display:flex}.rec-actions button{min-height:44px;padding:0 14px}.rec-actions button.rec-save{background:var(--record);color:#fff;border:0}.rec-long{flex-basis:100%;font-size:13px}.rec-toast{z-index:26;right:calc(16px + env(safe-area-inset-right));bottom:calc(var(--chrome-bottom) + 16px);background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px 10px;max-width:min(440px,100% - 32px);padding:10px 14px;font-size:14px;display:flex;position:fixed;box-shadow:0 8px 24px #0000004d}.rec-toast.above-bar{bottom:calc(var(--chrome-bottom) + 82px)}.rec-toast.raised{bottom:calc(172px + env(safe-area-inset-bottom))}.rec-toast .rec-close{color:var(--muted)}.page a.mixer-button{background:var(--accent);color:var(--accent-text);border-radius:999px;align-items:center;padding:4px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.actions a.mixer-button:hover{filter:brightness(1.08);text-decoration:none}.stems-line{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px 10px;margin:0;padding:2px 0 2px 52px;font-size:14px;display:flex}.stems-line .progress{background:var(--border);border-radius:2px;flex:160px;max-width:280px;height:4px;overflow:hidden}.stems-line .progress>span{background:var(--accent);height:100%;transition:width .4s;display:block}.stems-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.page a.stem-chip{border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;text-decoration:none;display:inline-flex}.page a.stem-chip:hover{border-color:var(--stem)}.stem-chip i,.stem-downloads i,.stem-name i{background:var(--stem);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.stem-downloads{flex-wrap:wrap;flex-basis:100%;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.stem-downloads a{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;text-decoration:none;display:inline-flex}@media (width<=600px){.stems-line{padding-left:0}}.wave-region-tab{z-index:2;text-align:center;background:var(--p-learning);min-width:18px;height:18px;color:var(--bg);cursor:pointer;opacity:.9;border:0;border-radius:0 6px 6px 0;padding:0 5px;font:600 11px/18px system-ui,sans-serif;position:absolute;top:2px}.wave-region-tab:hover,.wave-region-tab:focus-visible{opacity:1}.wave-region-tab.faint{background:var(--muted)}.songs-found{margin-top:14px}.songs-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.songs-head h3{margin:0}.songs-head>:last-child{margin-left:auto}.songs-found>.progress{background:var(--border);border-radius:2px;height:4px;margin:8px 0;display:block;overflow:hidden}.songs-found>.progress>span{background:var(--accent);height:100%;transition:width .4s;display:block}.songs-hint{margin:8px 0 4px;font-size:14px}.songs-list li .title{color:var(--text);text-align:left;padding:0;font-weight:600}.songs-list li .times{font-variant-numeric:tabular-nums}.songs-list li .unsure{border:1px dashed var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.songs-list li .saved{flex-basis:100%;padding-left:52px;font-size:14px}.songs-list li.fragment .title{color:var(--muted);font-weight:400}.song-rename{max-width:320px;font:inherit;flex:200px;padding:4px 8px;font-weight:600}fieldset.radio-group{border:0;margin:0;padding:0;display:grid}fieldset.radio-group legend{margin-bottom:2px;padding:0}@media (width<=600px){.songs-list li .saved{padding-left:0}}.mixer{padding-bottom:130px}.mixer-head h2{margin:8px 0 2px}.mixer-head p{margin:0 0 12px}.presets{scrollbar-width:none;gap:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.presets .chip{white-space:nowrap}.waveform{width:100%;position:relative}.waveform canvas{touch-action:pan-y;display:block}.waveform.interactive canvas{cursor:pointer}.wave-marker{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-15px;padding:0;display:grid;position:absolute;top:-12px}.wave-pin{background:var(--accent);border:2px solid var(--bg);border-radius:50% 50% 50% 0;width:18px;height:18px;transition:transform .12s;transform:rotate(-45deg);box-shadow:0 2px 6px #00000040}.wave-marker:hover .wave-pin,.wave-marker:focus-visible .wave-pin{transform:rotate(-45deg)scale(1.2)}.wave-marker:focus-visible{outline:none}.wave-marker:focus-visible .wave-pin{outline:2px solid var(--accent);outline-offset:2px}.wave-tip{background:var(--text);width:max-content;max-width:min(280px,70vw);color:var(--bg);text-align:left;pointer-events:none;opacity:0;border-radius:10px;gap:2px;padding:8px 12px;font-size:13px;font-weight:400;line-height:1.35;transition:opacity 80ms,transform 80ms;display:grid;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px #0000004d}.wave-tip:after{content:"";border:6px solid #0000;border-top-color:var(--text);margin-left:-6px;position:absolute;top:100%;left:50%}.wave-tip-head{opacity:.75;font-size:12px;font-weight:700}.wave-tip-text{-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wave-marker:hover .wave-tip,.wave-marker:focus-visible .wave-tip{opacity:1;transform:translate(-50%)}.wave-marker[data-align=start] .wave-tip{left:0;transform:translateY(4px)}.wave-marker[data-align=start]:hover .wave-tip,.wave-marker[data-align=start]:focus-visible .wave-tip{transform:translate(0)}.wave-marker[data-align=start] .wave-tip:after{left:15px}.wave-marker[data-align=end] .wave-tip{left:auto;right:0;transform:translateY(4px)}.wave-marker[data-align=end]:hover .wave-tip,.wave-marker[data-align=end]:focus-visible .wave-tip{transform:translate(0)}.wave-marker[data-align=end] .wave-tip:after{left:auto;right:9px}@media (prefers-reduced-motion:reduce){.wave-pin,.wave-tip{transition:none}}.stem-rows{gap:4px;margin-top:14px;display:grid}.stem-row{border-left:3px solid var(--stem,var(--border));background:var(--surface);border-radius:10px;grid-template-columns:112px minmax(0,1fr) auto 210px 150px 56px;align-items:center;gap:12px;padding:8px 12px;display:grid}.stem-row.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stem,var(--text)) 55%, transparent)}.stem-row.silenced .stem-wave,.stem-row.silenced .stem-name{opacity:.45}.stem-name{align-items:center;gap:8px;font-weight:600;display:inline-flex}.stem-name kbd{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font:11px/1 ui-monospace,monospace}.stem-wave{min-width:0}.stem-buttons{gap:6px;display:inline-flex}button.ms{width:40px;height:40px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:8px;padding:0}button.ms[aria-pressed=true]{background:var(--stem,var(--accent));color:#111;border-color:#0000}button.ms:first-child[aria-pressed=true]{background:var(--muted);color:var(--bg)}.stem-volume,.stem-pan{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.stem-volume input,.stem-pan input{accent-color:var(--stem,var(--accent));background:0 0;border:0;width:100%;min-height:32px;padding:0}.stem-volume output{text-align:right;font-variant-numeric:tabular-nums;min-width:58px}.stem-pan output{text-align:right;font-variant-numeric:tabular-nums;min-width:34px}.meter{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.meter>span{background:var(--stem,var(--accent));width:0;height:100%;display:block}.stem-row.master-row{border-left-color:var(--text);grid-template-columns:112px minmax(0,340px) auto}.your-mix{align-items:center;gap:4px;font-size:14px;display:inline-flex}.mixer-downloads{margin-top:16px}.mixer-downloads summary{cursor:pointer;color:var(--muted)}.mixer-keys{margin-top:12px;font-size:13px;display:none}@media (hover:hover) and (pointer:fine){.mixer-keys{display:block}}.transport{left:calc(50% + var(--sidebar-w) / 2);bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;width:min(928px, calc(100% - var(--sidebar-w) - 24px));background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.transport button{color:var(--text);border:1px solid var(--border);background:0 0;min-width:44px;height:44px;padding:0 12px}.transport button.play-big{background:var(--accent);color:var(--accent-text);border:0;width:56px;height:56px;font-size:20px}.transport button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.transport button:disabled{opacity:.4;cursor:default}.transport .time{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;margin:0 6px;font-size:14px}.transport .loop-buttons{gap:6px;margin-left:auto;display:inline-flex}@media (width<=760px){.stem-row{grid-template-columns:1fr auto;grid-template-areas:"name buttons""wave wave""volume volume""pan meter";gap:6px 10px}.stem-name{grid-area:name}.stem-buttons{grid-area:buttons}.stem-wave{grid-area:wave}.stem-volume{grid-area:volume}.stem-pan{grid-area:pan}.meter{grid-area:meter;width:56px}.stem-row.master-row{grid-template-columns:1fr;grid-template-areas:none}.stem-row.master-row>*{grid-area:auto}.transport{gap:6px;padding:8px 10px}.transport button{padding:0 8px}.transport .time{margin:0;font-size:12px}}a.back-link,.page a.back-link{color:var(--muted);letter-spacing:-.005em;border-radius:999px;align-items:center;gap:10px;margin:0 0 6px -4px;padding:4px 14px 4px 4px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.back-icon{background:color-mix(in srgb, var(--text) 9%, transparent);width:36px;height:36px;color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 6%, transparent);border-radius:50%;flex:none;place-items:center;transition:background-color .15s,color .15s,transform .15s;display:grid}a.back-link:hover,a.back-link:focus-visible,.page a.back-link:hover,.page a.back-link:focus-visible{color:var(--text);background:color-mix(in srgb, var(--text) 5%, transparent);text-decoration:none}a.back-link:hover .back-icon,a.back-link:focus-visible .back-icon{background:var(--accent);color:var(--accent-text);box-shadow:none;transform:translate(-2px)}a.back-link:active .back-icon{transform:translate(-2px)scale(.94)}.back-label{text-overflow:ellipsis;white-space:nowrap;max-width:40ch;overflow:hidden}@media (prefers-reduced-motion:reduce){a.back-link,.back-icon{transition:none}a.back-link:hover .back-icon,a.back-link:focus-visible .back-icon,a.back-link:active .back-icon{transform:none}}.page-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:14px;display:flex}.page-bar a.back-link{margin-bottom:0}.page-bar-actions{align-items:center;gap:8px;display:flex}.song-hero{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:12px 24px;margin-bottom:16px;display:grid}.art.hero-art{aspect-ratio:1;border-radius:12px;width:clamp(104px,24vw,184px);height:auto;box-shadow:0 10px 28px #00000038}.art-empty.hero-art{font-size:clamp(2.5rem,7vw,4rem)}.song-hero-text{gap:8px;min-width:0;padding-bottom:4px;display:grid}.song-title-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.song-title-row h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.6rem,1.15rem + 2vw,2.6rem);line-height:1.1}.song-title-row .pill{margin-left:0}.song-hero .meta{margin:0}@media (width<=480px){.song-hero{align-items:center;gap:12px 16px}}.mixer-list-intro{margin:-4px 0 16px}.mixer-list .filters input[type=search]{border-radius:999px;flex:200px;min-width:0;padding:6px 14px;font-size:14px}.mixer-row .row-text{flex:1}.mixer-row-by{font-size:13px}.idea-art{color:var(--accent);font-size:1.3rem}.stem-dots{flex:none;align-items:flex-end;gap:3px;height:20px;display:inline-flex}.stem-dots i{border-radius:3px;width:5px;display:block}.stem-dots i:first-child{height:14px}.stem-dots i:nth-child(2){height:20px}.stem-dots i:nth-child(3){height:11px}.stem-dots i:nth-child(4){height:17px}.stem-dots i:nth-child(5){height:8px}.mixer-row-open{width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;transition:background-color .15s,color .15s;display:grid}.mixer-row:hover .mixer-row-open,.mixer-row:focus-visible .mixer-row-open{background:var(--accent);color:var(--accent-text)}.mixer-list-empty{justify-items:start;gap:10px;display:grid}.mixer-list-empty h3{margin:0}@media (width<=480px){.stem-dots{display:none}}@media (prefers-reduced-motion:reduce){.mixer-row-open{transition:none}}.loop-clear{z-index:4;border:2px solid var(--bg);background:var(--accent);width:22px;height:22px;color:var(--accent-text);cursor:pointer;border-radius:50%;place-items:center;margin-left:-11px;padding:0;transition:transform .12s,opacity .12s;display:grid;position:absolute;top:-11px;box-shadow:0 2px 6px #00000040}.loop-clear.off{opacity:.6}.loop-clear:hover,.loop-clear:focus-visible{opacity:1;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.loop-clear{transition:none}}.loop-handle{z-index:3;cursor:ew-resize;touch-action:none;place-items:center;width:20px;margin-left:-10px;display:grid;position:absolute;top:0;bottom:0}.loop-grip{background:var(--accent);border:2px solid var(--bg);border-radius:4px;width:8px;height:36px;transition:transform .12s,opacity .12s;box-shadow:0 1px 5px #00000040}.loop-grip:before{content:"";background:color-mix(in srgb, var(--accent-text) 75%, transparent);border-radius:1px;width:2px;height:14px;margin:9px auto 0;display:block}.loop-handle.off .loop-grip{opacity:.55}.loop-handle:hover .loop-grip,.loop-handle.active .loop-grip,.loop-handle:focus-visible .loop-grip{opacity:1;transform:scaleY(1.18)}.loop-handle:focus-visible{outline:none}.loop-handle:focus-visible .loop-grip{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.loop-grip{transition:none}}.compact-player{gap:8px}.cp-row{align-items:center;gap:10px;min-width:0;display:flex}.cp-row .np-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}button.cp-play{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;font-size:15px;display:grid}button.cp-play:disabled{opacity:.5;cursor:default}.cp-time{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:13px}.cp-expand{flex:none;align-items:center;gap:6px;display:inline-flex}.cp-loop{flex:none}.cp-loop:disabled{opacity:.45;cursor:default}@media (width<=520px){.cp-time{display:none}.cp-row{gap:8px}}.waveform-wrap{position:relative}.comment-composer{z-index:6;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:6px;width:min(320px,80vw);padding:10px 12px;display:grid;position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);box-shadow:0 12px 32px #0000004d}.comment-composer[data-align=start]{transform:translate(-12px)}.comment-composer[data-align=end]{transform:translate(calc(12px - 100%))}.comment-composer-head{color:var(--muted);font-size:12px;font-weight:700}.comment-composer textarea{font:inherit;color:var(--text);background:var(--bg);resize:vertical;border:1px solid var(--border);border-radius:8px;min-height:64px;padding:8px 10px;font-size:14px}.comment-composer-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.comment-composer-actions button[type=submit]{padding:6px 16px}.comment-composer-actions button:disabled{opacity:.5;cursor:default}.transport-notice{color:var(--accent);white-space:nowrap;font-size:13px}.practice-row{align-items:center;gap:4px;display:flex}.practice-row .row-link{flex:1;min-width:0}.practice-status{font-size:13px}.practice-remove{width:32px;height:32px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.practice-remove:hover,.practice-remove:focus-visible{color:var(--danger);border-color:var(--danger)}.practice-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.ts-chip{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.page a.ts-chip:hover{border-color:var(--accent);text-decoration:none}.ts-chip.rough{color:var(--muted);border-color:var(--border);background:0 0}.best-take{letter-spacing:.04em;text-transform:uppercase;color:var(--p-ready);white-space:nowrap;font-size:11px;font-weight:700}.tightness-panel{margin:12px 0}.tightness-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tightness-head h3{margin:0}.tightness-report h4{margin:16px 0 6px;font-size:14px}.tightness-report .ts-score{align-items:baseline;gap:12px;margin:8px 0 4px;display:flex}.tightness-report .ts-score strong{font-variant-numeric:tabular-nums;font-size:44px;line-height:1}.ts-parts{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ts-parts li{grid-template-columns:76px 1fr 32px;align-items:center;gap:4px 10px;display:grid}.ts-part-name{font-size:14px;font-weight:600}.ts-part-value{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.ts-part-line{grid-column:1/-1;font-size:13px}.ts-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.ts-bar>span{background:var(--accent);height:100%;display:block}.ts-bars{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}button.practice-toggle.on{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sheet-start{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.panel.sheet-start>:not(h3){margin-top:0}.sheet-start h3{margin:0}.sheet-start p{margin:4px 0 0}.sheet-section-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin:8px 0 4px;display:flex}.sheet-section-top .meta{margin:0}.sheet-form-line{letter-spacing:.02em;margin:2px 0 0;font-weight:600}.sheet-body{font-size:18px;line-height:1.55}.sheet-body .line{min-height:1.55em;margin:0}.sheet-body .line.has-chords{padding-top:1.1em}.sheet-body span.chord{white-space:nowrap;overflow-wrap:normal;width:0;color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;font:650 .74em/1 system-ui,sans-serif;display:inline-block;position:relative;top:-1.25em}.sheet-body .chord-at{min-width:var(--room);display:inline-block}.sheet-body span.chord.chord-gap{width:calc(var(--room) / .74)}.sheet-body .chords-line span.chord{width:auto;margin-right:.9em;font-size:.88em;top:0}.sheet-body .alt{border-bottom:2px dotted var(--accent);cursor:pointer}.sheet-body .alt:after{content:attr(data-count);vertical-align:super;color:var(--accent);margin-left:1px;font-size:.6em}.sheet-body .echo{color:var(--muted);font-style:italic}.sheet-body .line.cue{color:var(--muted);font-size:.8em;font-style:italic}.sheet-body .line.cue:before{content:"› "}.sheet-body .line.is-empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;float:left;height:0}.piece-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:12px 0;padding:4px 14px 12px}.sheet-read .piece-card{background:0 0;border:0;border-radius:0;margin:16px 0 0;padding:0}.piece-head{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:40px;font-size:13px;line-height:1.3;display:flex}.sheet-read .piece-head{min-height:0;margin-bottom:4px}.piece-name{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font:700 12px/1.2 system-ui,sans-serif}.piece-kind{cursor:pointer;align-items:center;min-height:36px;padding-right:14px;display:inline-flex;position:relative}.piece-kind:after{content:"▾";color:var(--accent);font-size:11px;position:absolute;right:0}.piece-kind select{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.piece-kind:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.piece-maybe{border:1px dashed var(--muted);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.piece-places{color:var(--muted);font-size:12px}.piece-last{color:var(--muted);text-align:right;margin-left:auto;font-size:12px}.piece-conflict{border:1px solid var(--danger);border-radius:10px;margin:6px 0 10px;padding:10px 12px;font-size:14px}.piece-conflict p{margin:0 0 6px}.piece-theirs{background:color-mix(in srgb, var(--text) 5%, transparent);border-radius:8px;padding:6px 10px;font-size:16px}.piece-conflict .row-actions{justify-content:flex-start;margin-top:8px}.sheet-title{align-items:center;gap:12px;display:flex}.sheet-title h2{margin:8px 0}.sheet-toolbar{top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky}.save-status{color:var(--muted);margin-left:auto;font-size:13px}.save-status.error{color:var(--danger)}.sheet-paper .ProseMirror{outline:none}.sheet-help{color:var(--muted);margin:12px 0;font-size:14px}.sheet-help summary{cursor:pointer;min-height:32px}.sheet-help ul{margin:6px 0;padding-left:20px}.sheet-details{gap:12px;padding-top:8px;display:grid}.sheet-title-fields{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.sheet-title-fields label:first-child{flex:1;min-width:200px}.sheet-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=600px){.sheet-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}label.check{color:var(--text);flex-direction:row;align-items:center;gap:8px;min-height:44px;display:flex}.field-label{color:var(--muted);font-size:14px}.mood-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.chip.mood{align-items:center;gap:2px;padding-right:2px;display:inline-flex}.chip.mood button.link{padding:0 6px;font-size:16px;text-decoration:none}.mood-chips input{flex:1;min-width:160px}.form-strip-wrap{margin:12px 0}.form-strip-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.form-strip-head h3{margin:0;font-size:16px}.form-strip{scrollbar-width:thin;gap:6px;padding:8px 0;display:flex;overflow-x:auto}.form-chip{background:var(--surface);min-width:44px;min-height:40px;color:var(--text);border:1px solid var(--border);border-radius:10px;flex:none;padding:6px 12px;font-weight:600}.form-chip:hover{background:color-mix(in srgb, var(--text) 8%, var(--surface))}.form-chip sup{color:var(--muted);margin-left:2px;font-weight:400}.form-chip.on{border-color:var(--accent);color:var(--accent)}.form-chip.add{color:var(--muted)}.form-entry{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 12px}.form-entry p{margin:0 0 8px}.form-entry-fields{grid-template-columns:100px 1fr;gap:12px;display:grid}.form-entry-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:10px}.form-add,.form-tray{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.choices{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:200px;max-width:240px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 28px #00000040}.choices button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:8px;min-height:44px;padding:8px 12px;font-weight:400}.choices button:hover,.choices button:focus-visible{background:color-mix(in srgb, var(--text) 8%, transparent)}.choices .current{font-weight:700}.choices .settle{color:var(--muted);border-top:1px solid var(--border);border-radius:0 0 8px 8px}.form-notice{color:var(--accent);font-size:13px}.form-chip.drop-before{box-shadow:-3px 0 0 var(--accent)}.form-chip.dragging{opacity:.4}.form-tray.drop-out{border:1px dashed var(--danger);border-radius:10px;padding:8px}.piece-grip{cursor:grab;color:var(--muted);margin-left:-4px;padding:4px 2px;font-size:14px}.piece-grip:active{cursor:grabbing}@media (pointer:coarse){.piece-grip{display:none}}.draft-sheet{gap:4px;display:grid}.draft-sheet .sheet-toolbar{top:0}.draft-note{margin:0}.field-hint{font-size:13px}.sheet-toolbar{flex-wrap:wrap}.sheet-toolbar button{white-space:nowrap}.draft-sheet .sheet-toolbar{background:var(--surface)}.idea-progress{color:var(--accent);font-size:13px}.sheet-story{white-space:pre-wrap;color:var(--muted);margin:8px 0 4px;font-size:15px}.draft-story{margin:0;font-size:14px}.view-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;margin-left:auto;padding:3px;display:inline-flex}.view-switch button{min-height:34px;color:var(--muted);background:0 0;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:600}.view-switch button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text)}.pad-page{max-width:1240px}.pad-head{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.pad-head h2{margin:8px 0 0}.pad-meta{margin:2px 0 0;font-size:13px}.pad-toolbar{top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex;position:sticky}.pad-tool{background:var(--surface);width:40px;height:40px;color:var(--text);border:1px solid var(--border);border-radius:50%;place-items:center;padding:0;font-size:18px;font-weight:600;display:grid}.pad-tool:hover{background:color-mix(in srgb, var(--text) 8%, var(--surface))}.pad-tool[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.pad-tool-text{letter-spacing:-.02em;font-size:12px}.pad-paper{padding:4px 0 0 3.6em}.pad-paper .ProseMirror{outline:none}.pad-paper .piece-card{background:0 0;border:0;border-radius:0;margin:20px 0 0;padding:0}.pad-paper .piece-head{min-height:30px}.pad-paper .piece-places,.pad-paper.hide-labels .piece-head{display:none}.pad-paper.hide-labels .piece-card{margin-top:1.2em}.pad-body .line{position:relative}.pad-body .line[data-gutter]:after{content:attr(data-gutter);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:.72em;font-style:normal;line-height:2.15278em;position:absolute;top:0;right:calc(100% + 1.25em)}.pad-paper.show-chords .pad-body .line.has-chords[data-gutter]:after{top:1.52778em}.pad-body .line[data-gutter]{cursor:text}.pad-body .line[data-gutter][data-off]:after{color:var(--pad-choice)}.pad-body .line[data-gutter][data-match]:after{content:"≠ " attr(data-gutter)}.pad-paper .pad-body span.chord{pointer-events:none}.pad-paper.hide-chords .pad-body span.chord{display:none}.pad-paper.hide-chords .pad-body .line.has-chords{padding-top:0}.pad-paper.hide-chords .pad-body .chord-at{min-width:0;display:inline}.pad-paper.hide-chords .pad-body .line.chords-line{display:none}.pad-body .w-choice{-webkit-text-decoration:underline dotted var(--pad-choice);text-decoration:underline dotted var(--pad-choice);text-underline-offset:5px;text-decoration-thickness:2px}.pad-body .w-estimate{-webkit-text-decoration:underline dotted var(--pad-estimate);text-decoration:underline dotted var(--pad-estimate);text-underline-offset:5px;text-decoration-thickness:2px}.pad-body .rh{background:color-mix(in srgb, var(--rh) 30%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--rh) 45%, transparent);border-radius:4px}.pad-body .rh.rh-inner{background:color-mix(in srgb, var(--rh) 14%, transparent);box-shadow:none}.rh-0{--rh:#f87171}.rh-1{--rh:#60a5fa}.rh-2{--rh:#fbbf24}.rh-3{--rh:#34d399}.rh-4{--rh:#c084fc}.rh-5{--rh:#fb923c}.rh-6{--rh:#22d3ee}.rh-7{--rh:#f472b6}.pad-scope{border-radius:999px;padding:6px 8px;font-size:13px}.pad-body .w-own{-webkit-text-decoration:underline solid color-mix(in srgb, var(--accent) 60%, transparent);text-decoration:underline solid color-mix(in srgb, var(--accent) 60%, transparent);text-underline-offset:5px;text-decoration-thickness:2px}.pad-body .w-choice,.pad-body .w-estimate,.pad-body .w-own{cursor:pointer}.pad-paper.show-stresses .pad-body .line[data-gutter]{padding-top:.75em}.pad-paper.show-stresses .pad-body .line[data-gutter]:after{top:1.04167em}.pad-paper.show-stresses.show-chords .pad-body .line.has-chords[data-gutter]{padding-top:1.6em}.pad-paper.show-stresses.show-chords .pad-body .line.has-chords[data-gutter]:after{top:2.22222em}.stress-dots{--dot:.42em;vertical-align:top;gap:.3em;width:0;height:0;display:inline-flex;position:relative;top:-.7em}.stress-dot{width:var(--dot);height:var(--dot);border:1.5px solid var(--muted);vertical-align:top;cursor:pointer;background:0 0;border-radius:50%;flex:none;min-height:0;padding:0}.stress-dot.strong{background:var(--accent);border-color:var(--accent)}.stress-dot.weak{background:color-mix(in srgb, var(--accent) 40%, transparent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.stress-dot.unclear{opacity:.7;border-style:dashed}.stress-dot:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}@media (pointer:coarse){.stress-dots{--dot:.55em;gap:.35em}}.line-menu{gap:4px;min-width:260px;max-width:340px;padding:10px 12px}.line-menu p{margin:0;font-size:14px}.line-menu-pattern{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.line-menu-compare{background:color-mix(in srgb, var(--text) 5%, transparent);border-radius:8px;gap:2px;margin:6px 0;padding:6px 8px;display:grid}.line-menu-target{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.line-menu-target input{width:64px;padding:4px 6px}.line-menu-target button.secondary{min-height:34px;padding:4px 12px}.count-menu{min-width:220px;padding:10px 12px}.count-menu p{margin:0}.count-menu-word{font-size:15px}.count-menu-counts{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.count-menu-counts button{text-align:center;border:1px solid var(--border);justify-content:center;min-width:44px;min-height:40px;font-weight:600}.count-menu-counts button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.count-menu-note{font-size:12px}.count-menu .settle{border-top:1px solid var(--border);margin-top:8px}@media (width<=600px){.pad-paper{padding-left:2.6em}.pad-tool{width:36px;height:36px;font-size:16px}}.pad-layout{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:28px;display:grid}.pad-layout.folded{grid-template-columns:minmax(0,1fr) 64px}@media (width<=1180px){.pad-layout{grid-template-columns:minmax(0,1fr) 360px;gap:20px}}.pad-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;max-height:calc(100vh - 86px);margin-top:12px;display:flex;position:sticky;top:70px;overflow:hidden}.pad-panel-main{flex:1;min-width:0;min-height:0;overflow-y:auto}.pad-panel-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 14px 8px;position:sticky;top:0}.pad-rail{border-left:1px solid var(--border);flex-direction:column;flex:none;align-items:center;gap:2px;width:62px;padding:8px 4px;display:flex;overflow-y:auto}.pad-panel.folded .pad-rail{border-left:0}button.pad-rail-fold{width:36px;height:36px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:50%;margin-bottom:6px;padding:0;font-size:13px}button.pad-rail-fold:hover{color:var(--text)}button.pad-rail-tool{width:54px;min-height:52px;color:var(--muted);letter-spacing:-.02em;background:0 0;border-radius:10px;align-content:center;justify-items:center;gap:3px;padding:6px 0;font-size:10px;font-weight:600;display:grid}button.pad-rail-tool:hover{color:var(--text);background:var(--surface-2)}button.pad-rail-tool[aria-selected=true]{color:var(--accent);background:var(--accent-tint)}.pad-rail-tool span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pad-rail-button{width:34px;height:34px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:50%;padding:0;font-size:13px}.pad-rail-button:hover{color:var(--text)}.pad-panel-body{padding:12px 14px 16px}.tool-title{margin:0 0 8px;font-size:15px}.tool-search input{width:100%}.tool-switch{margin:0 0 10px}.sense{margin:6px 0 12px}.sense-def{margin:0 0 4px;font-size:13px}.sense-row{grid-template-columns:92px 1fr;align-items:start;gap:6px;margin:4px 0;display:grid}.sense-label{color:var(--muted);padding-top:6px;font-size:12px}.sense-none{margin:0;font-size:12px}.rhythm-line{border-bottom:1px dashed var(--border);gap:2px;padding:6px 0;display:grid}.rhythm-line:last-child{border-bottom:0}.rhythm-text{font-size:14px}.rhythm-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.rhythm-pattern{flex-wrap:wrap;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-flex}.beat-strong{color:var(--accent);font-weight:700}.beat-weak{color:var(--muted)}.beat-unclear{color:var(--muted);opacity:.7}.beat.varies{-webkit-text-decoration:underline wavy var(--pad-choice);text-decoration:underline wavy var(--pad-choice);text-underline-offset:3px}.beat.moved{-webkit-text-decoration:underline wavy var(--pad-estimate);text-decoration:underline wavy var(--pad-estimate);text-underline-offset:3px}.rhythm-count{font-size:12px}.rhythm-notes{gap:10px;font-size:12px;display:flex}.rhythm-notes .varies{color:var(--pad-choice)}.rhythm-notes .moved{color:var(--pad-estimate)}.v2v-row{border-bottom:1px dashed var(--border);gap:4px;padding:6px 0;display:grid}.v2v-line{font-size:12px}.v2v-cell{background:color-mix(in srgb, var(--text) 4%, transparent);border-radius:6px;gap:1px;padding:4px 6px;display:grid}.v2v-cell.differs{box-shadow:inset 2px 0 0 var(--pad-choice)}.v2v-name{font-size:12px;font-weight:600}.v2v-words{color:var(--muted);font-size:12px}.broad summary{cursor:pointer;color:var(--accent);min-height:32px;font-size:14px}.tool-hint{font-size:14px}.tool-filters{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:10px 0 4px;font-size:13px;display:flex}.tool-filters label.check{min-height:32px;color:var(--muted);gap:6px;font-size:13px}.inline-field{align-items:center;gap:6px;font-size:13px;display:inline-flex}.inline-field select{padding:4px 6px;font-size:13px}.tool-group{margin-top:14px}.tool-group h4{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0;font-size:13px}.tool-group h4 .muted{text-transform:none;letter-spacing:0;font-weight:400}.tool-about{margin:2px 0 6px;font-size:12px}.word-chips{flex-wrap:wrap;gap:4px;display:flex}.word-chip{background:color-mix(in srgb, var(--text) 6%, transparent);min-height:30px;color:var(--text);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:400}.word-chip:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}@media (width<=900px){.pad-layout,.pad-layout.folded{display:block}}.pad-home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.pad-home-head h1{margin:8px 0 4px}.pad-home-head p{margin:0}.pad-new{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pad-new input{min-width:200px}.pad-filters{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 8px;display:flex}.pad-filters input[type=search]{flex:1;min-width:220px}.pad-filters .chips{flex-wrap:wrap;gap:6px;display:flex}.pad-list li{padding:0}.pad-list a{width:100%;color:inherit;gap:2px;padding:10px 4px;text-decoration:none;display:grid}.pad-list a:hover{background:color-mix(in srgb, var(--text) 4%, transparent)}.pad-row-title{font-weight:600}.pad-row-meta{font-size:13px}.dialog.panel.pad-guide{width:min(600px,100vw - 32px);padding:0 18px 16px}.pad-guide-head{z-index:1;background:var(--surface);justify-content:space-between;align-items:center;padding:14px 0 10px;display:flex;position:sticky;top:0}.pad-guide-head h3{margin:0}.pad-guide details{border-top:1px solid var(--border)}.pad-guide summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.pad-guide-body{padding:0 0 12px;font-size:15px}.pad-guide-body p{margin:0 0 10px}.pad-guide-body ul{gap:4px;margin:0 0 10px;padding-left:20px;display:grid}.guide-beats{gap:5px;font-size:14px}.guide-choice{-webkit-text-decoration:underline dotted var(--pad-choice);text-decoration:underline dotted var(--pad-choice);text-underline-offset:4px;text-decoration-thickness:2px}.guide-estimate{-webkit-text-decoration:underline dotted var(--pad-estimate);text-decoration:underline dotted var(--pad-estimate);text-underline-offset:4px;text-decoration-thickness:2px}.guide-varies{color:var(--pad-choice)}.guide-moved{color:var(--pad-estimate)}button.link.guide-link{color:var(--accent);padding:2px 0;font-size:13px}.pad-toolbar .guide-link{white-space:nowrap}.pad-credits{margin-top:32px;font-size:13px}.pad-credits summary{cursor:pointer;color:var(--muted);min-height:32px}.pad-credits ul{gap:4px;margin:6px 0;padding-left:18px;display:grid}.pad-row-line{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}@media (width>=601px){.dialog.panel.import-chart{width:min(680px,100vw - 32px)}}.caution{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.caution-icon{width:22px;height:22px;color:var(--danger);flex:none;margin-top:1px}.caution p{margin:0}.caution button{margin-top:10px}.drop.drop-again{padding:10px 16px}.import-review>p{margin:6px 0 0}.import-review>.import-file{overflow-wrap:anywhere;margin:0}.import-chart .import-actions{z-index:1;background:var(--surface);border-top:1px solid var(--border);margin:12px -16px -16px;padding:12px 16px;position:sticky;bottom:-16px}@media (width<=600px){.import-chart .import-actions{bottom:calc(-16px - env(safe-area-inset-bottom));margin-bottom:calc(-16px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.import-piece-head{justify-content:space-between}.import-kind select{padding:2px 6px;font-size:13px}.import-check{color:var(--danger);margin:0 0 4px;font-size:13px}.hear-row{flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 6px;display:flex}.hear-row .chip{font-variant-numeric:tabular-nums;font-size:13px}.hear-row .muted{font-size:13px}.import-review .piece-card.hearing{border-left:2px solid var(--accent);margin-left:-10px;padding-left:8px}.import-review span.chord.chord-now{background:var(--accent);color:var(--surface);box-shadow:0 0 0 3px var(--accent);border-radius:4px}.dialog-backdrop.beside{background:#0000001f}.dialog.panel.import-chart.beside{box-shadow:0 -4px 24px #0000002e,0 12px 32px #00000040}.chord-lane{background:color-mix(in srgb, var(--text) 4%, transparent);border:1px solid var(--border);border-radius:8px;height:40px;margin-top:6px;position:relative;overflow:hidden}.chord-strip{will-change:transform;position:absolute;top:0;bottom:0;left:0}.bar-tick{background:var(--border);width:1px;position:absolute;top:0;bottom:0}.chord-box{border:0;border-left:2px solid var(--accent);min-width:0;color:var(--text);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;margin:0;padding:0 0 0 6px;font:650 14px/32px system-ui,sans-serif;position:absolute;top:4px;bottom:4px;overflow:hidden}.chord-box:hover,.chord-box:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent)}.chord-lane-head{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.chord-box.now{background:var(--accent-tint);color:var(--accent)}:root{--tabbar-h:0px;--sidebar-w:0px;--chrome-bottom:max(var(--tabbar-h), env(safe-area-inset-bottom,0px))}@media (width<=900px){:root[data-frame=full]{--tabbar-h:calc(56px + env(safe-area-inset-bottom,0px))}}@media (width>=901px){:root[data-frame]{--sidebar-w:248px}:root[data-frame][data-sidebar=folded]{--sidebar-w:64px}}.shell-main{min-width:0;padding-top:env(safe-area-inset-top,0px)}.page-head{margin:8px 0 20px}.page-head h1{letter-spacing:-.02em;margin:0;font-size:34px;line-height:1.1}.page-head p{margin:6px 0 0}.icon{flex:none;display:block}.tabbar{z-index:24;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--bg);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-width:0;height:56px;color:var(--muted);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;line-height:1.2;text-decoration:none;display:flex}.tab[aria-current=page]{color:var(--accent);font-weight:600}.tab-record-slot{position:relative}button.tab-record{background:var(--surface);border:2px solid var(--border);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;width:62px;height:62px;padding:0;display:grid;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000038}button.tab-record:disabled{cursor:default}.tab-record-dot{background:var(--record);border-radius:50%;width:30px;height:30px;transition:width .15s,height .15s,border-radius .15s}.tab-record.on .tab-record-dot{border-radius:6px;width:22px;height:22px}.tab-record.on:after{content:"";border:2px solid var(--record);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite rec-ring;position:absolute;inset:-6px}@keyframes rec-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.tab-record-dot{transition:none}.tab-record.on:after{opacity:.7;animation:none}}.sidebar{display:none}@media (width>=901px){.shell{align-items:flex-start;display:flex}.shell-main{flex:1}.tabbar{display:none}.sidebar{background:var(--side-bg);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:2px;width:248px;height:100dvh;padding:14px 12px 12px;display:flex;position:sticky;top:0;overflow-y:auto}}.side-top{justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 0 0 8px;display:flex}.side-top .brand{white-space:nowrap;min-width:0}button.side-fold{width:36px;height:36px;color:var(--muted);background:0 0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}button.side-fold:hover{color:var(--text);background:var(--surface-2)}button.side-record{background:var(--surface);width:100%;min-height:44px;color:var(--text);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:8px 0 6px;font-weight:600;display:flex}button.side-record:hover{background:var(--surface-2)}button.side-record.on{border-color:var(--record)}.side-record-dot{background:var(--record);border-radius:50%;flex:none;width:14px;height:14px}.side-record.on .side-record-dot{border-radius:3px}.side-nav{gap:2px;display:grid}.side-heading{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:14px 0 4px;padding:0 12px;font-size:12px;font-weight:600}.side-item{height:42px;color:var(--text);white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:16px;text-decoration:none;display:flex}.side-item .icon{color:var(--muted)}.side-item:hover{background:var(--surface-2)}.side-item[aria-current=page]{background:var(--surface);box-shadow:var(--segment-shadow);font-weight:600}.side-item[aria-current=page] .icon{color:var(--accent)}.side-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.side-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.side-person{border-top:1px solid var(--border);color:var(--text);align-items:center;gap:10px;margin-top:auto;padding:12px 8px 2px;text-decoration:none;display:flex}.side-person:hover strong{text-decoration:underline}.side-person-text{display:grid}.side-person-text strong,.side-person-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-person-text span{font-size:13px}.sidebar.folded{align-items:stretch;width:64px;padding:14px 8px 12px}.sidebar.folded .side-label,.sidebar.folded .side-count{display:none}.sidebar.folded .side-top{flex-direction:column;gap:6px;padding:0}.sidebar.folded .side-item,.sidebar.folded .side-person{justify-content:center;padding-left:0;padding-right:0}.sidebar.folded button.side-record{padding:0}.sidebar.folded .side-heading{background:var(--border);height:1px;margin:10px 8px;padding:0;font-size:0;overflow:hidden}.bottom-sheet-scrim{z-index:50;background:var(--scrim);animation:.18s ease-out sheet-fade;position:fixed;inset:0}.bottom-sheet{z-index:51;background:var(--surface);color:var(--text);border-top:1px solid var(--border);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-radius:22px 22px 0 0;outline:none;flex-direction:column;transition:transform .2s;animation:.22s ease-out sheet-rise;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 32px #00000040}.bottom-sheet-grab{cursor:grab;touch-action:none;flex:none;place-items:center;height:24px;display:grid}.bottom-sheet-grab span{background:color-mix(in srgb, var(--text) 22%, transparent);border-radius:3px;width:40px;height:5px}.bottom-sheet-head{flex:none;align-items:center;gap:12px;min-height:44px;padding:0 16px 8px;display:flex}.bottom-sheet-title{flex:1;min-width:0}.bottom-sheet-title h2{overflow-wrap:anywhere;margin:0;font-size:20px}.bottom-sheet-title p{margin:2px 0 0;font-size:14px}.bottom-sheet-actions{align-items:center;gap:8px;display:flex}.bottom-sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 16px 16px;overflow-y:auto}.bottom-sheet-foot{border-top:1px solid var(--border);flex:none;padding:10px 16px 12px}@keyframes sheet-rise{0%{transform:translateY(100%)}}@keyframes sheet-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet-scrim{transition:none;animation:none}}@media (width>=901px){.bottom-sheet{border:1px solid var(--border);border-radius:16px;width:min(520px,100vw - 32px);padding:0;animation:.15s ease-out sheet-fade;inset:10vh auto auto 50%;transform:translate(-50%);box-shadow:0 12px 32px #0000004d}.bottom-sheet-grab{display:none}.bottom-sheet-head{padding-top:16px}}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=901px){.tool-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.tool-card,.page a.tool-card{background:var(--surface);border:1px solid var(--border);height:100%;min-height:168px;color:var(--text);border-radius:16px;align-content:start;gap:4px;padding:16px;text-decoration:none;display:grid}.tool-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.tool-card-icon{background:var(--accent-tint);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:10px;display:grid}.tool-card-name{font-size:17px;font-weight:700}.tool-card-line{color:var(--muted);font-size:14px;line-height:1.4}.band-hub{max-width:640px}.hub-group{margin-top:22px}.hub-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;padding:0 4px;font-size:13px;font-weight:600}.hub-rows{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.hub-rows li+li{border-top:1px solid var(--border)}.hub-row,.page a.hub-row,button.hub-row{width:100%;min-height:52px;color:var(--text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;padding:8px 14px 8px 16px;font-size:16px;font-weight:400;text-decoration:none;display:flex}.hub-row:hover{background:var(--surface-2)}.hub-row .icon{color:var(--muted)}.hub-row-text{flex:1;min-width:0;display:grid}.hub-row-text .muted{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}button.hub-row.danger-text{color:var(--danger);font-weight:600}.hub-signout{margin-top:28px}.band-hub .theme-grid button{background:var(--surface);min-height:44px;font-size:14px}.choose-band .hub-rows{margin:4px 0}.page a.row-link,.page a.tile{color:var(--text)}.status-word{--p:var(--muted);white-space:nowrap;color:color-mix(in srgb, var(--p) 72%, var(--text));flex:none;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.status-word:before{content:"";background:var(--p);border-radius:50%;flex:none;width:8px;height:8px}.status-word[data-p=idea]{--p:var(--p-idea)}.status-word[data-p=learning]{--p:var(--p-learning)}.status-word[data-p=rehearsing]{--p:var(--p-rehearsing)}.tile .status-word{justify-self:start;margin-top:2px}.idea-tile{flex:none;display:grid;position:relative}.idea-rows .idea-mark{width:56px;height:56px}.idea-lock{background:var(--surface);width:22px;height:22px;color:var(--muted);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.idea-rows .row-text .idea-progress{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.library-head{gap:12px;display:grid}@media (width<=900px){.library-head{z-index:10;margin:calc(-16px - env(safe-area-inset-top,0px)) -16px 0;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:var(--bg);position:sticky;top:0}.library-intro{display:none}.song-rows .row-link{border-radius:0;gap:12px;min-height:72px;padding:8px 0}.song-rows .row-text .title{font-size:17px}.idea-rows .row-link{min-height:80px}}.library-title{align-items:center;gap:10px;min-height:48px;display:flex}.library-title h1{letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:34px;font-weight:700;line-height:1.1}.round-button,.page a.round-button{background:var(--surface-2);width:44px;height:44px;color:var(--text);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.round-button.accent,.page a.round-button.accent{background:var(--accent);color:var(--accent-text)}.library-search{align-items:center;gap:8px;min-height:48px;display:flex}.library-search input{background:var(--surface-2);border-color:#0000;border-radius:999px;flex:1;min-width:0;min-height:44px;padding:8px 16px}button.link.library-cancel{min-height:44px;color:var(--accent);padding:0 4px;font-weight:600;text-decoration:none}.segmented{background:var(--surface-2);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.segmented>a,.segmented>button,.page .segmented>a{min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.segmented>[aria-current=page],.segmented>[aria-checked=true],.segmented>[aria-selected=true]{background:var(--segment-on);color:var(--text);box-shadow:var(--segment-shadow)}.library-switch{min-height:40px}.segment-count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.chip-row{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}button.qchip{height:36px;color:var(--text);border:1px solid var(--border);white-space:nowrap;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}button.qchip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}button.qchip.chip-filters[aria-pressed=true]{background:var(--accent-tint);color:var(--text);border-color:var(--accent)}button.sort-line{min-height:44px;color:var(--muted);background:0 0;border-radius:0;align-items:center;gap:4px;margin:-2px 0 -6px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.library-empty{gap:4px;padding:32px 8px;display:grid}.library-empty p{margin:0}.filter-sheet-group{border-top:1px solid var(--border);padding:14px 0}.filter-sheet-group:first-child{border-top:0;padding-top:4px}.filter-sheet-group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}select.sheet-select{width:100%;min-height:44px}.choice-list{display:grid}.choice-list button{min-height:44px;color:var(--text);text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 4px;font-weight:400;display:flex}.choice-list button[aria-checked=true]{font-weight:600}.choice-check{color:var(--accent);font-weight:700}button.link.sheet-clear{min-height:44px;color:var(--accent);padding:0 4px;font-weight:600;text-decoration:none}button.link.sheet-clear:disabled{color:var(--muted);opacity:.6;cursor:default}button.sheet-done{width:100%;min-height:48px}.chords-row{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:52px;margin-top:6px;padding:6px 8px 6px 14px;display:flex}.chords-row-text{min-width:0;color:var(--muted);flex:1;font-size:14px;line-height:1.3}@media (width<=900px){.chords-row-text{font-size:13px}}.chords-row-text.error{color:var(--danger)}button.chords-row-find{flex:none;min-height:38px;padding:0 16px;font-size:14px}button.chords-row-find:disabled{opacity:.5;cursor:default}.chords-row .progress,.split-row .progress,.split-progress .progress{background:var(--border);border-radius:2px;flex-basis:100%;height:4px;display:block;overflow:hidden}.chords-row .progress>span,.split-row .progress>span,.split-progress .progress>span{background:var(--accent);height:100%;transition:width .4s;display:block}.chord-now{white-space:nowrap;align-items:baseline;gap:18px;margin:6px 0 8px;display:flex;overflow:hidden}.chord-now-chord{min-width:1.6ch;color:var(--text);letter-spacing:-.02em;font:800 40px/1.05 system-ui,sans-serif}.chord-now-next{color:var(--muted);font:600 24px/1 system-ui,sans-serif}.chord-now-next.n1{opacity:.7}.chord-now-next.n2{opacity:.45}.player-tools.row{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}.player-tools.row button.player-tool{min-height:36px;color:var(--text);border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.player-tools.row button.player-tool:hover{background:var(--surface-2)}.player-tools.row button.player-tool[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-tint)}button.player-tool:disabled{opacity:.45;cursor:default}.player-tools.bar{z-index:24;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--bg);border-top:1px solid var(--border);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.player-tools.bar button.player-tool{min-width:0;height:56px;color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:500;display:flex}.player-tools.bar button.player-tool[aria-pressed=true]{color:var(--accent);font-weight:600}.player-tool-icon{place-items:center;display:grid;position:relative}.player-tool-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.player-tool-ring{pointer-events:none;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;transform:rotate(-90deg)}.player-tools.row .player-tool-ring{width:28px;height:28px;margin:-14px 0 0 -14px}.player-tool-ring circle{fill:none;stroke:var(--border);stroke-width:2.5px}.player-tool-ring circle.ring-done{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .4s}.player-tool-ring.waiting{animation:1.2s linear infinite ring-spin}@keyframes ring-spin{to{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.player-tool-ring.waiting{animation:none}}.player-tool-dot{background:var(--pad-choice);border:2px solid var(--bg);box-sizing:content-box;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-5px}.split-row{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 10px 10px 14px;display:flex}.split-row p{flex:260px;margin:0}.split-row button{flex:none}.loop-label{background:var(--accent);width:22px;height:22px;color:var(--accent-text);border-radius:50%;place-items:center;margin-left:-11px;font:700 12px/1 system-ui,sans-serif;display:none;position:absolute;top:-12px;left:50%;box-shadow:0 1px 4px #00000040}.stems-sheet .presets{padding:2px 0 10px}.sheet-stem{border-top:1px solid var(--border);grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-height:50px;display:grid}button.sheet-stem-name,span.sheet-stem-name{min-height:44px;color:var(--text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;display:inline-flex}.sheet-stem-name i{background:var(--stem);border-radius:50%;flex:none;width:10px;height:10px}.sheet-stem>*,.sheet-stem-more>*{grid-area:auto}.sheet-stem.silenced .sheet-stem-name{opacity:.5}.sheet-stem .stem-volume{grid-template-columns:minmax(0,1fr)}.sheet-stem.master{grid-template-columns:92px minmax(0,1fr)}.sheet-stem.master .stem-volume{grid-template-columns:minmax(0,1fr) auto}.sheet-stem button.ms{width:36px;height:36px}.sheet-stem button.ms:first-child[aria-pressed=true]{background:var(--p-rehearsing);color:#111}.sheet-stem-more{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto 56px;align-items:center;gap:12px;padding:0 0 10px;display:grid}.sheet-stem-more .stem-pan{grid-template-columns:auto minmax(0,1fr) auto}.stem-volume-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}button.sheet-play{border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:16px;display:grid}.stems-sheet .your-mix{margin:10px 0 0}.split-sheet p{margin:0 0 8px}.split-actions{gap:8px;margin:14px 0 12px;display:grid}.split-actions button{min-height:48px}.split-sheet .sheet-stem.master{margin-top:4px}@media (width<=900px){.page.mixer.player-phone{max-width:none;height:calc(100vh - env(safe-area-inset-top,0px));height:calc(100dvh - env(safe-area-inset-top,0px));padding:4px 12px calc(56px + env(safe-area-inset-bottom,0px) + 8px);flex-direction:column;display:flex;overflow:hidden}.player-head{flex:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:56px;display:grid}.player-title{text-align:center;min-width:0}.player-title h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:700;overflow:hidden}.player-title p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.player-head .track-menu-wrap{justify-self:end}.player-head button.kebab{width:44px;height:44px;color:var(--text);place-items:center;display:grid}.player-phone .clip-line,.player-phone>.stems-line{text-overflow:ellipsis;white-space:nowrap;flex:none;padding:0;display:block;overflow:hidden}.player-chips{flex:none;gap:8px;margin:6px 0 0;display:flex}.player-chip{background:var(--surface-2);border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.player-phone .chord-now{flex:none;margin:8px 0 0}.player-phone .chord-now-chord{font-size:64px}.player-phone .chord-now-next{font-size:26px}.player-phone .waveform-wrap{flex:none;margin-top:auto;padding-top:12px}.player-phone .chord-lane{height:34px}.player-phone .chord-box{font-size:13px;line-height:26px}.player-phone .loop-clear{display:none}.player-phone .loop-label{display:grid}.player-phone .wave-marker{width:22px;height:14px;margin-left:-11px;top:auto;bottom:0}.player-phone .wave-pin{width:8px;height:8px;box-shadow:none;background:var(--pad-choice);border:0;border-radius:50%;transform:none}.player-phone .wave-marker:hover .wave-pin,.player-phone .wave-marker:focus-visible .wave-pin{transform:scale(1.3)}.player-phone .wave-tip{display:none}.player-times{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;margin:6px 2px 0;font-size:13px;display:flex}.selection-chips{scrollbar-width:none;flex:none;gap:8px;margin:10px -12px 0;padding:0 12px;display:flex;overflow-x:auto}.selection-chips::-webkit-scrollbar{display:none}.selection-hint{min-height:36px;color:var(--muted);flex:none;justify-content:center;align-items:center;margin:10px 0 0;font-size:14px;display:flex}.player-notice{color:var(--accent)}.player-transport{flex:none;justify-content:center;align-items:center;gap:28px;margin-top:auto;padding:12px 0 4px;display:flex}.player-transport button.skip{background:var(--surface-2);width:56px;height:56px;color:var(--text);border-radius:50%;padding:0;font-size:16px}.player-transport button.play-big{border-radius:50%;width:78px;height:78px;padding:0;font-size:26px}.player-transport button:disabled{opacity:.45;cursor:default}.rec-bar.raised{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.rec-toast.raised{bottom:calc(136px + env(safe-area-inset-bottom,0px))}}.pad-phone-head{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:52px;display:grid}.pad-phone-head .round-button{justify-self:start}.segmented.pad-modes{justify-self:center;width:220px;max-width:100%}.pad-phone-head .track-menu-wrap{justify-self:end}.pad-phone-head button.kebab{width:44px;height:44px;color:var(--text);place-items:center;display:grid}button.link.pad-done{min-height:44px;color:var(--accent);justify-self:end;padding:0 2px;font-weight:600;text-decoration:none}.pad-phone-title h2{overflow-wrap:anywhere;margin:6px 0 0;font-size:24px}.pad-toolbar.compact{gap:6px;padding:8px 0}.pad-toolbar.compact .pad-tool{border-radius:999px;width:auto;min-width:36px;height:36px;padding:0 10px;font-size:16px}.pad-tap-help{color:var(--muted);margin:8px 0 0;font-size:13px}.pad-phone .pad-paper{touch-action:manipulation}.pad-paper.tap-words .ProseMirror{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;caret-color:#0000}.pad-picked{background:var(--accent-tint);box-shadow:inset 0 -2px 0 var(--accent);border-radius:6px}.pad-paper.sheet-open{padding-bottom:460px}.pad-paper.strip-open{padding-bottom:72px}.pad-toolbox-sheet{height:min(440px,85vh)}.pad-toolbox-sheet .bottom-sheet-title h2{font-size:24px;font-weight:700}.pad-sheet-tabs{margin-bottom:10px}.pad-replace-note{margin:0;font-size:13px}.word-chip small.chip-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:5px;font-size:11px}@media (width>=901px){.word-chip small.chip-count{display:none}}@media (width<=900px){button.word-chip{min-height:38px;padding:6px 12px;font-size:15px}}.word-strip{z-index:30;background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;height:56px;padding:0 8px;display:flex;position:fixed;left:0;right:0;box-shadow:0 -4px 14px #0000001f}button.word-strip-tool{background:var(--accent-tint);min-height:38px;color:var(--accent);border-radius:999px;flex:none;padding:0 12px;font-size:14px}.word-strip-words{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.word-strip-words::-webkit-scrollbar{display:none}.word-strip-words .word-chip{flex:none}.word-strip-note{white-space:nowrap;font-size:14px}button.word-strip-open{background:var(--surface-2);width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;padding:0;font-size:18px}button.word-strip-open:disabled{opacity:.4}.pad-paper.show-scheme{padding-right:2.6em}.pad-body .line[data-scheme]:before{content:attr(data-scheme);white-space:nowrap;color:var(--accent);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:.72em;font-style:normal;font-weight:700;line-height:2.15278em;position:absolute;top:0;left:calc(100% + 1.25em)}.pad-paper.show-chords .pad-body .line.has-chords[data-scheme]:before{top:1.52778em}.pad-paper.show-stresses .pad-body .line[data-scheme]:before{top:1.04167em}.pad-paper.show-stresses.show-chords .pad-body .line.has-chords[data-scheme]:before{top:2.22222em}.pad-body .line.scheme-near[data-scheme]:before{color:var(--pad-choice)}.pad-body .line.scheme-loose[data-scheme]:before{color:var(--pad-estimate)}.pad-body .line.scheme-none[data-scheme]:before{color:var(--muted);font-weight:400}.pad-body .common-phrase{-webkit-text-decoration:underline wavy color-mix(in srgb, var(--text) 45%, transparent);text-decoration:underline wavy color-mix(in srgb, var(--text) 45%, transparent);text-underline-offset:7px;text-decoration-thickness:1px}@media (width<=600px){.pad-paper.show-scheme{padding-right:2em}}.structure-scheme{margin:2px 0 6px}.structure-letters{letter-spacing:.25em;color:var(--accent);font:700 16px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.structure-meter{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:6px 0 8px;font-size:12px;display:grid}.structure-meter-end{color:var(--muted)}.structure-meter-track{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, var(--surface)), color-mix(in srgb, var(--pad-choice) 55%, var(--surface)));border-radius:3px;height:6px;position:relative}.structure-meter-track>span{background:var(--surface);border:3px solid var(--text);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%}.structure-meter-name{grid-column:1/-1;font-size:14px}.structure-factors{gap:6px;margin:8px 0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:grid}.structure-factors li{grid-template-columns:50px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.structure-lean{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.structure-factors li[data-leans=open] .structure-lean{color:var(--pad-choice)}.structure-intent{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 4px;font-size:13px;display:flex}.structure-intent .chip{min-height:32px;padding:4px 12px;font-size:13px}.structure-note{margin:4px 0;font-size:13px;font-style:italic}.structure-spots{grid-template-columns:max-content minmax(0,1fr);gap:3px 10px;margin:10px 0 0;font-size:13px;display:grid}.structure-spots dt{color:var(--muted)}.structure-spots dd{overflow-wrap:anywhere;margin:0}.structure-words{margin:6px 0;font-size:13px}.structure-phrases{gap:4px;margin:6px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.structure-phrases li{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.structure-phrases button.link{color:var(--accent);flex:none;padding:4px 6px;text-decoration:none}.structure-scheme{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}button.link.structure-explore{color:var(--accent);padding:2px 0;font-size:13px}.preview-actions{justify-content:flex-end;gap:8px;display:flex}.preview-actions button{min-height:44px;padding:0 22px}.preview-actions button:disabled{opacity:.45;cursor:default}@media (width<=900px){.preview-actions button{flex:1}}@media (width>=901px){.bottom-sheet.scheme-explorer{width:min(620px,100vw - 32px)}}.explorer-readout{gap:4px;margin:0 0 12px;font-size:13px;display:grid}.explorer-readout .structure-letters{font-size:18px}.explorer-lines{gap:4px;margin:0;padding:0;list-style:none;display:grid}.explorer-line{background:var(--surface-2);border-radius:10px;grid-template-columns:36px 28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:2px 6px 2px 2px;display:grid}.explorer-line.dragging{background:var(--accent-tint);box-shadow:0 6px 18px #00000038}button.explorer-grip{width:36px;height:44px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border-radius:8px;padding:0;font-size:18px}button.explorer-grip:active{cursor:grabbing}.explorer-letter{text-align:center;color:var(--accent);font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.explorer-letter.scheme-near{color:var(--pad-choice)}.explorer-letter.scheme-loose{color:var(--pad-estimate)}.explorer-letter.scheme-none{color:var(--muted);font-weight:400}.explorer-text{overflow-wrap:anywhere;min-width:0;font-size:15px}.explorer-was{font-size:12px}.explorer-moves{gap:4px;display:flex}.explorer-moves button.secondary{width:36px;height:36px;padding:0}.explorer-moves button:disabled{opacity:.35;cursor:default}.explorer-shapes{margin-top:16px}.explorer-shapes h4{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:13px}.explorer-shapes dl{gap:4px;margin:0 0 6px;display:grid}.explorer-shapes dl>div{grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:8px;font-size:13px;display:grid}.explorer-shapes dt{font-size:14px}.explorer-shapes dd{margin:0}.pad-body .title-mark,mark.title-mark{background:var(--accent-tint);color:inherit;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:4px}.title-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0 0 8px;font-size:13px;display:grid}.title-field input{min-width:0;padding:8px 10px;font-size:16px;font-weight:600}.title-places{gap:4px;margin:4px 0;padding:0;font-size:14px;list-style:none;display:grid}button.link.title-go{color:var(--accent);padding:2px 0;font-size:14px}.title-spot{color:var(--muted);font-size:13px}.title-q{color:var(--text);gap:4px;margin:10px 0 0;font-size:13px;display:grid}.title-q textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:8px;padding:8px 10px;font-size:15px}.title-tool .tool-group>button.secondary{margin-top:4px}@media (width>=901px){.bottom-sheet.chorus-context{width:min(640px,100vw - 32px)}}.context-run{border-top:1px solid var(--border);padding:14px 0}.context-run:first-child{border-top:0;padding-top:4px}.context-part{margin:0 0 10px}.context-part.chorus{border-left:3px solid var(--accent);padding-left:12px}.context-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 2px;font:700 12px/1.2 system-ui,sans-serif}.context-line{margin:0;font-size:17px;line-height:1.55}.voice-map{gap:2px;margin:6px 0;padding:0;font-size:13px;list-style:none;display:grid}.voice-map li{border-radius:6px;grid-template-columns:minmax(72px,auto) minmax(0,1fr) auto;align-items:baseline;gap:2px 10px;padding:4px 6px;display:grid}.voice-map li.here{background:var(--surface-2)}.voice-name{font-weight:600}.voice-persons{overflow-wrap:anywhere}.voice-shift{color:var(--pad-choice);grid-column:1/-1;margin:2px 0;font-size:12px;font-weight:600}.voice-shift:before{content:"↳ "}.voice-swap{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;font-size:14px;display:flex}.voice-swap select{min-height:36px}.voice-swap button.secondary{min-height:36px;padding:0 14px}@media (width>=901px){.bottom-sheet.pov-preview{width:min(640px,100vw - 32px)}}.pov-summary{color:var(--muted);margin:0 0 10px;font-size:13px}.pov-summary strong{color:var(--pad-choice)}.pov-section{margin-bottom:14px}mark.pov-word,button.pov-word{color:inherit;font:inherit;background:0 0;border-radius:4px;padding:0 2px;font-weight:400}.pov-word.changed{background:var(--accent-tint);box-shadow:inset 0 -2px 0 var(--accent)}button.pov-word{cursor:pointer;min-height:0;-webkit-text-decoration:underline dotted color-mix(in srgb, var(--text) 40%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--text) 40%, transparent);text-underline-offset:4px;border:0}button.pov-word.unsure{background:color-mix(in srgb, var(--pad-choice) 22%, var(--surface));box-shadow:inset 0 -2px 0 var(--pad-choice);text-decoration:none}.pov-choice{position:relative}.pov-options{vertical-align:middle;gap:4px;margin:0 4px;display:inline-flex}.pov-options button.qchip{height:30px;padding:0 10px;font-size:14px}.word-chip-wrap{display:inline-flex;position:relative}.word-chip-wrap .word-chip{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button.word-chip-more{z-index:1;border:1px solid var(--border);background:var(--surface);width:20px;height:20px;min-height:0;color:var(--muted);opacity:0;pointer-events:none;border-radius:50%;padding:0;font-size:12px;line-height:1;position:absolute;top:-7px;right:-5px}@media (hover:hover){.word-chip-wrap:hover button.word-chip-more,button.word-chip-more:focus-visible,button.word-chip-more[aria-expanded=true]{opacity:1;pointer-events:auto}button.word-chip-more:hover{color:var(--accent);border-color:var(--accent)}}.word-menu{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:180px;padding:4px;display:grid;position:fixed;box-shadow:0 8px 28px #00000040}.word-menu button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:8px;min-height:40px;padding:8px 12px;font-weight:400}.word-menu button:hover,.word-menu button:focus-visible{background:color-mix(in srgb, var(--text) 8%, transparent)}.pad-note{background:var(--accent-tint);max-height:0;color:var(--text);margin:0;padding:0 14px;font-size:13px;transition:max-height .15s,padding .15s;position:sticky;bottom:0;overflow:hidden}.pad-note.shown{border-top:1px solid var(--border);max-height:60px;padding:8px 14px}.ws-col-head{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.ws-col-head h4{overflow-wrap:anywhere;min-width:0}.ws-col-actions{flex:none;gap:10px;display:flex}.ws-col-actions button.link{color:var(--muted);padding:2px 0;font-size:12px}.ws-col-actions button.link:hover{color:var(--accent)}input.ws-rename{width:100%;max-width:220px;padding:4px 8px;font-size:14px;font-weight:600}.ws-items{gap:2px;margin:4px 0;padding:0;list-style:none;display:grid}.ws-items li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}button.ws-item{text-align:left;background:color-mix(in srgb, var(--text) 6%, transparent);max-width:100%;min-height:32px;color:var(--text);overflow-wrap:anywhere;border-radius:10px;justify-self:start;padding:5px 10px;font-size:14px;font-weight:400}button.ws-item:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.ws-from{font-size:11px}button.ws-remove{width:28px;height:28px;min-height:0;color:var(--muted);background:0 0;border-radius:50%;padding:0;font-size:16px}button.ws-remove:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.ws-empty{margin:4px 0;font-size:13px}.ws-add{gap:6px;margin-top:6px;display:flex}.ws-add input{flex:1;min-width:0;padding:6px 10px;font-size:14px}.ws-add button.secondary{min-height:34px;padding:0 12px}.ws-foot{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:16px;display:flex}.ws-foot button.secondary{min-height:36px;padding:0 14px}@media (width<=900px){button.ws-item{min-height:38px;font-size:15px}.ws-add input{font-size:16px}button.ws-remove{width:36px;height:36px}}button.word-chip.chosen,button.word-chip.chosen:hover{background:var(--accent);color:var(--accent-text)}button.word-chip.chosen small{color:inherit;opacity:.8}.word-chip small.chip-note{letter-spacing:.02em;color:var(--pad-choice);margin-left:5px;font-size:10px}.metaphor-key{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 2px;display:flex}.metaphor-key strong{font-size:20px}.metaphor-key .tool-switch{margin:0}.metaphor-own{margin-top:12px}.metaphor-examples{background:var(--accent-tint);border-radius:10px;padding:10px 12px}.metaphor-examples h4{color:var(--text)}.metaphor-patterns{letter-spacing:.01em;margin:8px 0 4px;font-size:15px;font-weight:600}.metaphor-kinds .tool-switch{margin:8px 0 4px}.keys-trail{overflow-wrap:anywhere;margin:8px 0;font-size:15px}.keys-trail strong{font-size:18px}.keys-trail button.link{padding:0;font-size:15px}.imagery-kinds{flex-wrap:wrap;margin:6px 0 8px;padding:0;overflow:visible}.imagery-kinds button.qchip{height:32px;padding:0 12px;font-size:13px}.collision-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.collision-col{min-width:0}.collision-words{gap:2px;margin:4px 0;padding:0;font-size:14px;list-style:none;display:grid}.collision-words li{background:color-mix(in srgb, var(--text) 5%, transparent);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;gap:4px;padding:2px 0 2px 8px;display:flex}button.link.collision-bring{padding:6px 0 2px;font-size:13px}button.collision-shuffle{min-height:38px;margin-top:12px;padding:0 18px}.collision-pairs{gap:6px;margin:4px 0;padding:0;list-style:none;display:grid}.collision-pairs li{flex-wrap:wrap;gap:4px;display:flex}.collision-pairs button.ws-item[aria-pressed=true]{background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent)}.comparisons-reminder{color:var(--text);border-left:3px solid var(--accent);padding:6px 10px;font-size:13px}.comparisons-list,.comparisons-many{gap:6px;margin:4px 0;padding:0;font-size:14px;list-style:none;display:grid}.comparisons-list li{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:0 10px;display:grid}.comparison-how{overflow-wrap:anywhere;grid-column:2;font-size:12px}.pad-body p.line.st-line{border-radius:6px}.pad-body p.line.st-show{background:color-mix(in srgb, var(--accent) 16%, transparent)}.pad-body p.line.st-mixed{background:color-mix(in srgb, var(--accent) 7%, transparent)}.pad-body p.line.st-tell{background:color-mix(in srgb, var(--pad-choice) 12%, transparent)}.pad-body .st-word{-webkit-text-decoration:underline 2px color-mix(in srgb, var(--accent) 70%, transparent);text-decoration:underline 2px color-mix(in srgb, var(--accent) 70%, transparent);text-underline-offset:4px}.showtell-legend{flex-wrap:wrap;gap:6px;margin:6px 0 10px;font-size:12px;display:flex}.st-key{border-radius:6px;padding:2px 8px}.st-key.st-show{background:color-mix(in srgb, var(--accent) 16%, transparent)}.st-key.st-mixed{background:color-mix(in srgb, var(--accent) 7%, transparent)}.st-key.st-tell{background:color-mix(in srgb, var(--pad-choice) 12%, transparent)}.showtell-sections{gap:8px;margin:4px 0;padding:0;font-size:13px;list-style:none;display:grid}.showtell-sections li{gap:2px;display:grid}.showtell-note{color:var(--pad-choice);margin:2px 0 0;font-size:12px;font-weight:600}@media (width<=900px){.collision-cols{grid-template-columns:1fr}}.lines-line{margin:8px 0 4px;font-size:15px}.lines-line .muted{font-size:12px;display:block}.lines-fragment{gap:4px;margin:6px 0 10px;display:grid}.lines-preview{margin:0;font-size:15px}.lines-fragment button.secondary{justify-self:start;min-height:34px;padding:0 12px;font-size:13px}.pad-panel-head,.pad-sheet-subs{align-items:flex-start;gap:8px;display:flex}.pad-tool-tabs{flex-wrap:wrap;flex:1;gap:2px 14px;min-width:0;display:flex}button.pad-tool-tab{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:0;padding:4px 0;font-size:14px;font-weight:600;box-shadow:inset 0 -2px #0000}button.pad-tool-tab:hover{color:var(--text)}button.pad-tool-tab[aria-selected=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}button.pad-help{width:30px;height:30px;min-height:0;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:50%;flex:none;padding:0;font-size:14px;font-weight:700}button.pad-help:hover{color:var(--accent);border-color:var(--accent)}.pad-sheet-subs{margin:10px 0 2px}.tool-filters-fold{margin:6px 0 2px}button.link.tool-filters-summary{color:var(--muted);padding:4px 0;font-size:13px;text-decoration:none}button.link.tool-filters-summary:hover{color:var(--accent)}.tool-filters-fold .tool-filters{margin-top:2px}.ow-start{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.ow-start input{flex:160px;min-width:0;padding:8px 10px;font-size:15px}.ow-start select{min-height:38px}.ow-start button.secondary{min-height:38px;padding:0 16px}.ow-list{gap:4px;margin:4px 0;padding:0;list-style:none;display:grid}button.ow-open{text-align:left;background:color-mix(in srgb, var(--text) 5%, transparent);width:100%;color:var(--text);border-radius:10px;gap:2px;padding:8px 10px;font-weight:400;display:grid}button.ow-open:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}button.ow-open .muted{overflow-wrap:anywhere;font-size:12px}textarea.ow-text{width:100%;min-height:260px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:10px;padding:12px 14px;font-size:17px;line-height:1.6}.ow-legend{flex-wrap:wrap;gap:6px;margin:4px 0 10px;font-size:12px;display:flex}.ow-key{background:color-mix(in srgb, var(--rh) 22%, transparent);border-radius:6px;padding:2px 8px}.ow-lines{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ow-lines li{gap:2px;display:grid}.ow-lines li.ow-blank{height:6px}.ow-line{font-size:16px;line-height:1.6}mark.ow-word{color:inherit;background:color-mix(in srgb, var(--rh) 28%, transparent);border-radius:4px;padding:0 2px}.ow-line-actions{gap:12px;font-size:12px;display:flex}.ow-line-actions button.link{color:var(--muted);padding:0;font-size:12px}.ow-line-actions button.link:hover{color:var(--accent)}.ow-senses{flex-wrap:wrap;margin:6px 0 0;padding:0;overflow:visible}.ow-senses button.qchip{height:32px;padding:0 12px;font-size:13px}.ow-foot{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}button.link.ow-delete{color:var(--danger);padding:0;font-size:13px}.ow-sight{--rh:#60a5fa}.ow-hearing{--rh:#c084fc}.ow-smell{--rh:#34d399}.ow-taste{--rh:#fb923c}.ow-touch{--rh:#f472b6}.ow-body{--rh:#f87171}.ow-motion{--rh:#fbbf24}.writing-home,.writing-page{max-width:760px}.writing-home .ow-start input{font-size:16px}.writing-home .ow-start button{min-height:40px;padding:0 18px}.writing-head{margin:8px 0 10px}.writing-head h1{margin:0;font-size:26px}.writing-clock{font-variant-numeric:tabular-nums;margin:2px 0 0}.writing-clock.done{color:var(--accent)}textarea.writing-text{min-height:52vh}.writing-foot{border-top:1px solid var(--border);margin-top:20px;padding-top:12px}input.ow-picker-search{width:100%;margin:0 0 10px}.ow-list a.ow-open{color:var(--text);background:color-mix(in srgb, var(--text) 5%, transparent);border-radius:10px;gap:2px;padding:8px 10px;text-decoration:none;display:grid}.ow-list a.ow-open:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.ow-list a.ow-open .muted{overflow-wrap:anywhere;font-size:12px}button.link.ow-suggest-open{padding:2px 0;font-size:14px}.ow-suggest{background:color-mix(in srgb, var(--text) 4%, transparent);border-radius:12px;margin:6px 0 12px;padding:10px 12px}.ow-suggest-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ow-suggest-head .tool-switch{margin:0}.ow-suggest .tool-about{margin:8px 0 0}@keyframes writing-flash{0%,to{background:var(--bg);box-shadow:0 0 #0000}15%,48%,81%{box-shadow:0 0 0 4px var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--bg))}32%,65%{background:var(--bg);box-shadow:0 0 #0000}}@keyframes writing-glow{0%,to{box-shadow:0 0 #0000}30%,70%{box-shadow:0 0 0 4px var(--accent)}}textarea.writing-text.flash{animation:1.5s ease-in-out writing-flash}@media (prefers-reduced-motion:reduce){textarea.writing-text.flash{animation:1.5s ease-in-out writing-glow}}