@font-face{font-family:Bravura;src:url(/assets/bravura-CBWYXOFh.woff2)format("woff2");font-display:block}@font-face{font-family:Academico;src:url(/assets/academico-CBNs-hlO.woff2)format("woff2");font-display:swap}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;--ink:#302334;--muted:#746478;--accent:#8f3656;--accent-hover:#72233f;--deep:#2b172c;--border:#dfd5df;--rose:#edb2c6;--paper:#fff;--canvas:#f2eef2;--surface:#faf7fa;--raised:#fffbfe;--tint:#efe1e8;--tint-hover:#e4d5e1;--deep-muted:#cebad0;--deep-border:#785e79;--on-deep:#f7fbff;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}main{flex-direction:column;flex:1;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding:1.25rem clamp(1.25rem,3vw,3rem);font-size:.8rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.site-footer a{min-height:44px;color:var(--accent);text-underline-offset:.2em;align-items:center;display:inline-flex}.site-footer a:hover{color:var(--accent-hover)}.feedback-form{gap:.5rem;display:grid}.feedback-form label{margin-top:.6rem;font-size:.875rem;font-weight:650}.feedback-form input,.feedback-form textarea{border:1px solid var(--border);background:var(--paper);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:8px;padding:.75rem}.feedback-form textarea{resize:vertical;min-height:140px}.feedback-hint,.feedback-status{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.feedback-status:empty{display:none}.feedback-actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.feedback-dialog .feedback-contact{overflow-wrap:anywhere;font-size:.85rem}.feedback-contact a{color:var(--accent);text-underline-offset:.2em}button,input,select{font:inherit}button,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,select,input,summary{outline-offset:5px}:focus-visible{outline:3px solid var(--accent)}::selection{background:var(--rose);color:var(--deep)}button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.65rem 1rem;font-size:.875rem;font-weight:650;transition:background .15s,box-shadow .15s;display:inline-flex}svg{flex-shrink:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--raised);color:var(--ink);border-radius:8px;padding:.7rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.studio-header{color:#fff;background:var(--deep);border-bottom:3px solid var(--accent);justify-content:space-between;align-items:center;gap:1rem;min-height:76px;padding:1rem clamp(1.25rem,3vw,3rem);display:flex}.brand-lockup{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.brand-mark{width:64px;height:52px;display:block;overflow:visible}.brand-eye,.brand-melo{color:var(--on-deep)}.brand-note,.brand-read{color:var(--rose)}.brand-lockup>div{gap:.1rem;display:grid}.brand-lockup strong{letter-spacing:-.055em;white-space:nowrap;font-family:Segoe UI,system-ui,sans-serif;font-size:1.75rem;font-weight:750;line-height:1.1}.brand-lockup>div>span{color:var(--deep-muted);font-size:.8rem}.session-status{color:var(--deep-muted);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.status-dot{background:var(--rose);border-radius:50%;width:7px;height:7px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.studio-header{flex-wrap:wrap}.account-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;max-width:100%;display:flex}.account-menu{z-index:30;width:min(240px,100vw - 2rem);color:var(--ink);background:var(--raised);border:1px solid var(--border);border-radius:10px;gap:.25rem;padding:.6rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 35px #23112630}.account-menu .menu-sign-out{border-top:1px solid var(--border);border-radius:0;margin-top:.35rem;padding-top:.85rem}.account-menu .quiet-button{justify-content:flex-start;width:100%;min-height:44px}.account-menu{max-height:calc(100dvh - 8rem);overflow-y:auto}.account-actions{align-items:center;gap:.5rem;display:flex;position:relative}.account-icon{justify-content:center;width:44px;min-height:44px;padding:.65rem}.account-status{color:var(--deep-muted);text-align:right;max-width:32ch;font-size:.75rem;line-height:1.4}.account-status:empty{display:none}.studio-header{grid-template-columns:minmax(0,1fr) minmax(220px,340px) minmax(0,1fr);display:grid}.header-actions{grid-column:3;justify-self:end}.header-offer{text-align:center;color:var(--deep-muted);margin:0;font-size:.875rem;line-height:1.6}.header-offer strong{color:var(--on-deep);font-weight:650}@media (width<=1100px){.studio-header{grid-template-columns:minmax(0,1fr) auto}.header-actions{grid-area:1/2}.header-offer{grid-area:2/1/auto/-1}}@media (width<=720px){.studio-header{display:flex}.header-offer{flex-basis:100%;order:3}}.access-price{color:var(--ink);font-size:1.8rem;font-weight:700}.access-price span{color:var(--muted);font-size:.875rem;font-weight:400;display:block}.settings-toggle{border-color:var(--deep-border);color:var(--on-deep);background:#ffffff0c}.settings-toggle:hover{background:#ffffff1c}.settings-toggle:focus-visible{outline-color:var(--rose)}.sound-dialog{width:min(480px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);background:var(--raised);border:1px solid var(--border);border-radius:16px;margin:auto;padding:1.5rem;overflow-y:auto;box-shadow:0 30px 90px #23112650}.sound-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24152599}.about-dialog{width:min(700px,100vw - 2rem)}.about-dialog section{margin:1.5rem 0;line-height:1.65}.about-dialog h3{margin:0 0 .6rem;font-size:1.15rem;line-height:1.4}.about-dialog h4{margin-bottom:.5rem;font-size:1rem}.about-dialog p,.generation-steps{color:var(--muted)}.about-dialog p{margin:.6rem 0}.generation-steps{padding-left:1.5rem}.generation-steps li{margin:.9rem 0;padding-left:.25rem}.generation-steps strong{color:var(--ink)}.about-dialog a{color:var(--accent);overflow-wrap:anywhere;text-underline-offset:.2em}.settings-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-heading h2{letter-spacing:-.035em;margin:.4rem 0 0;font:500 1.9rem Georgia,serif}.settings-heading .quiet-button{min-width:44px;min-height:44px}.sound-dialog>p{color:var(--muted);font-size:1rem;line-height:1.5}.sound-dialog .preset-description{margin:.5rem 0 1.5rem;font-size:.875rem}.sound-control{margin-top:1.1rem}.sound-control input[type=range]{margin-top:.35rem}.sound-preview-row{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1.5rem;display:flex}.sound-dialog .settings-cookie-note{border-top:1px solid var(--border);margin:1.25rem 0;padding-top:1rem;font-size:.875rem}.settings-footer{justify-content:flex-end;display:flex}.settings-footer button{min-width:90px}.theme-picker{border:0;min-width:0;margin:1.25rem 0 1.5rem;padding:0}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.theme-option{border:1px solid var(--border);cursor:pointer;background:var(--raised);border-radius:9px;gap:.35rem;padding:.75rem;display:grid;position:relative}.theme-option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--tint)}.theme-option:focus-within{outline:3px solid var(--accent);outline-offset:3px}.theme-option input{width:18px;height:18px;accent-color:var(--accent);margin:0;position:absolute;top:.65rem;right:.65rem}.theme-swatches{border:1px solid #00000015;border-radius:4px;height:20px;margin-right:26px;display:flex;overflow:hidden}.theme-swatches span{flex:1}.theme-option strong{font-size:.875rem}.theme-option small{color:var(--muted);font-size:.8rem;line-height:1.4}.sound-section-heading{border-top:1px solid var(--border);margin:0 0 1rem;padding-top:1rem;font-size:1rem}.workspace-shell{flex:1;grid-template-columns:312px minmax(0,1fr);display:grid}.control-panel{background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 1.7rem}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:750;display:block}.panel-heading h1{letter-spacing:-.035em;margin:.5rem 0;font-family:Georgia,serif;font-size:1.9rem;font-weight:500;line-height:1.15}.panel-heading p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.practice-selection{min-width:0;margin-top:1.5rem}.practice-playback{border-top:1px solid var(--border);min-width:0;margin-top:1.4rem;padding-top:1.2rem}.practice-playback .tempo-control{border:0;margin:0;padding:0}.access-check{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.access-check .quiet-button{padding-inline:0}.control-stack{margin-top:0}.control-label{font-size:.875rem;font-weight:650}select{border:1px solid var(--border);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:9px;margin-top:.6rem;padding:.6rem .85rem;font-weight:650}.grade-note{margin-top:.8rem}.grade-note>span{background:var(--tint);color:var(--accent);letter-spacing:.025em;border-radius:5px;padding:.23rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.grade-note p{color:var(--muted);margin:.5rem 0 0;font-size:.875rem;line-height:1.45}.tempo-control{border-top:1px solid var(--border);margin-top:1.55rem;padding-top:1.3rem}.control-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.control-row output{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}input[type=range]{width:100%;height:28px;accent-color:var(--accent);cursor:pointer;margin:.8rem 0 .2rem;display:block}input[type=range]:disabled{opacity:.5;cursor:not-allowed}.tempo-range{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 5px 15px #5e203219}.primary-button:hover{background:var(--accent-hover)}.generate-button{width:100%;min-height:48px;margin-top:1.55rem}.demo-picker{min-width:0;margin-top:1.4rem}.demo-picker .generate-button{margin-top:.7rem}.demo-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.875rem}.demo-note{color:var(--muted);margin:.65rem 0 0;font-size:.875rem;line-height:1.45}.demo-upgrade{border:1px solid var(--border);background:var(--tint);border-radius:10px;margin-top:1rem;padding:1rem}.demo-upgrade strong{font-size:1rem}.demo-upgrade p{color:var(--ink);margin:.5rem 0;font-size:.875rem;line-height:1.5}.demo-upgrade .quiet-button{min-height:44px;padding-left:0}.access-features{gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.access-features li{align-items:start;gap:.7rem;font-size:1rem;line-height:1.5;display:flex}.access-features svg{color:var(--accent);margin-top:.2rem}.access-dialog .access-status{border-top:1px solid var(--border);padding-top:1rem;font-size:.875rem}.purchase-steps{background:var(--tint);color:var(--muted);border-radius:9px;gap:.55rem;padding:1rem;font-size:.875rem;list-style:none;display:grid}.purchase-steps .complete{color:var(--accent);font-weight:650}.purchase-actions{flex-wrap:wrap;gap:.5rem}.access-dialog .checkout-payment-note{font-size:.875rem}.practice-card{border-top:1px solid var(--border);gap:.8rem;margin-top:1.3rem;padding:1rem 0;display:flex}.practice-card-icon{height:34px;color:var(--accent);background:var(--tint);border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.practice-card strong{font-size:.875rem}.practice-card p{color:var(--muted);margin:.3rem 0 0;font-size:.875rem;line-height:1.45}.score-workspace{min-width:0;padding:2rem clamp(1rem,3vw,3.25rem) 3rem}.piece-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.2rem;max-width:1400px;margin:0 auto 1.5rem;display:flex}.piece-header h2{letter-spacing:-.04em;margin:.45rem 0;font-family:Georgia,serif;font-size:clamp(1.8rem,2.4vw,2.4rem);font-weight:500;line-height:1.1}.piece-header p{color:var(--muted);margin:0;font-family:Georgia,serif;font-size:1rem;font-style:italic}.details-control{max-width:100%}.learning-tools{border-top:1px solid var(--border);margin-top:1.55rem;padding-top:1.3rem}.tool-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.7rem;display:grid}.tool-options label{border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .85rem;font-size:.875rem;display:flex;position:relative}.tool-options label:hover{background:var(--tint)}.tool-options label:focus-within{outline:3px solid var(--accent);outline-offset:3px}.tool-options label:has(input:checked){color:var(--accent);background:var(--tint);border-radius:6px}.tool-options input{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.piece-facts{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.piece-facts>div{min-width:82px;padding:.65rem .85rem;display:grid}.piece-facts>div:first-child{min-width:112px}.piece-facts>div+div{border-left:1px solid var(--border)}.piece-facts b{white-space:nowrap;margin-bottom:.22rem;font-size:.875rem;font-weight:650}.piece-facts span{color:var(--muted);font-size:.75rem}.detail-value{block-size:1.25em;inline-size:8ch;max-inline-size:100%;display:block;position:relative}.piece-facts>div:first-child .detail-value{inline-size:12ch}.detail-value>span{color:inherit;font:inherit;white-space:nowrap;position:absolute;inset:0}.piece-facts .concealed{color:var(--muted);letter-spacing:.2em;-webkit-user-select:none;user-select:none}.visibility-button{min-width:44px;color:var(--accent);background:var(--tint);border-left:1px solid var(--border);border-radius:0;padding:.7rem}.visibility-button:hover{background:var(--tint-hover)}.details-hint{color:var(--muted);margin-top:.4rem;font-size:.75rem;display:block}.notation-frame{background:var(--paper);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:4px 4px 12px 12px;max-width:1400px;margin:auto;overflow:hidden;box-shadow:0 15px 35px #3620370b,0 2px 5px #36203706}.notation-toolbar{border-bottom:1px solid var(--border);background:var(--raised);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.15rem;display:flex}.notation-toolbar .eyebrow{color:var(--muted);font-size:.7rem}.quiet-button{min-height:38px;color:var(--accent);background:0 0;padding:.4rem .65rem;font-size:.875rem}.quiet-button:hover{background:var(--tint)}kbd{font:inherit;border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:.1rem .35rem;font-size:.75rem}.notation-scroll{overflow:auto}.score-container{min-width:0}.score-canvas{width:max-content;min-width:100%;padding-top:.5rem}.score-canvas svg{max-width:none}.score-footer{color:var(--muted);justify-content:space-between;gap:1rem;padding:.5rem 1.6rem 1.2rem;font-size:.75rem;display:flex}.score-loading{color:var(--muted);padding:3rem 1.5rem}:is(.notation-frame.focus-mode,.notation-frame:fullscreen){z-index:1000;background:#fff;border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100%;margin:0;display:flex;position:fixed;inset:0}.focus-mode .notation-toolbar{flex-shrink:0;padding:.6rem clamp(1rem,3vw,3rem)}.focus-mode .notation-scroll{flex:1;min-height:0;padding:1rem clamp(.25rem,2vw,2.5rem)}.focus-mode .score-footer{display:none}.transport{background:var(--deep);color:#fff;border-radius:11px;flex-direction:column;align-items:stretch;gap:1rem;margin-top:1.15rem;padding:.85rem;display:flex}.transport-copy{align-items:center;gap:.8rem;min-width:0;display:flex}.transport-pulse{background:var(--deep-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.transport-pulse.is-playing{background:var(--rose);animation:1.2s ease-out infinite pulse}.transport-copy>div{gap:.2rem;display:grid}.transport-copy strong{font-size:.875rem}.transport-copy span{color:var(--deep-muted);font-size:.8rem}.transport-actions{flex-shrink:0;gap:.6rem;display:flex}.transport-actions button{flex:1;min-width:0;padding-inline:.6rem}.play-button{background:var(--rose);min-width:96px;color:var(--deep)}.play-button:hover:not(:disabled){background:var(--tint)}.stop-button{border-color:var(--deep-border);color:var(--on-deep);background:0 0}.stop-button:hover:not(:disabled){background:var(--deep-border)}.transport button:focus-visible{outline-color:var(--rose)}.reading-notes{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-width:1400px;margin:1rem auto 0}.reading-notes summary{cursor:pointer;align-items:center;gap:.6rem;padding:1rem;font-size:.875rem;font-weight:650;display:flex}.reading-notes summary:after{content:"+";color:var(--accent);margin-left:auto;font-size:1.2rem}.reading-notes[open] summary:after{content:"−"}.reading-notes summary svg{color:var(--accent)}.reading-notes ul{color:var(--muted);grid-template-columns:repeat(3,1fr);gap:.7rem 1.7rem;margin:0;padding:0 1.5rem 1.2rem 2.2rem;font-size:.875rem;line-height:1.5;display:grid}.error-message{color:#a42045;background:#fff0f4;padding:1rem;font-size:1rem}@keyframes pulse{0%{box-shadow:0 0 #edb2c64d}to{box-shadow:0 0 0 7px #edb2c600}}@media (width<=950px){.workspace-shell{grid-template-columns:260px minmax(0,1fr)}.control-panel{padding:1.8rem 1.25rem}.panel-heading h1{font-size:2.1rem}.score-workspace{padding-inline:1.2rem}.transport{flex-wrap:wrap}.reading-notes ul{grid-template-columns:1fr}}@media (width<=720px){.studio-header{flex-wrap:wrap}.header-actions{flex-wrap:wrap;gap:.5rem}.demo-picker{margin:0}.demo-upgrade{grid-column:1/-1;margin:0}.workspace-shell{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding:1.5rem;display:grid}.panel-heading{grid-column:1/-1}.panel-heading h1{margin:.5rem 0;font-size:1.9rem}.practice-selection{margin:0}.practice-selection .demo-picker{margin-top:1rem}.practice-playback{border:0;margin:0;padding:0}.practice-playback .transport{margin-top:1rem}.control-stack,.tempo-control,.generate-button,.practice-card{margin:0}.tempo-control{border:0;padding:0}.control-row{flex-wrap:wrap}.practice-card{border:0;padding:0}.learning-tools{grid-column:1/-1;margin:0;padding-top:1rem}.tool-options label{justify-content:center;padding-inline:.4rem}.transport{margin:0}.control-panel>.error-message{grid-column:1/-1}.generate-button{align-self:start}.score-workspace{padding:1.5rem 1rem}.session-status{display:none}.piece-header{gap:1.3rem}.details-control{width:100%}.piece-facts>div{flex:1;min-width:0}.notation-toolbar{padding-inline:.75rem}}@media (width<=420px){.practice-selection,.practice-playback,.access-check,.demo-picker{grid-column:1/-1}.brand-lockup>div>span{display:none}.brand-lockup strong{font-size:1.6rem}.brand-mark{width:54px;height:44px}.settings-toggle{padding-inline:.65rem}.sound-dialog{padding:1.2rem}.control-panel{gap:1rem;padding:1.25rem}.tool-options{grid-template-columns:repeat(2,minmax(0,1fr))}.transport,.control-stack,.tempo-control,.generate-button,.practice-card{grid-column:1/-1}.piece-facts>div{padding:.6rem .5rem}.piece-facts>div:first-child{min-width:98px}.transport{flex-direction:column;align-items:stretch}.transport-actions button{flex:1}.notation-toolbar .eyebrow{letter-spacing:.03em;font-size:.65rem}.quiet-button{padding-inline:.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}