@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{--paper:#f7f6f2;--surface:#fffefa;--sidebar:#eeeee7;--ink:#242c29;--muted:#777b72;--line:#e3e5dc;--accent:#36584f;--accent-soft:#e5ece4;--blue:#263d44;--blue-light:#d4e1df;--gold:#c8b17a;--error:#a33832;--error-bg:#faebe6;--white:#fff;--shadow:0 18px 65px #26352a20;--backdrop:#18281f55;--record-0:#b6c6b5;--record-1:#d6bb86;--record-2:#aebfc6;--record-3:#c7aca3;--sans:"DM Sans",system-ui,sans-serif;--serif:"DM Serif Display",Georgia,serif;--mono:ui-monospace,"Cascadia Code",Consolas,monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:19px;--text-xl:24px;--text-2xl:32px;--heading:clamp(36px,3.5vw,52px);--hero:clamp(48px,6vw,86px);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:28px;--s8:32px;--s10:40px;--s12:48px;--s14:56px;--s16:64px;--s20:80px;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-xl:24px;--round:999px;--sidebar-width:224px;--content:1280px;--aside-width:258px;--assistant-width:390px;--control:44px;--border:1px;--icon:18px;--icon-sm:14px;--icon-lg:24px;--motion:.18s;--ease:cubic-bezier(.2,.7,.2,1);--reader-paper:#e9e9e2;--section-ink:#99553d;--section-paper:#f8efe8;--reading-width:1040px;--barline:2px;--barline-double:4px;--bar-height:88px;--chord-size:22px;--section-start-width:120px;--loading-opacity:.45}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar);padding:var(--s10) var(--s5) var(--s5);border-right:var(--border) solid var(--line);z-index:5;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--s2);color:var(--ink);padding:0 var(--s2);display:flex}.brand>svg{width:var(--s6);height:var(--s6);color:var(--accent)}.brand>span{font-family:var(--serif);font-size:var(--text-2xl);letter-spacing:-.04em}.brand i{color:var(--accent)}.sidebar-caption{color:var(--muted);margin:var(--s14) var(--s3) var(--s4);font-size:10px}.sidebar nav{gap:var(--s2);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--s3);padding:var(--s3);min-height:var(--control);text-align:left;border-radius:var(--radius-sm);color:var(--muted);display:flex}.nav-item.active{background:var(--surface);color:var(--ink);font-weight:600}.nav-item>i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:auto}.nav-item:hover{background:var(--surface)}.sidebar-bottom{margin-top:auto}.muse-nav{gap:var(--s3);text-align:left;width:100%;padding:var(--s4) var(--s1);border-bottom:var(--border) solid var(--line);margin-bottom:var(--s5);align-items:center;display:flex}.muse-nav strong,.muse-nav small,.profile strong,.profile small{display:block}.muse-nav small{color:var(--muted);font-size:10px}.muse-nav>span:last-child{margin-left:auto}.spark-circle{width:var(--s10);height:var(--s10);border:var(--border) solid var(--line);color:var(--accent);background:var(--surface);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.profile{align-items:center;gap:var(--s3);display:flex}.profile>span:nth-child(2){flex:1}.profile small{color:var(--muted);font-size:var(--text-xs)}.avatar{width:var(--s10);height:var(--s10);font-family:var(--serif);font-size:var(--text-lg);background:#dcd8c6;border-radius:50%;place-items:center;display:grid}.main-content{margin-left:var(--sidebar-width)}.topbar{height:var(--s20);padding:0 var(--s12);border-bottom:var(--border) solid var(--line);font-size:var(--text-sm);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.sync-status{gap:var(--s2);font-size:var(--text-xs);align-items:center;display:flex}.sync-status i,.context-dot{background:#6c8e6c;border-radius:50%;width:6px;height:6px}.page{padding:var(--s12);max-width:var(--content);margin:auto}.page-heading{justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s10);display:flex}.page-heading .eyebrow{color:var(--accent);margin-bottom:var(--s4);display:block}.page-heading p{color:var(--muted);margin-top:var(--s3)}.preview-ribbon{bottom:0;left:var(--sidebar-width);text-align:center;color:var(--muted);padding:var(--s1);background:var(--sidebar);z-index:4;font-size:10px;position:fixed;right:0}.assistant-fab{right:var(--s8);bottom:var(--s8);border-radius:var(--round);align-items:center;gap:var(--s3);background:var(--blue);color:var(--surface);padding:var(--s4) var(--s6);box-shadow:var(--shadow);z-index:10;display:flex;position:fixed}.assistant-fab svg{color:var(--gold)}.toast{bottom:var(--s12);z-index:30;box-shadow:var(--shadow);max-width:90vw;position:fixed;left:50%;transform:translate(-50%)}.login-screen{min-height:100vh;padding:var(--s12) var(--s16);position:relative;overflow:hidden}.login-content{z-index:1;max-width:60%;padding:12vh 0;position:relative}.login-content .eyebrow{color:var(--accent)}.login-content h1{font-size:var(--hero);white-space:pre-line;margin:var(--s6) 0}.login-content p{color:var(--muted);font-size:var(--text-md)}.login-button{margin-top:var(--s10);min-width:270px}.google-mark{background:var(--white);color:#4285f4;width:var(--s6);height:var(--s6);font-size:var(--text-md);border-radius:50%;place-items:center;font-weight:700;display:grid}.login-content>small{color:var(--muted);margin:var(--s5) 0;display:block}.login-screen footer{color:var(--muted);font-size:var(--text-sm)}.login-art{position:absolute;top:20vh;right:-8vw;transform:rotate(-20deg)}.art-caption{letter-spacing:.25em;margin-top:var(--s10);color:var(--muted);display:block}.record.record-large{background:repeating-radial-gradient(circle,var(--ink) 0,var(--ink) 3px,#3e4841 4px,var(--ink) 5px);border:var(--s6) solid var(--ink);width:45vw;max-width:620px;height:45vw;max-height:620px}.record-large>span{background:var(--gold);width:31%;height:31%;font-family:var(--serif);font-style:italic;font-size:var(--hero);color:var(--ink);border-radius:50%;place-items:center;display:grid}@media (width>=1600px){.page{padding-top:var(--s16)}}@media (width<=1150px){:root{--sidebar-width:194px;--aside-width:220px}.sidebar .brand{padding:0}.sidebar .brand>span{font-size:var(--s7)}.page{padding:var(--s8)}.topbar{padding:0 var(--s8)}}@media (width<=900px){.sidebar{width:76px;padding:var(--s8) var(--s3)}.brand>span,.sidebar-caption,.nav-item>span,.nav-item>i,.muse-nav>span:not(:first-child),.profile>span:nth-child(2),.profile>.icon-button{display:none}.brand{padding:var(--s2);justify-content:center}.sidebar nav{margin-top:var(--s10)}.nav-item,.muse-nav,.profile{justify-content:center}.main-content{margin-left:76px}.preview-ribbon{left:76px}.page,.login-screen{padding:var(--s8)}.login-art{top:28vh;right:-20vw}.login-content{max-width:80%}}@media (width<=640px){.sidebar{width:100%;height:var(--s16);padding:var(--s2) var(--s4);border-top:var(--border) solid var(--line);flex-direction:row;align-items:center;position:fixed;inset:auto 0 0}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;flex:1;justify-content:space-around;margin:0;display:flex}.nav-item{min-height:var(--s12);flex:1}.nav-item>span{display:none}.main-content{padding-bottom:var(--s20);margin:0}.topbar{height:var(--s14);padding:0 var(--s5)}.page{padding:var(--s8) var(--s5)}.page-heading{align-items:flex-start;gap:var(--s5);margin-bottom:var(--s8);flex-direction:column}.page-heading>.button{width:100%}.preview-ribbon{left:0;bottom:var(--s16)}.assistant-fab{bottom:calc(var(--s20) + var(--s4));right:var(--s5);padding:var(--s4)}.assistant-fab span{display:none}.login-content{max-width:100%;padding:14vh 0 8vh}.login-art{opacity:.12;top:20vh;right:-40vw}.record.record-large{width:110vw;height:110vw}.login-screen{padding:var(--s6)}.login-screen .brand>span{display:block}.login-screen .brand{justify-content:flex-start}.login-content p{max-width:280px}.login-button{width:100%}}.repertoire-layout{grid-template-columns:minmax(0,1fr) var(--aside-width);gap:var(--s8);display:grid}.library{min-width:0}.library-stats{align-items:center;gap:var(--s6);border:var(--border) solid var(--line);padding:var(--s6);border-radius:var(--radius);margin-bottom:var(--s8);background:var(--surface);display:flex}.library-stats>strong{font-family:var(--serif);font-size:var(--text-2xl);font-weight:400;line-height:1}.library-stats strong>span{font-family:var(--sans);font-size:var(--text-xs);color:var(--muted);margin-top:var(--s3);white-space:nowrap;display:block}.library-stats>i{width:var(--border);height:var(--s8);background:var(--line)}.audio-motif{height:var(--s12);color:var(--accent);opacity:.55;align-items:center;gap:3px;margin-left:auto;display:flex}.audio-motif i{border-radius:var(--round);background:currentColor;width:3px;height:20%}.audio-motif i:nth-child(3n){height:80%}.audio-motif i:nth-child(4n){height:50%}.audio-motif i:nth-child(5n){height:100%}.audio-motif i:nth-child(2n){height:40%}.repertoire-toolbar{gap:var(--s4);margin-bottom:var(--s5);display:flex}.search{gap:var(--s3);border:var(--border) solid var(--line);border-radius:var(--radius-sm);padding:var(--s3) var(--s4);background:var(--surface);flex:1;align-items:center;min-width:0;display:flex}.search svg{color:var(--muted)}.search input{min-width:0;font-size:var(--text-sm);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.search kbd{color:var(--muted);border:var(--border) solid var(--line);border-radius:var(--radius-xs);padding:0 var(--s1);font-size:var(--text-xs)}.sort-select{align-items:center;gap:var(--s2);font-size:var(--text-sm);display:flex}.sort-select select{color:var(--muted);background:0 0;border:0;max-width:100px}.filter-tabs{gap:var(--s5);border-bottom:var(--border) solid var(--line);margin-bottom:var(--s5);display:flex}.filter-tabs button{padding:var(--s3) 0;font-size:var(--text-sm);color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000}.filter-tabs button.selected{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.list-labels{gap:var(--s5);padding:0 var(--s8) var(--s3) 0;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:minmax(130px,1fr) 90px 90px 90px;font-size:10px;display:grid}.song-row{width:100%;padding:var(--s5) 0;grid-template-columns:var(--s12) minmax(100px,1fr) 90px 90px 90px var(--s4);align-items:center;gap:var(--s3);border-bottom:var(--border) solid var(--line);text-align:left;display:grid}.song-row:hover{background:var(--surface)}.song-identity{overflow-wrap:anywhere;min-width:0}.song-identity strong{font-size:var(--text-base);align-items:center;gap:var(--s2);font-weight:550;display:flex}.song-identity small{color:var(--muted);margin-top:var(--s1);font-size:var(--text-xs);display:block}.song-style>small{margin:var(--s1) var(--s3);color:var(--muted);font-size:var(--text-xs);display:block}.favorite-heart{width:10px;height:10px;fill:var(--accent);color:var(--accent);flex-shrink:0}.record{border-radius:50%;place-items:center;display:grid}.record-mini{width:var(--s12);height:var(--s12);background:repeating-radial-gradient(circle,var(--record-0) 0,var(--record-0) 3px,#fff5 4px,var(--record-0) 5px);border:var(--border) solid #00000008}.record-mini>span{width:var(--s4);height:var(--s4);background:var(--paper);border:6px solid var(--ink);border-radius:50%}.record-tone-1{--record-0:var(--record-1)}.record-tone-2{--record-0:var(--record-2)}.record-tone-3{--record-0:var(--record-3)}.readiness-meter{gap:var(--s2);flex-direction:column;display:flex}.meter-bars{gap:3px;display:flex}.meter-bars>span{background:var(--line);border-radius:2px;width:4px;height:14px}.meter-bars .filled{background:var(--accent)}.readiness-meter>span{font-size:var(--text-xs);color:var(--ink)}.readiness-meter small{color:var(--muted);font-size:10px}.row-arrow{color:var(--muted);width:var(--s4)}.practice-card{border-radius:var(--radius);background:var(--blue);color:var(--surface);padding:var(--s6);position:relative;overflow:hidden}.practice-card .eyebrow{color:var(--blue-light);font-size:10px}.practice-art{height:155px;margin:var(--s3) 0;place-items:center;display:grid;position:relative}.practice-art>span{border:var(--border) solid #afc4bc55;border-radius:50%;width:150px;height:150px;position:absolute;transform:rotate(-25deg)scaleY(.65)}.practice-art>span:nth-child(2){transform:rotate(35deg)scaleY(.65)}.practice-art>span:nth-child(3){transform:rotate(95deg)scaleY(.65)}.practice-art>i{font-family:var(--serif);color:var(--gold);font-size:80px;font-weight:400;line-height:1}.practice-card>small{color:#b6c7c4;font-size:var(--text-xs)}.practice-card h2{font-family:var(--serif);font-size:var(--text-2xl);margin:var(--s3) 0;line-height:1.12}.practice-card p{color:#b6c7c4;font-size:var(--text-xs)}.practice-card>button{width:100%;color:var(--surface);border-top:var(--border) solid #afc4bc44;margin-top:var(--s6);padding:var(--s5) 0 0;font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.assistant-invite{gap:var(--s3);border:var(--border) solid var(--line);border-radius:var(--radius);padding:var(--s5);width:100%;margin-top:var(--s5);text-align:left;background:var(--surface);align-items:center;display:flex}.assistant-invite>svg{color:var(--accent)}.assistant-invite>svg:last-child{width:var(--icon-sm);margin-left:auto}.assistant-invite strong{font-size:var(--text-sm);display:block}.assistant-invite small{color:var(--muted);margin-top:var(--s1);font-size:10px;display:block}.small-quote{font-family:var(--serif);font-style:italic;font-size:var(--text-xl);color:var(--muted);white-space:pre-line;padding:var(--s10) var(--s4);line-height:1.4}.small-quote>span{font-style:normal;font-family:var(--sans);letter-spacing:.15em;margin-top:var(--s4);font-size:9px;display:block}@media (width<=1280px){.song-row{grid-template-columns:var(--s10) minmax(100px,1fr) 68px 60px 60px var(--s3);gap:var(--s3)}.list-labels{gap:var(--s3);padding-right:var(--s6);grid-template-columns:1fr 68px 60px 60px}.record-mini{width:var(--s10);height:var(--s10)}.meter-bars{gap:2px}.meter-bars>span{width:3px}.song-identity strong{font-size:var(--text-sm)}}@media (width<=1080px){.repertoire-layout{grid-template-columns:1fr}.practice-column{display:none}.song-row{grid-template-columns:var(--s12) minmax(130px,1fr) 90px 80px 80px var(--s4)}.list-labels{grid-template-columns:1fr 90px 80px 80px}.record-mini{width:var(--s12);height:var(--s12)}}@media (width<=640px){.library-stats{padding:var(--s5);gap:var(--s5);margin-bottom:var(--s6)}.library-stats>strong{font-size:var(--text-xl)}.audio-motif,.sort-select>svg,.search kbd{display:none}.sort-select select{max-width:72px;font-size:var(--text-xs)}.repertoire-toolbar{gap:var(--s2)}.search{padding:var(--s3)}.filter-tabs{gap:var(--s5);overflow:auto}.filter-tabs button{font-size:var(--text-xs)}.song-row{grid-template-columns:var(--s10) minmax(0,1fr) 52px 52px;gap:var(--s2);padding:var(--s5) 0}.song-style,.row-arrow{display:none}.list-labels{gap:var(--s2);grid-template-columns:1fr 52px 52px;padding-right:0;font-size:9px}.list-labels span:nth-child(2){display:none}.record-mini{width:var(--s10);height:var(--s10)}.song-identity strong{font-size:var(--text-sm)}.song-identity small{font-size:10px}.meter-bars>span{width:3px;height:12px}.meter-bars{gap:2px}.readiness-meter>span{font-size:10px}}.song-header{margin-bottom:var(--s10)}.back{margin-bottom:var(--s7)}.song-title-line{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.song-title-line .eyebrow{color:var(--accent)}.song-title-line h1{margin:var(--s3) 0}.song-title-line p{color:var(--muted)}.header-actions{gap:var(--s1);display:flex}.heart-selected svg{fill:var(--accent);color:var(--accent)}.song-metadata{gap:var(--s2);margin-top:var(--s5);display:flex}.song-layout{gap:var(--s8);grid-template-columns:minmax(0,1fr) 300px;display:grid}.song-main,.song-side{min-width:0}.readiness-card,.notes-panel,.harmony-panel,.media-library{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s6);margin-bottom:var(--s6)}.readiness-card h2{font-family:var(--serif);font-size:var(--text-xl);margin-bottom:var(--s6)}.readiness-card fieldset{margin:0 0 var(--s6);border:0;min-width:0;padding:0}.readiness-card fieldset:last-child{margin-bottom:0}.readiness-card legend{width:100%;margin-bottom:var(--s3);font-size:var(--text-sm);padding:0}.readiness-card legend>span{float:right;color:var(--muted);font-size:var(--text-xs)}.rating-options{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.rating-options button{height:var(--s8);background:var(--paper);border:var(--border) solid var(--line);border-radius:var(--radius-xs);padding:0;font-size:10px}.rating-options .rated{background:var(--accent);border-color:var(--accent);color:var(--surface)}.rating-options button[aria-pressed=true]{box-shadow:0 0 0 2px var(--gold);font-weight:700}.notes-panel textarea{resize:vertical;width:100%;min-height:140px;color:var(--ink);font-size:var(--text-sm);background:0 0;border:0;outline:none;line-height:1.9}.notes-panel h2,.harmony-panel h2{font-family:var(--serif);font-size:var(--text-xl)}.harmony-panel>.muted{margin-bottom:var(--s5)}.chord-grid{border-top:var(--border) solid var(--line);border-left:var(--border) solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.chord-grid button{padding:var(--s3);border-right:var(--border) solid var(--line);border-bottom:var(--border) solid var(--line);text-align:left;min-height:var(--s20)}.chord-grid button.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.chord-grid small{color:var(--muted);margin-bottom:var(--s2);font-size:9px;display:block}.chord-grid strong{font-size:var(--text-md);overflow-wrap:anywhere;font-weight:500}.harmony-actions{justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s5);display:flex}.harmony-actions>span{font-size:var(--text-xs);color:var(--muted)}.harmony-actions .button{font-size:var(--text-sm);padding:var(--s2) var(--s3)}.media-tabs{gap:var(--s5);border-bottom:var(--border) solid var(--line);margin-bottom:var(--s3);display:flex}.media-tabs>button{gap:var(--s2);padding:0 0 var(--s4);font-size:var(--text-sm);color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;display:flex}.media-tabs>button.selected{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.media-tabs span{background:var(--sidebar);padding:0 var(--s1);border-radius:var(--radius-xs);font-size:10px}.media-row{align-items:center;gap:var(--s3);border-bottom:var(--border) solid var(--line);padding:var(--s4) 0;display:flex}.media-play{width:var(--s10);height:var(--s10);background:var(--accent-soft);color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.media-title{text-align:left;flex:1;min-width:0;padding:0}.media-title strong{font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:550;display:block}.media-title small{color:var(--muted);margin-top:var(--s1);font-size:var(--text-xs);display:block}.bpm{gap:var(--s1);white-space:nowrap;font-size:var(--text-xs);color:var(--muted);align-items:center;display:flex}.bpm svg{width:var(--icon-sm)}.media-row .icon-button{width:var(--s8)}.subtle{color:var(--muted)}.add-media{border:var(--border) dashed var(--line);width:100%;margin-top:var(--s4);color:var(--accent);font-size:var(--text-sm)}.source-tabs{gap:var(--s2);padding:var(--s1);background:var(--sidebar);border-radius:var(--radius-sm);margin-bottom:var(--s6);display:flex}.source-tabs button{padding:var(--s3);justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--radius-xs);font-size:var(--text-sm);flex:1;display:flex}.source-tabs .selected{background:var(--surface);box-shadow:0 1px 3px #0000000f}.file-drop{text-align:center;align-items:center;gap:var(--s3);padding:var(--s8);border:var(--border) dashed var(--accent);border-radius:var(--radius);background:var(--accent-soft);cursor:pointer;margin-bottom:var(--s6);flex-direction:column;display:flex;position:relative}.file-drop strong{overflow-wrap:anywhere;max-width:100%}.file-drop small{color:var(--muted)}.file-drop>input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-drop:focus-within{outline:2px solid var(--accent)}.file-drop svg{width:var(--s7);height:var(--s7);color:var(--accent)}.video-frame{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--ink);border:0;width:100%}.score-frame{border:0;width:100%;height:70vh}.score-image{object-fit:contain;width:100%;max-height:75vh}.audio-player{width:100%;margin:var(--s6) 0}progress{width:100%;accent-color:var(--accent)}@media (width<=1150px){.song-layout{gap:var(--s5);grid-template-columns:minmax(0,1fr) 260px}.readiness-card,.notes-panel,.harmony-panel,.media-library{padding:var(--s5)}}@media (width<=950px){.song-layout{grid-template-columns:1fr}.song-side{gap:var(--s5);grid-template-columns:1fr 1fr;display:grid}.song-main{order:2}.song-side{order:1}.song-header{margin-bottom:var(--s6)}}@media (width<=640px){.song-side{grid-template-columns:1fr;gap:0}.song-title-line{align-items:flex-start}.song-title-line h1{font-size:var(--text-2xl)}.header-actions{flex-direction:column;gap:0}.header-actions .icon-button{height:var(--s8);width:var(--s8)}.media-tabs{gap:var(--s4);overflow:auto}.media-tabs>button{font-size:var(--text-xs)}.chord-grid strong{font-size:var(--text-base)}.harmony-actions{flex-wrap:wrap}.rating-options button{height:var(--s10);font-size:var(--text-xs)}.media-row{gap:var(--s2)}.media-row .icon-button{width:var(--s7)}.media-play{width:var(--s8);height:var(--s8)}}.dialog{border:var(--border) solid var(--line);border-radius:var(--radius-lg);padding:var(--s8);background:var(--surface);color:var(--ink);width:580px;max-width:calc(100vw - var(--s8));max-height:90vh;box-shadow:var(--shadow)}.dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-wide{width:850px}.dialog-heading{margin-bottom:var(--s6);justify-content:space-between;align-items:center;display:flex}.dialog-heading h2{font-family:var(--serif);font-size:var(--text-2xl)}.dialog-heading .icon-button{margin-right:calc(-1 * var(--s3))}.dialog-actions{justify-content:flex-end;gap:var(--s3);margin-top:var(--s6);border-top:var(--border) solid var(--line);padding-top:var(--s5);display:flex}.smart-entry{border-bottom:var(--border) solid var(--line);padding-bottom:var(--s5);margin-bottom:var(--s6)}.manual-button{margin:var(--s4) auto 0;color:var(--muted);font-weight:400;display:flex}.proposal-note{gap:var(--s3);font-size:var(--text-xs);padding:var(--s4);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);margin-bottom:var(--s5);display:flex}.proposal-note strong{font-weight:600}.proposal-note p{margin-top:var(--s1)}@media (width<=640px){.dialog{padding:var(--s5);max-width:calc(100vw - var(--s5));max-height:94dvh}.dialog-heading h2{font-size:var(--text-xl)}.field-grid{gap:0 var(--s3)}.dialog-actions .button{flex:1}.smart-entry .button{font-size:var(--text-sm)}}.dialog-reader[open]{width:calc(100vw - var(--s8));height:calc(100dvh - var(--s8));flex-direction:column;max-width:none;max-height:none;margin:auto;padding:0;display:flex;inset:0;overflow:hidden}.dialog-reader .dialog-heading{padding:var(--s2) var(--s5);gap:var(--s4);border-bottom:var(--border) solid var(--line);flex-shrink:0;margin:0}.dialog-reader .dialog-heading h2{font-family:var(--sans);font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dialog-reader .dialog-heading .icon-button{margin:0}body:has(dialog[open]){overflow:hidden}.score-reader-body{flex-direction:column;flex:1;min-height:0;display:flex}.reader-toolbar{gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:var(--border) solid var(--line);flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.reader-control-group{align-items:center;gap:var(--s1);min-width:0;display:flex}.reader-control-group:nth-child(2){justify-content:center}.reader-control-group:last-child{justify-content:flex-end}.page-picker{align-items:center;gap:var(--s2);font-size:var(--text-sm);white-space:nowrap;display:flex}.page-picker select{background:var(--paper);border:var(--border) solid var(--line);border-radius:var(--radius-sm);padding:var(--s2);color:var(--ink);min-height:var(--control)}.zoom-value{font-size:var(--text-sm);min-width:var(--s12);text-align:center;font-variant-numeric:tabular-nums}.reader-fit{font-size:var(--text-sm);min-height:var(--control);padding:var(--s2) var(--s3);border-radius:var(--radius-sm);white-space:nowrap}.reader-fit[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.score-viewport{overscroll-behavior:contain;min-height:0;padding:var(--s4);background:var(--reader-paper);flex:1;position:relative;overflow:auto}.score-viewport canvas{background:var(--white);box-shadow:var(--shadow);margin:0 auto;display:block}.score-viewport[aria-busy=true] canvas{opacity:var(--loading-opacity)}.reader-status{bottom:var(--s3);padding:var(--s2) var(--s4);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-size:var(--text-sm);width:fit-content;margin:0 auto;position:sticky}.reader-empty{padding:var(--s6);background:var(--reader-paper);flex:1;place-content:center;display:grid}.chart-reading-scroll{background:var(--reader-paper);min-height:0;padding:var(--s8);flex:1;overflow:auto}.chart-reading-page{max-width:var(--reading-width);background:var(--surface);padding:var(--s8);box-shadow:var(--shadow);margin:auto}.chart-reading-meta{justify-content:space-between;gap:var(--s4);color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--s6);display:flex}.reader-chart-actions{padding:var(--s3) var(--s6);border-top:var(--border) solid var(--line)}.reader-chart-actions .harmony-actions{max-width:var(--reading-width);margin:0 auto}@media (width<=900px){.reader-toolbar{grid-template-columns:1fr auto}.reader-control-group:nth-child(2){grid-area:2/1/auto/-1}.page-picker>span:first-child{display:none}}@media (width<=640px){.dialog-reader[open]{border:0;border-radius:0;width:100vw;height:100dvh}.dialog-reader .dialog-heading{padding:var(--s2) var(--s3)}.reader-toolbar{padding:var(--s1) var(--s2);gap:0}.reader-fit{padding:var(--s2);font-size:var(--text-xs)}.reader-control-group:nth-child(2){justify-content:space-between;gap:0}.score-viewport{padding:var(--s2)}.chart-reading-scroll{padding:var(--s3)}.chart-reading-page{padding:var(--s4)}.reader-chart-actions{padding:var(--s3)}}.chart-tools{align-items:center;gap:var(--s3);display:flex}.chart-tools .text-button{font-weight:500}.chart-section{margin:var(--s6) 0 var(--s8)}.chart-section:last-child{margin-bottom:0}.chart-section-heading{align-items:center;gap:var(--s3);margin-bottom:var(--s3);display:flex}.chart-section-heading>span{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.section-marker{min-width:var(--s8);min-height:var(--s8);padding:var(--s1) var(--s3);font-size:var(--text-lg);border:var(--border) solid var(--section-ink);border-radius:var(--radius-xs);color:var(--section-ink);background:var(--section-paper);font-weight:650}.section-marker[aria-pressed=true]{background:var(--section-ink);color:var(--white)}.chord-chart .chord-grid{border-top:0;border-left:var(--barline) solid var(--ink);border-right:0;border-radius:0;overflow:hidden}.chord-chart .chord-grid button{border-right:var(--border) solid var(--line);min-height:var(--bar-height);padding:var(--s3);background:var(--surface)}.chord-chart .chord-grid button:nth-child(4n){border-right:var(--barline) solid var(--ink)}.chord-chart .chord-grid button:last-child{border-right:var(--barline-double) double var(--ink)}.chord-chart .chord-grid button.selected{background:var(--accent-soft)}.chord-chart .chord-grid strong{gap:0 var(--s2);font-size:var(--chord-size);flex-wrap:wrap;font-weight:550;line-height:1.4;display:flex}.chord-symbol{white-space:nowrap;overflow-wrap:normal}.chord-symbol-long{font-size:.75em}.chord-chart .chord-grid small{font-size:var(--text-xs);margin-bottom:var(--s2)}.chart-suggestion{text-align:left;font-size:var(--text-xs);color:var(--section-ink);padding:var(--s2) 0;display:block}.song-edit-fields,.section-editor{border:0;min-width:0;margin:0;padding:0}.section-editor{margin-top:var(--s4);border-top:var(--border) solid var(--line);padding-top:var(--s4)}.section-editor legend{font-weight:600;font-size:var(--text-base);padding:0 var(--s3) 0 0}.section-editor-tools{justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.section-editor-tools .text-button{font-size:var(--text-xs)}.section-editor-row{grid-template-columns:minmax(0,1fr) var(--section-start-width) var(--control);gap:var(--s3);align-items:end;display:grid}.section-editor-row .field,.section-editor-row .icon-button{margin-bottom:var(--s3)}.chart-reading-page .chord-chart{--chord-size:var(--text-2xl);--bar-height:var(--s20)}@media (width<=640px){.chart-tools{gap:var(--s1)}.chart-tools .text-button{font-size:var(--text-xs);max-width:var(--section-start-width);text-align:right}.chord-chart{--chord-size:var(--text-md);--bar-height:var(--s20)}.chord-chart .chord-grid button{padding:var(--s2) var(--s1)}.chart-reading-page .chord-chart{--chord-size:var(--text-md)}.section-editor-row{gap:var(--s2)}}.pad-controls{margin:var(--s5) 0;background:var(--paper);border:var(--border) solid var(--line);border-radius:var(--radius);padding:var(--s4)}.pad-heading{margin-bottom:var(--s3);justify-content:space-between;align-items:center;gap:var(--s3);font-size:var(--text-sm);color:var(--accent);font-weight:600;display:flex}.pad-heading>span:first-child{gap:var(--s2);align-items:center;display:flex}.pad-heading svg{width:var(--icon);height:var(--icon)}.pad-beats{gap:var(--s2);display:flex}.pad-beats i{width:var(--s2);height:var(--s2);border-radius:var(--round);background:var(--line)}.pad-beats i[data-active=true]{background:var(--accent)}.pad-transport{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.pad-play{width:var(--control);height:var(--control);background:var(--accent);color:var(--surface);justify-content:center;padding:0}.pad-tempo{align-items:center;gap:var(--s2);height:var(--control);padding-left:var(--s2);border-left:var(--border) solid var(--line);display:flex}.pad-tempo>span{font-size:var(--text-xs);color:var(--muted)}.pad-tempo input{width:var(--s16);min-height:var(--control);padding:var(--s2);border:var(--border) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-base);font-variant-numeric:tabular-nums;color:var(--ink)}.pad-meter{height:var(--control);padding:var(--s2);border:var(--border) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);color:var(--ink)}.pad-loop{min-height:var(--control);padding:var(--s2) var(--s3);background:var(--surface);border:var(--border) solid var(--line)}.pad-loop[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.pad-volume{align-items:center;gap:var(--s2);color:var(--muted);min-height:var(--control);margin-left:auto;display:flex}.pad-volume svg{width:var(--icon);height:var(--icon)}.pad-volume input{width:var(--s20);accent-color:var(--accent)}.pad-caption{justify-content:space-between;gap:var(--s3);margin-top:var(--s3);font-size:var(--text-xs);color:var(--muted);min-height:var(--s4);display:flex}.pad-caption>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pad-caption strong{color:var(--accent);flex-shrink:0;font-weight:600}.pad-error{font-size:var(--text-sm);color:var(--error);margin:var(--s3) 0 0}.pad-controls button:disabled{opacity:var(--loading-opacity);cursor:default}.chord-chart .chord-grid button[aria-current=step]{background:var(--blue);color:var(--surface);box-shadow:inset 0 0 0 var(--barline) var(--gold)}.chord-chart .chord-grid button[aria-current=step] small{color:var(--gold)}.chart-reader-transport{padding:0 var(--s5);flex-shrink:0}.chart-reader-transport .pad-controls{max-width:var(--reading-width);margin:0 auto var(--s3)}@media (width<=640px){.pad-controls{padding:var(--s3)}.pad-transport{gap:var(--s1)}.pad-tempo{padding-left:var(--s1);gap:var(--s1)}.pad-loop{padding:var(--s2)}.pad-volume{flex:1;justify-content:flex-end;margin-left:0}.chart-reader-transport{padding:0 var(--s3)}}.assistant-panel{right:var(--s4);top:var(--s4);bottom:var(--s4);width:var(--assistant-width);max-width:calc(100vw - var(--s8));background:var(--surface);border:var(--border) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);z-index:20;flex-direction:column;display:flex;position:fixed;overflow:hidden}.assistant-panel[hidden]{display:none}.assistant-panel>header{gap:var(--s3);padding:var(--s5);border-bottom:var(--border) solid var(--line);align-items:center;display:flex}.assistant-panel>header>div{flex:1}.assistant-panel header strong{font-family:var(--serif);font-size:var(--text-xl);font-weight:400}.assistant-panel header small{color:var(--muted);font-size:var(--text-xs);display:block}.assistant-context{align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);font-size:var(--text-xs);background:var(--paper);color:var(--muted);display:flex}.assistant-context .context-dot{margin-left:auto}.assistant-context svg{width:var(--icon-sm)}.chat-scroll{padding:var(--s6) var(--s5);overscroll-behavior:contain;flex:1;overflow-y:auto}.chat-welcome{padding:var(--s5) 0}.chat-welcome>svg{color:var(--accent);width:var(--s8);height:var(--s8);margin-bottom:var(--s5)}.chat-welcome h2{font-family:var(--serif);font-size:var(--text-2xl);max-width:230px;line-height:1.15}.chat-welcome p{color:var(--muted);font-size:var(--text-sm);margin:var(--s4) 0 var(--s8)}.chat-welcome>button{text-align:left;width:100%;padding:var(--s3);margin-bottom:var(--s2);border:var(--border) solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.chat-welcome>button:hover{background:var(--accent-soft)}.chat-message{margin-bottom:var(--s6);font-size:var(--text-base)}.chat-message>span{color:var(--muted);margin-bottom:var(--s2);font-size:10px;display:block}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.chat-message.user{margin-left:var(--s8)}.chat-message.user p{padding:var(--s3) var(--s4);background:var(--accent-soft);border-radius:var(--radius) var(--radius) 0 var(--radius)}.chat-input{margin:var(--s4) var(--s5) var(--s2);padding:var(--s2);border:var(--border) solid var(--line);border-radius:var(--radius);gap:var(--s2);background:var(--paper);align-items:center;display:flex}.chat-input input{padding:var(--s2);min-width:0;font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.chat-input button{width:var(--s8);height:var(--s8);background:var(--accent);color:var(--surface);border-radius:var(--radius-sm);place-items:center;display:grid}.assistant-footnote{text-align:center;color:var(--muted);margin-bottom:var(--s3);font-size:9px}.thinking{color:var(--muted);font-size:var(--text-xs);align-items:center;gap:var(--s2);display:flex}.thinking span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.2}}.assistant-context>div{flex:1;min-width:0}.assistant-context small{margin-top:var(--s1);font-size:var(--text-xs);display:block}.chat-scroll{scrollbar-gutter:stable;min-height:0}.chat-prose{overflow-wrap:anywhere;min-width:0;line-height:1.65}.chat-prose>:first-child{margin-top:0}.chat-prose>:last-child{margin-bottom:0}.chat-prose p{white-space:normal;line-height:inherit;margin:0 0 var(--s3)}.chat-prose :is(h1,h2,h3,h4,h5,h6){font-family:var(--sans);font-size:var(--text-base);letter-spacing:normal;margin:var(--s5) 0 var(--s2);font-weight:650;line-height:1.5}.chat-prose :is(ul,ol){padding-left:var(--s5);margin:var(--s3) 0 var(--s4)}.chat-prose li{padding-left:var(--s1);margin:0 0 var(--s2)}.chat-prose li>p{margin-bottom:var(--s1)}.chat-prose li::marker{color:var(--accent);font-weight:600}.chat-prose li :is(ul,ol){margin:var(--s2) 0}.chat-prose strong{font-weight:650}.chat-prose code{font-family:var(--mono);background:var(--paper);border-radius:var(--radius-xs);padding:var(--s1);font-size:.95em}.chat-prose pre{padding:var(--s3);margin:var(--s3) 0 var(--s4);background:var(--paper);border:var(--border) solid var(--line);border-radius:var(--radius-sm);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.chat-prose pre code{font-size:var(--text-sm);background:0 0;padding:0;line-height:1.8}.chat-prose a{color:var(--accent);text-underline-offset:var(--s1);text-decoration:underline}.chat-prose blockquote{margin:var(--s3) 0;padding-left:var(--s4);border-left:var(--barline) solid var(--accent);color:var(--muted)}.chat-prose hr{border:0;border-top:var(--border) solid var(--line);margin:var(--s5) 0}.chat-prose table{border-collapse:collapse;max-width:100%;font-size:var(--text-sm);margin:var(--s3) 0;display:block;overflow:auto}.chat-prose :is(th,td){text-align:left;padding:var(--s2) var(--s3);border-bottom:var(--border) solid var(--line);min-width:var(--s20)}.chat-prose th{background:var(--paper);font-weight:650}.chat-prose .task-list-item{list-style:none}.chat-prose input[type=checkbox]{accent-color:var(--accent);margin-right:var(--s2)}@media (width<=640px){.assistant-panel{inset:var(--s2);width:auto;max-width:none}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:var(--text-base)/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{width:var(--icon);height:var(--icon);stroke-width:1.6px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{font-weight:400}h1{font-family:var(--serif);font-size:var(--heading);letter-spacing:-.025em;line-height:1.12}h2{font-size:var(--text-lg)}small{font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--accent);outline-offset:var(--s1)}button,input,textarea,select{transition:background var(--motion),border-color var(--motion),box-shadow var(--motion)}.button{min-height:var(--control);padding:var(--s3) var(--s5);gap:var(--s3);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;font-weight:550;display:inline-flex}.button-ink{background:var(--ink);color:var(--surface)}.button-ink:hover{background:var(--accent)}.button-soft{background:var(--accent-soft);color:var(--accent)}.button-plain{color:var(--muted)}.button-muse{background:var(--blue);color:var(--white);width:100%}.button-muse svg:last-child{margin-left:auto}.icon-button{width:var(--control);height:var(--control);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--accent-soft)}.text-button{align-items:center;gap:var(--s2);color:var(--accent);font-size:var(--text-sm);padding:var(--s2) 0;font-weight:600;display:inline-flex}.eyebrow{text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.15em;font-weight:600}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.pill{padding:var(--s1) var(--s3);background:var(--sidebar);border-radius:var(--round);font-size:var(--text-xs);display:inline-flex}.error{background:var(--error-bg);color:var(--error);padding:var(--s3) var(--s4);border-radius:var(--radius-sm);font-size:var(--text-sm)}.loading-state{min-height:60vh;color:var(--muted);place-content:center;display:grid}.spin{animation:1.2s linear infinite spin}.inline-icon{vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--s2);margin-bottom:var(--s5);flex-direction:column;display:flex}.field>span{font-size:var(--text-sm);font-weight:550}.field input,.field textarea{border:var(--border) solid var(--line);border-radius:var(--radius-sm);width:100%;padding:var(--s3);background:var(--surface);color:var(--ink);min-height:var(--control)}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field-grid{gap:0 var(--s4);grid-template-columns:1fr 1fr;display:grid}.field-wide{grid-column:1/-1}.field input::placeholder,textarea::placeholder{color:var(--muted)}.section-heading{margin-bottom:var(--s4);justify-content:space-between;align-items:center;display:flex}.empty-inline{padding:var(--s8) var(--s4);text-align:center;color:var(--muted)}.empty-inline>svg{width:var(--s7);height:var(--s7);margin-bottom:var(--s3)}.empty-state{text-align:center;padding:var(--s20) var(--s6)}.empty-state>svg{color:var(--accent);width:var(--s10);height:var(--s10);margin-bottom:var(--s5)}.empty-state h2{font-family:var(--serif);font-size:var(--text-2xl)}.empty-state p{color:var(--muted);margin:var(--s3) 0 var(--s6)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}