@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#202b27;--muted:#6e7773;--line:#dde3df;--surface:#fff;--canvas:#f2f4ef;--forest:#173b33;--forest-2:#245348;--lime:#cce35e;--lime-soft:#eff5ce;--shadow:0 16px 40px #202b2714}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans Variable,DM Sans,system-ui,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#f5f7f1;background:var(--forest);flex-direction:column;width:264px;padding:30px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-name{letter-spacing:-.8px;font-size:22px;font-weight:720}.brand-mark{background:var(--lime);border-radius:11px 11px 11px 3px;place-items:center;width:35px;height:35px;display:grid;position:relative;overflow:hidden;transform:rotate(-3deg)}.brand-mark svg{width:100%;height:100%;overflow:visible}.brand-mark path{fill:none;stroke:var(--forest);stroke-width:3.2px;stroke-linecap:round}.brand-mark .brand-note{fill:var(--forest);stroke:none}.mobile-close{display:none!important}.primary-nav{margin-top:52px}.nav-label{color:#aac0b9;letter-spacing:1.5px;text-transform:uppercase;margin:0 12px 10px;font-size:11px;font-weight:700}.nav-label-spaced{margin-top:31px}.nav-item{color:#d6e2de;border-radius:11px;align-items:center;gap:12px;min-height:44px;margin:3px 0;padding:0 12px;font-size:14px;font-weight:530;transition:all .16s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:var(--forest-2);box-shadow:inset 3px 0 var(--lime)}.nav-item.active svg{color:var(--lime)}.nav-item span{color:#bfd0ca;margin-left:auto;font-size:12px}.nav-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.folder-nav{min-height:36px;padding-left:18px;font-size:12px}.folder-nav .folder-dot{background:var(--lime);border-radius:50%;flex:none;width:7px;height:7px;margin:0}.sidebar-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:16px;margin-top:auto;padding:18px}.sidebar-card-icon{width:35px;height:35px;color:var(--forest);background:var(--lime);border-radius:10px;place-items:center;margin-bottom:13px;display:grid}.sidebar-card strong{margin-bottom:6px;font-size:13px;display:block}.sidebar-card p{color:#9db2ab;margin:0 0 15px;font-size:12px;line-height:1.5}.sidebar-card button{color:#f8f9f5;background:var(--forest-2);cursor:pointer;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:9px 11px;font-size:12px;display:flex}.profile-card{border-top:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:10px;margin-top:16px;padding:12px 7px 4px 2px;transition:background .16s;display:flex}.profile-card:hover{background:#ffffff0e}.avatar{width:34px;height:34px;color:var(--forest);background:#ead0b3;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:750;display:grid}.profile-card>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.profile-card strong{font-size:12px}.profile-card span{color:#8fa89f;font-size:11px}.profile-arrow{margin-left:auto;line-height:1;color:#b6c9c2!important;font-size:22px!important}.main-content{min-height:100vh;margin-left:264px}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2f4efe0;border-bottom:1px solid #d0d7d2d9;align-items:center;gap:16px;height:82px;padding:0 48px;display:flex;position:sticky;top:0}.search-box{color:#76807b;background:#ffffffa6;border:1px solid #d7ddd9;border-radius:12px;align-items:center;gap:10px;width:min(390px,42vw);height:44px;padding:0 13px;display:flex}.search-trigger{color:inherit;flex:none}.search-box:focus-within{background:#fff;border-color:#658a7f;box-shadow:0 0 0 3px #295e4f1a}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search-box input::placeholder{color:#909994}.search-box kbd{color:#858e89;white-space:nowrap;background:#fff;border:1px solid #d7ddd9;border-radius:5px;padding:3px 6px;font:10px/1.2 inherit}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.topbar button>svg,.topbar a>svg{flex:none;margin:0;display:block}.notification-button{background:#ffffff8c;border:1px solid #d7ddd9;border-radius:12px;width:42px;height:42px;margin-left:auto;position:relative}.notification-button i{border:1.5px solid var(--canvas);background:#ef765c;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:10px}.account-sync-trigger{min-height:40px;color:var(--forest);cursor:pointer;background:#ffffffb3;border:1px solid #d7ddd9;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:650;display:inline-flex}.account-sync-trigger.compact{place-items:center;width:40px;height:40px;min-height:40px;padding:0;line-height:0;display:inline-grid}.editor-header .account-sync-trigger{color:#d5e0dc;background:#ffffff12;border-color:#ffffff1f;flex:0 0 38px;width:38px;height:38px;min-height:38px}.account-dialog{background:#fafbf7;border-radius:22px;width:min(440px,100%);max-height:calc(100dvh - 40px);padding:34px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0c1d1859}.account-dialog h2{letter-spacing:-.8px;margin:0 0 20px;font-size:27px}.account-dialog form,.account-session{gap:15px;display:grid}.account-dialog label{color:#4f5a55;gap:7px;font-size:12px;font-weight:650;display:grid}.account-dialog input{border:1px solid #d5ddd8;border-radius:11px;outline:0;height:44px;padding:0 12px}.account-dialog input:focus{border-color:#658a7f;box-shadow:0 0 0 3px #295e4f1a}.account-dialog .primary-button{color:#fff;background:var(--forest);border:0;border-radius:10px;font-weight:700}.account-mode{color:var(--forest-2);cursor:pointer;background:0 0;border:0;font-size:11px}.account-message{color:#9d493e;margin:0;font-size:11px;line-height:1.45}.account-session p{color:var(--muted);margin:0}.account-session .secondary-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.create-button,.primary-button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 17px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 8px 18px #173b3324}.create-button:hover,.primary-button:hover{background:var(--forest-2);transform:translateY(-1px)}.import-button{height:42px;color:var(--forest);cursor:pointer;background:#ffffffb3;border:1px solid #d7ddd9;border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.import-button:hover{background:#fff;border-color:#aebeb7}.mobile-menu,.mobile-brand{display:none!important}.library-wrap{width:min(1180px,100% - 96px);margin:0 auto;padding:58px 0 80px}.hero{justify-content:space-between;align-items:flex-start;gap:40px;min-height:155px;display:flex}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;margin:0 0 10px;font-weight:720;color:#668078!important;font-size:11px!important}.hero h1{color:var(--ink);letter-spacing:-2.4px;margin:0;font-size:clamp(38px,4vw,54px);font-weight:670;line-height:1}.hero>div>p:last-child{max-width:560px;color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.55}.week-card{background:#ffffff94;border:1px solid #dce2de;border-radius:15px;grid-template-columns:1fr auto;align-items:center;min-width:250px;padding:17px 19px;display:grid}.week-card span{color:#7b8580;font-size:11px}.week-card strong{grid-column:1;margin-top:3px;font-size:13px}.mini-bars{grid-area:1/2/span 2;align-items:flex-end;gap:3px;height:47px;display:flex}.mini-bars i{background:#88a39b;border-radius:4px;width:4px;max-height:40px}.mini-bars i:nth-last-child(-n+2){background:var(--lime)}.storage-strip{background:var(--surface);border:1px solid #dce2de;border-radius:15px;justify-content:space-between;align-items:center;gap:24px;min-height:64px;margin:7px 0 43px;padding:0 20px;display:flex;box-shadow:0 6px 22px #21342d09}.storage-copy{color:#59645f;align-items:center;gap:10px;font-size:12px;display:flex}.storage-copy svg{color:var(--forest-2)}.storage-copy strong{color:var(--ink)}.unlimited-badge{color:var(--forest);background:var(--lime-soft);border-radius:99px;padding:6px 10px;font-size:11px;font-weight:720}.section-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title-row>div:first-child{align-items:baseline;gap:11px;display:flex}.section-title-row h2{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:680}.section-title-row span{color:#88918d;font-size:12px}.view-actions{align-items:center;gap:10px;display:flex}.sort-menu-wrap{position:relative}.sort-control{color:#67716c;cursor:pointer;background:#ffffffa6;border:1px solid #d8dedb;border-radius:10px;align-items:center;gap:7px;height:39px;padding:0 10px;display:flex}.sort-control:hover,.sort-control[aria-expanded=true]{background:#fff;border-color:#aab9b2}.sort-control:focus-visible{outline-offset:2px;outline:3px solid #295e4f24}.sort-control span{color:var(--ink);font-size:12px}.sort-menu{z-index:12;background:#fff;border:1px solid #d8dedb;border-radius:12px;width:190px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 42px #192d262e}.sort-menu button{color:#3e4b46;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:0 10px;font-size:12px;display:flex}.sort-menu button:hover,.sort-menu button[aria-checked=true]{color:var(--forest);background:#f0f4f0}.view-toggle{background:#ffffff80;border:1px solid #d8dedb;border-radius:10px;gap:2px;padding:3px;display:flex}.view-toggle button{color:#818985;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.view-toggle button.selected{color:var(--forest);background:#fff;box-shadow:0 2px 7px #1e322b14}.filter-row{scrollbar-width:none;gap:8px;margin:22px 0 25px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{color:#69736e;white-space:nowrap;cursor:pointer;background:#ffffff59;border:1px solid #d8dedb;border-radius:99px;padding:8px 14px;font-size:12px}.filter-row button:hover{border-color:#a9b8b2}.filter-row button.active{border-color:var(--forest);color:#fff;background:var(--forest)}.score-collection.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.score-card{background:var(--surface);border:1px solid #dce1de;border-radius:17px;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;box-shadow:0 6px 22px #1f312b09}.score-card:hover{box-shadow:var(--shadow);border-color:#c8d3ce;transform:translateY(-3px)}.score-card-link{border-radius:inherit;display:block;overflow:hidden}.score-card-link:focus-visible{outline-offset:3px;outline:3px solid #658a7f}.score-art{background:#dae5df;place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.score-art.coral{background:#e7b7a6}.score-art.sage{background:#b9d0c2}.score-art.blue{background:#b9cede}.score-art.amber{background:#e3c887}.score-art.lilac{background:#c9bed8}.score-art.rose{background:#deb8c4}.score-art.mint{background:#b8d7cd}.score-art:before{content:"";border:35px solid #ffffff29;border-radius:50%;width:170px;height:170px;position:absolute;inset:auto -30px -60px auto}.paper{color:#29332f;background:#fffdf6;width:61%;height:82%;padding:20px 18px;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 13px 30px #2226242b}.paper:after{content:"";background:linear-gradient(100deg,#0000 45%,#c8c1ab21 50%,#0000 55%);position:absolute;inset:0}.paper-title{letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-family:Georgia,serif;font-size:8px;font-weight:700;display:block;overflow:hidden}.staff{background:repeating-linear-gradient(#0000 0 4px,#8d8a7e 4px 5px);border-top:1px solid #8d8a7e;border-bottom:1px solid #8d8a7e;height:21px;margin-top:16px;position:relative}.staff i{font:20px Georgia,serif;position:absolute;top:-6px;left:30%}.staff-two{margin-top:11px}.staff-two i{left:65%}.staff-three{margin-top:11px}.staff-three i{left:44%}.score-info{padding:17px 17px 15px}.score-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.score-heading h3{letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:680;overflow:hidden}.score-heading p{color:#7a837f;margin:4px 0 0;font-size:11px}.score-heading>div{min-width:0}.score-more{color:#808a85;flex:none}.score-menu-wrap{z-index:4;position:absolute;top:205px;right:16px}.score-menu-wrap>.score-more{background:#fffffff0;border-radius:8px;width:30px;height:30px}.score-menu-wrap>.score-more:hover{background:#eef1ed}.score-menu{background:#fff;border:1px solid #d8dedb;border-radius:12px;width:210px;padding:6px;display:grid;position:absolute;bottom:36px;right:0;box-shadow:0 14px 38px #192d262e}.score-menu a,.score-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;min-height:36px;padding:0 10px;font-size:12px;display:flex}.score-menu a:hover,.score-menu button:hover{background:#f1f3f0}.score-menu .danger{color:#b84438}.menu-folder{color:#53605a;background:#f6f8f5;border:1px solid #dbe2de;border-radius:9px;align-items:center;gap:8px;min-height:40px;margin:3px 0;padding:0 9px;display:flex}.menu-folder:focus-within{border-color:#78968b;box-shadow:0 0 0 3px #295e4f1a}.menu-folder select{appearance:none;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;flex:1;padding:0 18px 0 0;font-size:11px;font-weight:600;line-height:1.2}.menu-folder>svg:last-child{pointer-events:none;flex:none}.instrument-line{color:#59645f;margin:13px 0;font-size:11px}.score-meta{color:#929a96;border-top:1px solid #edf0ee;align-items:center;gap:8px;padding-top:12px;font-size:10px;display:flex}.score-meta svg{color:#ef765c}.completion{margin-left:auto}.score-collection.list{flex-direction:column;gap:10px;display:flex}.score-collection.list .score-card{display:block}.score-collection.list .score-card-link{grid-template-columns:116px minmax(0,1fr);display:grid}.score-collection.list .score-art{height:116px}.score-collection.list .paper{width:62%;height:84%;padding:10px 8px}.score-collection.list .staff{background:repeating-linear-gradient(#0000 0 2px,#8d8a7e 2px 3px);height:13px;margin-top:7px}.score-collection.list .staff i{font-size:13px;top:-5px}.score-collection.list .score-info{grid-template-columns:minmax(200px,1.2fr) 1fr;align-content:center;column-gap:30px;display:grid}.score-collection.list .score-menu-wrap{top:16px}.score-collection.list .instrument-line{grid-area:1/2;align-self:end;margin:0 0 3px}.score-collection.list .score-meta{border:0;grid-column:2;padding-top:7px}.score-collection.list .completion{margin-left:10px}.empty-state{text-align:center;background:#fff6;border:1px dashed #cbd4cf;border-radius:17px;padding:70px 20px}.empty-state>span{width:52px;height:52px;color:var(--forest);background:var(--lime-soft);border-radius:15px;place-items:center;margin:auto;display:grid}.empty-state h3{margin:18px 0 7px;font-size:17px}.empty-state p{color:var(--muted);margin:0 auto 19px;font-size:13px}.empty-state button,.secondary-button{cursor:pointer;background:#fff;border:1px solid #d4dbd7;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:620}.empty-state-actions{justify-content:center;gap:9px;display:flex}.empty-state-actions button:first-child{border-color:var(--forest);color:#fff;background:var(--forest)}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11251f8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.create-dialog{background:#fafbf7;border:1px solid #fff9;border-radius:22px;width:min(460px,100%);padding:34px;animation:.18s ease-out dialog-in;position:relative;box-shadow:0 30px 90px #0c1d1859}.create-dialog,.confirm-dialog,.shortcut-dialog{max-height:calc(100dvh - 40px);overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog-close{color:#74807a;background:#eef1ed;border-radius:9px;width:34px;height:34px;position:absolute;top:18px;right:18px}.dialog-icon{width:47px;height:47px;color:var(--forest);background:var(--lime);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.create-dialog h2{letter-spacing:-1px;margin:0;font-size:28px}.create-dialog>p:not(.eyebrow){color:var(--muted);margin:10px 0 24px;font-size:13px;line-height:1.5}.create-dialog form{flex-direction:column;gap:17px;display:flex}.create-dialog label{color:#4f5a55;flex-direction:column;gap:7px;font-size:12px;font-weight:650;display:flex}.create-dialog input,.create-dialog select{height:45px;color:var(--ink);background:#fff;border:1px solid #d5ddd8;border-radius:11px;outline:none;padding:0 13px;font-size:13px}.create-dialog input:focus,.create-dialog select:focus{border-color:#668c80;box-shadow:0 0 0 3px #2c64541a}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.primary-button{height:40px}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{height:40px}.nav-scrim{display:none}.dialog-field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.create-dialog .instrument-first{background:#f1f5ee;border:1px solid #cfdad4;border-radius:13px;padding:13px}.create-dialog .instrument-first>span{color:#76817c;font-size:10px;font-weight:450;line-height:1.4}.create-dialog .instrument-first select{border-color:#b8c8c0;font-weight:680}.confirm-dialog{background:#fafbf7;border-radius:20px;width:min(430px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #0c1d1859}.confirm-dialog h2{letter-spacing:-.7px;margin:0 0 10px;font-size:24px}.confirm-dialog>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.55}.import-format-list{gap:9px;margin:19px 0 14px;display:grid}.import-format-list>div{background:#f5f7f3;border:1px solid #dbe2dd;border-radius:11px;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px;display:grid}.import-format-list strong{font-size:13px}.import-format-list code{color:var(--forest-2);justify-self:end;font-size:11px}.import-format-list span{color:var(--muted);grid-column:1/-1;font-size:11px;line-height:1.45}.import-format-note{background:#fff8e8;border-radius:9px;padding:10px 12px;color:#765f32!important;font-size:10px!important}.confirm-dialog form{gap:18px;display:grid}.confirm-dialog label{color:#4f5a55;gap:7px;font-size:12px;font-weight:650;display:grid}.confirm-dialog input{border:1px solid #d5ddd8;border-radius:11px;outline:0;height:44px;padding:0 12px}.confirm-dialog input:focus{border-color:#658a7f;box-shadow:0 0 0 3px #295e4f1a}.danger-dialog-icon{color:#ac4035;background:#f7ded9;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.danger-button{color:#fff;cursor:pointer;background:#b84438;border:0;border-radius:10px;min-height:40px;padding:0 15px;font-size:12px;font-weight:680}.library-loading{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-shell{background:#e8ebe6;min-height:100vh}.editor-header{z-index:20;color:#fff;background:var(--forest);align-items:center;gap:12px;height:68px;padding:0 22px;display:flex;position:relative;box-shadow:0 5px 20px #112b242e}.editor-header .brand-mark{width:31px;height:31px}.editor-back{color:#d8e3df;border:1px solid #ffffff29;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.editor-back:hover{background:#ffffff14}.editor-title-block{flex-direction:column;min-width:180px;margin-left:4px;display:flex}.editor-title-block input{color:#fff;background:0 0;border:0;border-radius:5px;outline:0;width:min(380px,34vw);padding:2px 5px;font-size:14px;font-weight:680}.editor-title-block input:focus{background:#ffffff17;box-shadow:0 0 0 2px #cce35e73}.editor-title-block span{color:#91aaa2;padding-left:5px;font-size:10px}.save-indicator{color:#b9cac4;background:#ffffff0f;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-width:112px;margin-left:auto;padding:7px 10px;font-size:11px;display:inline-flex}.save-indicator.saved{color:#ddeaab}.save-indicator.error{color:#ffb0a4}.editor-help{color:#d5e0dc;background:#ffffff12;border-radius:11px;width:38px;height:38px}.transport-bar{z-index:15;background:#fafbf8f5;border-bottom:1px solid #d6dcd8;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:59px;padding:8px 24px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 16px #1c2f290f}.transport-group{white-space:nowrap;align-items:center;gap:5px;display:flex}.transport-group button{color:#5e6964;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;min-width:37px;height:37px;padding:0 8px;display:grid}.transport-group button:hover:not(:disabled){background:#e9ede9}.transport-group button:focus-visible{outline:3px solid #295e4f38}.transport-group button:disabled{opacity:.34;cursor:not-allowed}.transport-group button.active{color:var(--forest);background:var(--lime-soft);box-shadow:inset 0 0 0 1px #dce8a9}.transport-group .play-button{color:#fff;background:var(--forest)}.transport-group .play-button:hover{color:#fff;background:var(--forest-2)}.transport-group span{font-size:11px}.transport-divider{background:#dce1de;flex:none;width:1px;height:29px}.duration-tools button{position:relative}.duration-tools button span{font-family:Georgia,Times New Roman,serif;font-size:23px;line-height:1}.duration-tools button:after{content:attr(data-tooltip);z-index:30;color:#fff;opacity:0;pointer-events:none;background:#173b33;border-radius:7px;width:max-content;max-width:180px;padding:6px 8px;font:600 10px/1.25 Inter,sans-serif;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-3px)}.duration-tools button:hover:after,.duration-tools button:focus-visible:after{opacity:1;transform:translate(-50%)}.transport-group button.text-tool{width:auto;padding:0 12px;font-size:11px;font-weight:650;display:inline-flex}.editor-workspace{grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 127px);display:grid}.inspector{z-index:8;background:#f7f8f5;border-right:1px solid #d4dad6;padding:0 22px 24px;position:relative;overflow-y:auto}.inspector-tabs{background:#fbfcfa;border-bottom:1px solid #d4dad6;grid-template-columns:repeat(3,1fr);margin:0 -22px 22px;display:grid}.inspector-tabs button{color:#66736d;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;min-height:51px;padding:0 7px;font-size:11px;font-weight:650}.inspector-tabs button:hover{color:var(--forest);background:#f1f4f0}.inspector-tabs button[aria-selected=true]{border-bottom-color:var(--forest-2);color:var(--forest);background:#fff}.inspector-heading{color:#81908a;letter-spacing:1.2px;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:23px;font-size:11px;font-weight:750;display:flex}.inspector>label{color:#68736e;gap:7px;margin-bottom:20px;font-size:11px;font-weight:650;display:grid}.inspector select{height:40px;color:var(--ink);background:#fff;border:1px solid #d4dbd7;border-radius:9px;outline:0;padding:0 10px;font-size:12px}.inspector select:focus{border-color:#658a7f;box-shadow:0 0 0 3px #295e4f1a}.instrument-picker{color:#68736e;gap:7px;margin-bottom:20px;font-size:11px;font-weight:650;display:grid;position:relative}.instrument-picker-trigger{width:100%;height:42px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d4dbd7;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:12px;font-weight:620;display:flex}.instrument-picker-trigger:hover,.instrument-picker-trigger[aria-expanded=true]{background:#fbfcfa;border-color:#8fa69d}.instrument-picker-trigger:focus-visible{outline-offset:2px;outline:3px solid #295e4f24}.instrument-picker-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.instrument-options{z-index:18;background:#fff;border:1px solid #ccd7d1;border-radius:12px;max-height:270px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 46px #152b2433}.instrument-options button{color:#43504b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:12px;display:flex}.instrument-options button:hover,.instrument-options button[aria-selected=true]{color:var(--forest);background:#eef3ef}.instrument-options button[aria-selected=true]{font-weight:700}.inspector-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px;display:grid}.inspector-grid div{background:#fff;border:1px solid #e0e4e1;border-radius:9px;gap:4px;padding:10px;display:grid}.inspector-grid span{color:#8a938f;font-size:9px}.inspector-grid strong{font-size:11px}.tempo-input{align-items:center;gap:10px;display:flex}.tempo-input input{min-width:0;accent-color:var(--forest-2);flex:1}.tempo-input output{width:38px;height:30px;color:var(--ink);background:#eaeeea;border-radius:7px;place-items:center;font-size:11px;display:grid}.selection-panel{margin-top:0;padding-top:0}.inspector-help{color:#77827d;font-size:11px;line-height:1.55}.selection-panel>span{color:#7d8883;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:750}.selection-panel>strong{margin-top:12px;font-size:22px;display:block}.selection-panel p{color:#7a8580;margin:7px 0;font-size:11px;line-height:1.5}.transpose-buttons{gap:6px;margin-top:12px;display:flex}.transpose-buttons button{cursor:pointer;background:#fff;border:1px solid #d5ddd8;border-radius:8px;flex:1;padding:8px 4px;font-size:9px}.editor-select-grid{margin-bottom:18px}.editor-select-grid label,.selection-control{color:#68736e;gap:5px;font-size:10px;font-weight:650;display:grid}.score-transpose-panel{background:#f0f4f0;border:1px solid #d9e0dc;border-radius:11px;gap:9px;margin-bottom:20px;padding:13px;display:grid}.score-transpose-panel label{color:#52615b;gap:6px;font-size:10px;font-weight:700;display:grid}.score-transpose-panel p{color:#74807b;margin:0;font-size:10px;line-height:1.5}.score-transpose-panel .secondary-button{width:100%;color:var(--forest);background:#fff}.score-transpose-panel .secondary-button:disabled{color:#9aa49f;cursor:not-allowed;background:#eef1ee}.score-transpose-caption{color:#52615b;margin-top:3px;font-size:10px;font-weight:700}.score-octave-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.score-octave-buttons button{min-height:34px;color:var(--forest);cursor:pointer;background:#fff;border:1px solid #d4dcd7;border-radius:8px;padding:0 7px;font-size:9px;font-weight:650}.score-octave-buttons button:hover{background:#fbfcfa;border-color:#9fb1a9}.selection-control{margin-top:9px}.selection-control select{height:34px}.score-canvas{background:#e7eae5;padding:35px 44px 220px;position:relative;overflow:auto}.canvas-tip{z-index:5;color:#64706a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbf8e6;border:1px solid #d2d9d5;border-radius:99px;width:fit-content;margin:0 auto 17px;padding:7px 12px;font-size:10px;position:sticky;top:0}.notation-page{background:#fffef9;width:min(980px,100%);min-height:780px;margin:0 auto;padding:53px 57px 80px;box-shadow:0 15px 50px #1a2c2621}.score-page-heading{text-align:center;margin-bottom:25px}.score-page-heading h2{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.score-page-heading p{color:#747b77;margin:7px 0 0;font-family:Georgia,serif;font-size:11px}.notation-measures{gap:14px;display:grid}.notation-system{cursor:crosshair;min-width:0;position:relative}.notation-system:focus-visible{outline-offset:4px;outline:2px solid #78978e}.measure-number{z-index:2;color:#8e938f;pointer-events:none;padding-left:6px;font-size:9px;position:absolute;top:1px}.vexflow-host{width:100%;overflow:hidden}.vexflow-host svg{width:100%;height:auto;display:block}.vexflow-host .vf-stavenote{cursor:pointer;transition:filter .12s}.vexflow-host .vf-stavenote:hover *{stroke:#437565!important;fill:#437565!important}.vexflow-host .vf-stavenote.is-selected *{filter:drop-shadow(0 0 2px #2b745f4d);stroke:#2b745f!important;fill:#2b745f!important}.vexflow-host .vf-stavenote.is-playing *{filter:drop-shadow(0 0 3px #e7684f73);stroke:#e7684f!important;fill:#e7684f!important}.vexflow-host .vf-stavenote.is-dragging{cursor:ns-resize;transform:translateY(var(--drag-y,0));transform-box:fill-box}.playback-cursor{top:var(--playback-top,57px);left:var(--playback-x,0);z-index:4;width:2px;height:var(--playback-height,106px);pointer-events:none;background:#e7684f;border-radius:3px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #ffffffb8,0 0 8px #e7684fa6}.playback-cursor[hidden]{display:none}.score-continuation{border-top:1px dashed #d8ddd8;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;padding-top:15px;display:flex}.score-continuation span{color:#89928e;font-size:10px}.score-continuation button{color:var(--forest);cursor:pointer;background:#f7faf5;border:1px solid #c8d4ce;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:680}.score-continuation button:hover{background:var(--lime-soft);border-color:#8da69b}.piano-panel{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafbf8f7;border:1px solid #1b3c3333;border-radius:16px;margin:0;padding:12px 14px 14px;position:fixed;bottom:14px;left:358px;right:18px;box-shadow:0 18px 50px #192d2638}.piano-navigation{z-index:2;background:#fff;border:1px solid #d0d8d3;border-radius:99px;display:flex;position:absolute;top:-24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 20px #192d2621}.piano-navigation button{width:39px;height:39px;color:var(--forest);cursor:pointer;background:#fff;border:0;border-right:1px solid #e1e6e3;place-items:center;display:grid}.piano-navigation button:last-child{border-right:0}.piano-navigation button:hover{background:#eff3ef}.piano-panel-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:10px;display:flex}.piano-panel-heading div{gap:2px;display:grid}.piano-panel-heading span{color:#74817b;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:750}.piano-panel-heading strong{font-size:13px}.piano-panel-heading p{color:#74817b;margin:0;font-size:10px}.piano-keyboard{background:#1e2925;border-radius:0 0 10px 10px;height:104px;padding:0 3px 3px;display:flex;overflow-x:auto}.piano-key{cursor:pointer;border:0;flex:1 0 38px;min-width:28px;position:relative}.piano-key.white{background:linear-gradient(#fff,#f3f2eb);border-right:1px solid #bcc5c0;border-radius:0 0 6px 6px;height:100%;box-shadow:inset 0 -5px #dddcd4}.piano-key.black{z-index:2;background:linear-gradient(#19221f,#34423d);border-radius:0 0 5px 5px;flex-basis:24px;min-width:18px;height:63%;margin:0 -12px;box-shadow:inset 0 -4px #101714,0 4px 6px #0000003d}.piano-key:hover{filter:brightness(.95)}.piano-key:active{transform:translateY(2px)}.piano-key:focus-visible{z-index:4;outline:3px solid var(--lime);outline-offset:-3px}.piano-key.white:after{content:attr(data-key-label);color:#7b8580;text-align:center;font-size:9px;position:absolute;bottom:9px;left:0;right:0}.auth-shell{background:radial-gradient(circle at 85% 15%,#cce35e33,#0000 28%),linear-gradient(145deg,#edf1ec,#f7f8f3);place-items:center;min-height:100dvh;padding:36px 20px;display:grid}.auth-card{background:#ffffffeb;border:1px solid #d9e0dc;border-radius:22px;width:min(460px,100%);padding:34px;position:relative;box-shadow:0 26px 80px #18332b21}.auth-card .brand{color:var(--forest);margin:0 0 28px}.auth-card>.eyebrow{margin-top:20px}.auth-card>h1{letter-spacing:-1.2px;margin:0;font-size:32px;line-height:1.05}.auth-card>h1+p{color:var(--muted);margin:13px 0 25px;font-size:13px;line-height:1.6}.auth-back{color:#61706a;align-items:center;gap:6px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;top:25px;right:28px}.auth-back:hover{color:var(--forest)}.auth-card form{gap:15px;display:grid}.auth-card form label{color:#58655f;gap:7px;font-size:11px;font-weight:680;display:grid}.auth-card form input{height:44px;color:var(--ink);background:#fff;border:1px solid #d1dad5;border-radius:10px;outline:0;padding:0 12px;font-size:13px}.auth-card form input:focus{border-color:#658a7f;box-shadow:0 0 0 3px #295e4f1a}.auth-card form input[readonly]{color:#6f7a75;background:#f2f4f1}.auth-submit{width:100%;margin-top:3px}.auth-submit[aria-disabled=true],.auth-submit:disabled{opacity:.6;cursor:wait}.auth-switch{color:#77817c;text-align:center;margin:20px 0 0;font-size:11px}.auth-switch a{color:var(--forest);font-weight:750}.auth-message{color:#a0473d;align-items:center;gap:7px;margin:0;font-size:11px;line-height:1.45;display:flex}.auth-message.success{color:#2d705d}.profile-avatar{width:68px;height:68px;color:var(--forest);background:#ead0b3;border-radius:20px;place-items:center;font-size:20px;font-weight:780;display:grid}.profile-auth-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-auth-actions a{justify-content:center;align-items:center;display:inline-flex}.profile-signout{color:#9d493e;cursor:pointer;background:#fff9f8;border:1px solid #e1cbc7;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:13px;font-size:12px;font-weight:680;display:flex}.auth-loading{color:var(--forest);align-items:center;gap:9px;font-size:13px;display:flex}.editor-loading,.editor-fallback{text-align:center;background:var(--canvas);place-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.editor-fallback h1{margin:0}.editor-fallback p{color:var(--muted)}.editor-fallback a{color:#fff;background:var(--forest);border-radius:10px;padding:10px 15px}.shortcut-dialog{background:#fafbf7;border-radius:22px;width:min(520px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #0c1d1859}.shortcut-dialog h2{margin:0 0 20px;font-size:27px}.shortcut-dialog dl{margin:0 0 22px;display:grid}.shortcut-dialog dl div{border-bottom:1px solid #e4e8e5;grid-template-columns:125px 1fr;gap:15px;padding:10px 0;display:grid}.shortcut-dialog dt{font-size:11px;font-weight:750}.shortcut-dialog dd{color:var(--muted);margin:0;font-size:11px}@media (max-width:1100px){.score-collection.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-wrap{width:calc(100% - 64px)}.topbar{padding:0 32px}.search-box{flex:1;width:auto;min-width:120px}.import-button{place-items:center;width:42px;padding:0;line-height:0;display:inline-grid}.import-button>span,.week-card{display:none}.editor-workspace{grid-template-columns:290px minmax(0,1fr)}.notation-page{padding-left:35px;padding-right:35px}.piano-panel{left:308px}.editor-workspace{height:calc(100vh - 186px)}}@media (max-width:900px) and (min-width:761px){.create-button{place-items:center;width:42px;padding:0;line-height:0;display:inline-grid}.create-button>span{display:none}}@media (max-width:760px){.sidebar{visibility:hidden;width:min(290px,86vw);transition:transform .22s,visibility .22s;transform:translate(-105%)}.sidebar.sidebar-open{visibility:visible;transform:translate(0)}.mobile-close{color:#c3d0cc;background:#ffffff12;border-radius:9px;width:35px;height:35px;display:grid!important}.nav-scrim{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1626216b;border:0;display:block;position:fixed;inset:0}.main-content{margin-left:0}.topbar{gap:11px;height:70px;padding:0 18px}.mobile-menu{background:#ffffff8c;border:1px solid #d7ddd9;border-radius:11px;place-items:center;width:39px;height:39px;line-height:0;display:grid!important}.mobile-brand{display:block!important}.mobile-brand .brand{gap:8px}.mobile-brand .brand-mark{border-radius:9px 9px 9px 3px;width:29px;height:29px}.mobile-brand .brand-name{font-size:18px}.mobile-brand .brand-mark i{height:18px}.search-box{border-radius:11px;justify-content:center;width:42px;height:42px;margin-left:auto;padding:0}.search-box input,.search-box kbd,.notification-button{display:none}.search-box.search-open{z-index:2;background:#fff;justify-content:flex-start;width:auto;padding:0 13px;position:absolute;left:18px;right:18px}.search-box.search-open input{display:block}.import-button{place-items:center;width:42px;height:42px;padding:0}.create-button{place-items:center;gap:0;width:42px;height:42px;padding:0;line-height:0}.create-button>span{display:none}.create-button svg{margin:0}.library-wrap{width:calc(100% - 36px);padding:38px 0 70px}.hero{min-height:131px}.hero h1{letter-spacing:-1.7px;font-size:38px}.hero>div>p:last-child{margin-top:13px;font-size:13px}.storage-strip{gap:12px;margin-bottom:35px;padding:14px 15px}.section-title-row{align-items:flex-end}.section-title-row>div:first-child{display:block}.section-title-row h2{margin-bottom:3px}.sort-control{justify-content:center;width:39px;padding:0}.sort-control span,.sort-control svg:last-child{display:none}.sort-menu{width:180px;right:-2px}.filter-row{margin-right:-18px;padding-right:18px}.score-collection.grid{grid-template-columns:1fr;gap:16px}.score-art{height:208px}.score-collection.list .score-card-link{grid-template-columns:116px minmax(0,1fr)}.score-collection.list .score-art{height:126px}.score-collection.list .paper{width:70%}.score-collection.list .score-info{grid-template-columns:minmax(0,1fr);align-content:center;padding:14px 46px 14px 16px;display:grid}.score-collection.list .instrument-line{grid-area:auto/1;margin:8px 0}.score-collection.list .score-meta{border-top:1px solid #edf0ee;padding-top:8px}.score-collection.list .completion{display:none}.score-menu-wrap{top:222px}.dialog-field-grid{grid-template-columns:1fr}.dialog-backdrop{align-items:start;padding:12px}.create-dialog,.confirm-dialog,.shortcut-dialog{max-height:calc(100dvh - 24px);margin:auto 0;padding:26px 22px}.editor-header{padding:0 14px}.editor-title-block input{width:42vw}.save-indicator{min-width:34px;padding:8px;font-size:0}.transport-bar{padding-left:14px;padding-right:14px}.editor-workspace{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 127px)}.inspector{border-bottom:1px solid #d4dad6;border-right:0;padding:0 20px 22px;display:block;overflow:visible}.inspector-tabs{margin-left:-20px;margin-right:-20px}.inspector>label{margin-bottom:0}.score-canvas{min-height:720px;padding:27px 24px 220px}.notation-page{min-width:680px;padding:45px 34px 70px}.piano-panel{min-width:0;bottom:10px;left:10px;right:10px}}@media (max-width:400px){.mobile-brand .brand-name{display:none}.storage-copy span{max-width:155px}.editor-header{gap:6px;padding:0 8px}.editor-header .brand-mark{width:28px;height:28px}.editor-title-block{flex:1;min-width:0;margin-left:0}.editor-title-block input{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;overflow:hidden}.editor-title-block span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-indicator{flex:0 0 34px;margin-left:0}.editor-help{flex:0 0 34px;width:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}