@font-face{font-family:"Banpai Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/banpai-400.woff") format("woff")}
@font-face{font-family:"Banpai Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/banpai-600.woff") format("woff")}
:root{--bg:#f6f7f2;--ink:#293b30;--green:#365c46;--dark:#294737;--muted:#8c9783;--line:#e2e7db;--pale:#edf2e3;--lime:#e0ebc2;font-family:"Banpai Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{font-weight:600}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #9aaf7c}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.row{display:flex;align-items:center;gap:11px}.spread{justify-content:space-between}.muted{color:var(--muted)}.micro{font-size:12px;color:#99a28e;line-height:1.8}.full{width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:9px 15px;background:#fff;border:1px solid #dce3d3;border-radius:7px;color:#678051;font-size:12px;white-space:nowrap}.button:hover{background:#f2f6ea}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.primary:hover{background:#284a36}.button.pale{background:var(--pale);border-color:var(--pale)}.button.danger{color:#aa6154;border-color:#ead5cc}.button svg{width:16px;height:16px}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#71865e;padding:7px 0;white-space:nowrap}.text-button:hover{color:#355b28}.text-button svg{width:14px;height:14px}.icon-button{width:31px;height:31px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:#7e8d70;background:#fff}.icon-button svg{width:16px;height:16px}.zoom-button{border:1px solid var(--line);border-radius:5px;background:#fafcf5;min-width:27px;height:27px;color:#75896a}.card{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 3px 6px #263c2a02}.sidebar{width:202px;position:fixed;inset:0 auto 0 0;background:#fcfcf9;border-right:1px solid var(--line);padding:34px 18px 20px;display:flex;flex-direction:column;z-index:9}.brand{display:flex;gap:11px;align-items:center;margin-left:10px}.brand strong{font-size:29px;letter-spacing:2px}.brand strong>span{color:#8c9d69}.brand small{display:block;font-size:12px;letter-spacing:1.8px;margin-top:4px}.brand-icon{display:flex;align-items:flex-end;gap:4px;height:40px}.brand-icon i{display:block;background:var(--green);width:8px;height:28px;border-radius:4px}.brand-icon i:nth-child(2){height:40px}.brand-icon i:nth-child(3){height:33px}.nav-label{font-size:12px;color:#a1aa94;margin:49px 12px 18px;letter-spacing:1px}.nav-link{width:100%;display:flex;align-items:center;gap:11px;height:46px;border-radius:7px;text-align:left;margin-bottom:7px;padding:0 13px;color:#87927b;font-size:12px}.nav-link.active{background:#eaf0df;color:#4e6e3c}.nav-link:hover{background:#f0f3e9}.nav-arrow,.nav-count{margin-left:auto}.nav-count{background:#ecf0e4;padding:1px 6px;font-size:12px;border-radius:4px}.sidebar-note{border-top:1px solid var(--line);margin:46px 10px 20px;padding-top:27px}.sidebar-note>span{font-size:29px;color:#8b9b6a}.sidebar-note h3{font-size:12px;margin:13px 0}.sidebar-note p{font-size:12px;line-height:2.2;color:#97a18a}.tiny-staff{font-family:Georgia,serif;font-size:24px;color:#b7c3a2;margin-top:21px;transform:rotate(-8deg)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:19px 3px 0;display:flex;gap:8px;align-items:center}.avatar{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;background:#ebefdf;color:#8b9d6b;font:15px Georgia,serif}.sidebar-bottom b{font-size:12px;font-weight:400}.sidebar-bottom small{display:block;font-size:12px;margin-top:5px;color:#a1ab93}.sidebar-bottom>span:last-child{margin-left:auto;color:#9ba88d}.sidebar-bottom svg{width:13px;height:13px}.workspace{margin-left:202px}.topbar{height:64px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;background:#fcfcf9}.slash{padding:0 15px;color:#b5bda8}.private-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#91a07e}.private-label svg{height:12px;width:12px}.workspace main{max-width:1580px;padding:32px 34px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:#93a275;font-weight:600;margin-bottom:10px}h1{font-size:29px;letter-spacing:1px;line-height:1.5}h1>span{color:#a6b78b}.intro{font-size:12px;line-height:1.9;color:#8e9b81;margin-top:7px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:19px}.studio-main{min-width:0;display:flex;flex-direction:column;gap:18px}.score-card{overflow:hidden}.piece-header{display:flex;align-items:center;justify-content:space-between;padding:24px 27px 20px;gap:15px}.piece-header h2{font-size:24px;letter-spacing:1px}.piece-header>div>.muted{font-size:12px;line-height:1.7;margin-top:8px}.piece-header .eyebrow{font-size:12px;margin-bottom:8px}.sheet-toolbar{background:#fafbf7;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:10px;font-size:12px}.sheet-toolbar .row{gap:12px}.sheet-label{color:#617a4e;font-weight:600;padding-right:9px;border-right:1px solid var(--line)}.check-label{display:flex;align-items:center;gap:5px;color:#91a07e;white-space:nowrap;font-size:12px;cursor:pointer}.check-label input{width:12px;height:12px;accent-color:#779760;margin:0}.notation-scroll{height:420px;overflow:auto;position:relative;background:#fffefa;scrollbar-color:#d4dcc7 transparent;scrollbar-width:thin;padding:8px 4px}.notation-scroll:fullscreen{height:100vh;padding:30px;background:#fffefa}.sheet-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #eef0e6;padding:12px 24px;font-size:12px;color:#94a083;line-height:1.8}.sheet-caption>span{max-width:74%}.practice-options{padding:17px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fdfefb}.practice-options>label,.range-options{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#919f80}.practice-options select{max-width:135px}.practice-options input{width:49px;padding:5px;text-align:center}.practice-options select,.practice-options input{background:#f9fbf4;border:1px solid #e1e7d7;border-radius:5px;font-size:12px;height:31px;color:#647950}.range-options .row{gap:7px}.practice-settings{padding:13px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tempo-setting{display:flex;align-items:center;gap:9px;font-size:12px;color:#8b9a79}.tempo-setting input[type=number]{width:43px;background:transparent;border:0;text-align:center;font-size:15px;color:#5e7849;appearance:textfield}.tempo-setting input::-webkit-inner-spin-button{display:none}.tempo-setting input[type=range]{width:80px;height:3px;accent-color:#90a574}.tempo-setting .muted{font-size:12px}.play-console{background:var(--dark);color:#d7e1c7;padding:18px 24px 20px}.console-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.console-top>span:first-child{display:flex;gap:7px;align-items:center}.status-dot{display:inline-block;border-radius:50%;width:5px;height:5px;background:#b4c98d}.beat-dots{display:flex;gap:5px}.beat-dots i{width:5px;height:5px;background:#5d7852;border-radius:50%}.beat-dots i.active{background:#ddecab;box-shadow:0 0 8px #cde99877}.timer{font-size:12px;color:#93a785;font-variant-numeric:tabular-nums}.timer b{color:#d5e4be;font-weight:400}.timeline{height:2px;background:#506b46;margin:15px 0 18px}.timeline>div{height:100%;width:0;background:#d4e6a5;transition:width .08s linear}.console-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.console-actions>span{font-size:12px;line-height:1.8;color:#9ab08a}.play-console .primary{background:var(--lime);border-color:var(--lime);color:#38542a;min-width:147px;font-weight:600}.recording .status-dot{background:#e7ba81;animation:pulse 1s infinite}.recording .play-console .primary{background:#f2e4c7;border-color:#f2e4c7}.right-rail{display:flex;flex-direction:column;gap:16px}.connection-card{padding:22px 19px;text-align:center}.connection-card h3{font-size:12px}.status-pill{font-size:12px;padding:4px 6px;border:1px solid #e5e9db;border-radius:4px;background:#f9faf6;color:#97a28c}.status-pill.connected{color:#749653;border-color:#d7e4c6;background:#f0f6e7}.connection-illustration{height:98px;display:flex;justify-content:center;align-items:center;position:relative}.mini-piano{width:87px;height:45px;background:#e6edda;border:1px solid #d1ddc1;padding:8px 4px 4px;display:flex;gap:2px;border-radius:5px;transform:rotate(-9deg);box-shadow:0 7px 12px #415b3412}.mini-piano i{flex:1;background:#fffff9;border-radius:1px;border:1px solid #dee6d1;position:relative}.mini-piano i:nth-child(1):after,.mini-piano i:nth-child(2):after,.mini-piano i:nth-child(4):after,.mini-piano i:nth-child(5):after,.mini-piano i:nth-child(6):after{content:'';position:absolute;top:-1px;right:-5px;width:7px;height:17px;background:#879973;border-radius:0 0 1px 1px;z-index:2}.connection-illustration>span{position:absolute;bottom:11px;right:43px;width:27px;height:27px;border-radius:50%;background:#f1f5e9;border:3px solid #fff;color:#8c9d72;display:grid;place-items:center}.connection-illustration svg{height:13px;width:13px}.connection-card h4{font-size:12px;line-height:1.8}.connection-card>p{font-size:12px;color:#99a18d;line-height:1.9;margin:9px 0 15px}.connection-card .full{font-size:12px}.connection-card>select{width:100%;font-size:12px;padding:8px;background:#f8faf2;border:1px solid var(--line);border-radius:5px;margin-top:9px}.connection-card>.muted{display:block;font-size:12px;margin-top:16px}.connection-card>.text-button{font-size:12px;margin:5px 0 8px}.connection-card>p.micro{font-size:12px;margin:9px 0 0}#input-activity{display:flex;align-items:center;justify-content:center;gap:7px;color:#a2ac94;font-size:12px;height:18px;margin-top:12px}.signal-bars{display:flex;align-items:center;height:12px;gap:2px}.signal-bars i{width:2px;height:5px;background:#acba98}.signal-bars i:nth-child(2){height:11px}.signal-bars i:nth-child(3){height:8px}.signal-bars i:nth-child(4){height:12px}.receiving{color:#547e38!important}.receiving i{background:#729b4e}.connection-divider{border-top:1px solid var(--line);margin-top:16px}.coach-note{display:flex;gap:10px;padding:18px;background:#ecf1e2;border:1px solid #e5ecd9;border-radius:9px}.coach-note>span{color:#8fa26e}.coach-note h4{font-size:12px;margin-bottom:9px}.coach-note p{font-size:12px;color:#929f80;line-height:1.9}.source-card{padding:17px;font-size:12px;color:#8c9d78}.source-card summary{cursor:pointer;color:#6d8258}.source-card p{line-height:1.9;margin-top:12px}.source-card a{text-decoration:underline;text-underline-offset:3px}.score-file-actions{display:flex;align-items:flex-start;flex-direction:column;margin-top:10px}.score-file-actions .text-button{font-size:12px}.keyboard-panel{padding:18px 22px}.keyboard-panel summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:12px;list-style:none}.keyboard-panel summary small{font-size:12px;font-weight:400;color:#9aa78c;background:#f4f7ec;padding:3px 6px;margin-left:8px}.keyboard-panel summary b{font:19px Georgia,serif;color:#8ea478}.keyboard-controls{display:flex;justify-content:space-between;align-items:center;margin:13px 0 17px;gap:10px}.keyboard-controls p{font-size:12px;color:#96a386;line-height:1.8}.keyboard-controls .row{font-size:12px;color:#92a181;gap:5px;white-space:nowrap}.piano{display:flex;position:relative;gap:3px;height:116px;background:#293a2f;padding:6px 6px 0;border-radius:5px;box-shadow:0 3px #dbe2d0;touch-action:none;user-select:none}.piano-key{flex:1;position:relative;border:1px solid #e5e4d7;background:linear-gradient(#f3f2eb,#fffef7);box-shadow:inset 0 -4px #e6e6d6;border-radius:0 0 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:9px;touch-action:none;color:#8f9c7e}.piano-key>span{font-size:12px}.piano-key small{font-size:12px;color:#b0b9a1;margin-top:5px}.piano-key.black{position:absolute;top:6px;width:7.7%;height:66px;z-index:2;background:linear-gradient(90deg,#2b3a31,#435345);border:1px solid #243b2a;box-shadow:inset 0 -4px #203525,0 3px 4px #243c2633}.piano-key.black>span{font-size:12px;color:#a1b08f}.piano-key.pressed{background:#dcecb9;box-shadow:inset 0 -3px #b5cd91;color:#4d742e}.piano-key.black.pressed{background:#8ba970}.keyboard-footer{font-size:12px;color:#9dab8b;line-height:1.8;margin-top:13px}.feedback-empty{display:flex;gap:15px;padding:23px;align-items:center;background:#fbfcf7}.feedback-empty>span{color:#97aa7a}.feedback-empty h3{font-size:12px;margin-bottom:7px}.feedback-empty p{font-size:12px;color:#9aaa88;line-height:1.8}.feedback-result{padding:23px}.result-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.result-heading h3{font-size:19px;margin-bottom:8px}.result-heading p{font-size:12px;color:#92a080;line-height:1.9}.result-actions{display:flex;gap:13px}.result-actions .text-button{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:22px 0}.metric{border-radius:7px;padding:16px;background:#f3f6ed}.metric-label{font-size:12px;color:#8d9d7b}.metric b{display:block;font-size:28px;font-weight:400;margin:6px 0}.metric b small{font-size:12px;color:#8fa079}.metric p{font-size:12px;color:#a0ad8f;line-height:1.7}.result-advice{background:#fafbf7;border-left:3px solid #c6d6aa;padding:13px 16px;font-size:12px;line-height:1.9;color:#839772}.result-advice p+p{margin-top:6px}.result-advice strong{color:#5b7a41;font-weight:600}.bar-feedback{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.bar-feedback button{border:1px solid #dce6ce;background:#f0f6e7;color:#729455;font-size:12px;padding:7px 9px;border-radius:4px}.bar-feedback button.has-error{background:#faf0e6;border-color:#ecd5ba;color:#b88b57}.bar-feedback button.has-miss{background:#f1eee8;border-color:#e0dacf;color:#a79a83}.detail-disclosure{border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:#879b75}.detail-disclosure summary{cursor:pointer}.detail-scroll{max-height:300px;overflow:auto;margin-top:12px}.detail-table{width:100%;border-collapse:collapse;font-size:12px}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid #eef1e6;padding:9px 6px}.detail-table th{position:sticky;top:0;background:#f8faf3;color:#879b74;font-weight:400}.analysis-explainer{font-size:12px;line-height:1.8;color:#a3b092;margin-top:14px}.empty-result p{font-size:12px;line-height:1.9;color:#8c9d7a;margin:12px 0}.library-banner{border-radius:12px;background:#eaf0df;border:1px solid #e0e8d1;display:flex;align-items:center;gap:24px;padding:24px 28px;position:relative;overflow:hidden;margin-bottom:25px}.banner-art{font:93px Georgia,serif;color:#a7b98b;line-height:1;width:70px;text-align:center}.library-banner h2{font-size:20px;letter-spacing:.8px}.library-banner p:not(.eyebrow){font-size:12px;color:#94a380;line-height:1.9;margin-top:9px}.banner-chip{margin-left:auto;white-space:nowrap;font-size:12px;color:#96a682;letter-spacing:.5px}.library-controls{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:15px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button,.filter-pill{padding:8px 12px;font-size:12px;border-radius:5px;color:#92a07f;background:transparent}.filter-tabs button.active,.filter-pill.active{background:#e8eedb;color:#5f7d46}.search-box{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:white;padding:9px 12px;color:#96a686;min-width:180px}.search-box svg{width:14px;height:14px}.search-box input{width:150px;font-size:12px;border:0;outline:0;background:transparent}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.score-tile{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0}.score-cover{height:118px;background:#edf2e3;position:relative;padding:20px 22px;overflow:hidden;color:#8d9e71}.score-cover.hanon{background:#e5ebd9}.score-cover.czerny{background:#efeade;color:#b0a381}.score-cover.custom{background:#e5ece9;color:#94aaa0}.cover-series{font-size:12px;letter-spacing:1.7px}.cover-number{font:46px Georgia,serif;line-height:1;margin-top:11px;letter-spacing:3px}.cover-staff{position:absolute;right:-10px;top:30px;width:125px;height:53px;background:repeating-linear-gradient(transparent 0,transparent 11px,currentColor 11px,currentColor 12px);opacity:.28;transform:rotate(-10deg)}.cover-staff:after{content:'♪　♫';position:absolute;font:40px Georgia,serif;top:-7px;left:18px}.favorite-button{position:absolute;right:12px;top:12px;color:#98a982;border:1px solid #ffffff88;background:#ffffff66;border-radius:50%;height:27px;width:27px;font-size:15px;z-index:1}.favorite-button.is-favorite{color:#bda367;background:#fff9de}.tile-body{padding:19px;display:flex;flex:1;flex-direction:column}.tile-body h3{font-size:15px;line-height:1.7}.tile-byline{font-size:12px;color:#9aa78c;line-height:1.8;margin-top:6px}.tile-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 18px}.tile-tags span{font-size:12px;border:1px solid #e6ebdd;background:#f8faf4;color:#94a77e;border-radius:4px;padding:3px 6px}.tile-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:8px}.tile-footer .button{font-size:12px;min-height:32px;padding:6px 11px}.tile-footer .row{gap:7px}.tile-footer .icon-button{width:27px;height:27px;border:0;color:#9dab8e}.import-drop{border:1px dashed #cddac0;border-radius:10px;background:#f3f6ec;display:flex;align-items:center;gap:18px;padding:24px;margin-top:24px;cursor:pointer}.import-drop>span:first-child{color:#94a780}.import-drop h3,.import-drop b{font-size:12px;font-weight:400}.import-drop p{font-size:12px;color:#9aa98a;margin-top:6px;line-height:1.8}.import-drop>span:last-child{margin-left:auto;font-size:12px;color:#889d73}.import-drop.dragging{background:#e1edce;border-color:#95b271}.library-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9dab8c;margin:13px 0}.library-empty{text-align:center;padding:65px 20px;grid-column:1/-1;border:1px solid var(--line);border-radius:10px;background:#fff;color:#93a383;line-height:2}.practice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:10px}.stat-card b{font-size:31px;font-weight:400;display:block;margin-top:12px}.stat-card span{font-size:12px;color:#92a27f}.stat-card b small{font-size:12px;color:#a3b08f;margin-left:5px}.history-filters{margin-bottom:15px}.history-filters>.muted{margin-left:auto;font-size:12px}.history-row{display:grid;grid-template-columns:1.7fr 1.2fr .8fr .7fr 1.1fr;align-items:center;gap:12px;padding:18px 21px;width:100%;background:#fff;text-align:left;border-bottom:1px solid #edf0e6;font-size:12px}.history-row:last-child{border-bottom:0}.history-row:hover{background:#fafcf6}.history-row small{display:block;font-size:12px;color:#9caa8b;margin-top:5px}.history-row .history-score{font-size:17px;color:#6f8d50}.history-source{font-size:12px;color:#97a488}.history-date{font-size:12px;color:#a0ac90}.history-empty{padding:45px 20px;text-align:center;font-size:12px;color:#9eaa8d;line-height:2}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:24px 0;border-top:1px solid var(--line);font-size:12px;color:#a4b094}.footer-brand{color:#91a17d}.toast{position:fixed;bottom:24px;left:calc(50% + 101px);transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(610px,85vw);width:max-content;padding:13px 20px;border-radius:7px;background:#304e3c;color:#e5efd8;font-size:12px;line-height:1.9;z-index:100;box-shadow:0 8px 26px #28452c22}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:30px;max-width:650px;width:calc(100% - 32px);max-height:90vh;overflow:auto;background:#fff;box-shadow:0 30px 100px #1f372735}dialog::backdrop{background:#1e33264f;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin-bottom:15px}.dialog-close{position:absolute;right:15px;top:10px;font-size:26px;color:#9baa88}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.help-dialog{max-width:560px}.help-step{display:flex;gap:15px;margin:22px 0}.help-step>b{flex-shrink:0;border:1px solid #dae5ca;background:#f1f6e9;color:#8aa46c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:400}.help-step h3{font-size:13px;margin-bottom:7px}.help-step p{font-size:12px;line-height:1.9;color:#8d9c7d}.help-box{background:#f5f8ee;border-radius:8px;padding:18px;margin:20px 0}.help-box h3{font-size:12px;margin:12px 0 6px}.help-box h3:first-child{margin-top:0}.help-box p{font-size:12px;line-height:1.9;color:#91a180}.confirm-dialog{max-width:420px}.confirm-dialog h2{font-size:20px}.confirm-dialog p{font-size:12px;line-height:1.9;color:#8d9f7b}.import-tabs{display:flex;border-bottom:1px solid var(--line);margin:20px 0 17px}.import-tabs button{padding:10px 14px;font-size:12px;color:#95a586;border-bottom:2px solid transparent}.import-tabs button.active{color:#567a3d;border-color:#8da975}.file-pick{height:80px;background:#f6f9ee;border:1px dashed #cfdcbe}.import-dialog .micro{margin:10px 0}.import-dialog textarea{width:100%;resize:vertical;min-height:170px;font:12px/1.7 ui-monospace,monospace;border:1px solid #dce6ce;border-radius:6px;padding:12px;background:#fafcf6}.error-message{font-size:12px;line-height:1.9;color:#a9604b;background:#fcf0e9;border-radius:6px;padding:12px 15px;margin-top:14px}.import-summary{margin-top:20px;border:1px solid #e2e9d6;background:#fafcf5;border-radius:7px;padding:16px}.import-summary h3{font-size:15px;margin-bottom:9px}.import-summary p{font-size:12px;line-height:1.9;color:#91a480}.import-summary label{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:12px}.import-summary input,.import-summary select,.track-row select{border:1px solid #dce6ce;border-radius:5px;padding:7px;background:#fff;min-width:0}.import-summary input{width:100%}.track-list{margin-top:15px;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:6px}.track-row{display:grid;grid-template-columns:1fr 128px;align-items:center;gap:15px;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.track-row small{display:block;font-size:12px;color:#98aa86;margin-top:5px}.import-warning{padding:10px 0;font-size:12px;line-height:1.9;color:#b09367}.editor-dialog{width:calc(100% - 50px);max-width:1380px;max-height:94vh;padding:26px;overflow:auto}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.editor-header h2{font-size:21px;margin:0}.editor-header .button{font-size:12px}.editor-meta{display:grid;grid-template-columns:2fr 1.3fr .7fr .7fr .7fr;gap:13px;margin:18px 0}.editor-meta label,.note-properties label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#8ea07c}.editor-meta input,.editor-meta select,.note-properties select{border:1px solid #dce5d0;background:#fafcf5;border-radius:5px;padding:8px;min-width:0;font-size:12px;color:#526e3e}.editor-sheet{height:215px;overflow:auto;background:#fffef9;border:1px solid #e6ebdc;border-radius:8px}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:19px;margin-top:21px}.editor-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.editor-tools .button{padding:6px 9px;font-size:12px;min-height:30px}.editor-tools input{width:43px;border:1px solid #dce5d0;border-radius:4px;text-align:center;padding:5px;background:#fafcf5}.editor-tools select{background:#fafcf5;border:1px solid #dce5d0;border-radius:4px;padding:6px;font-size:12px}.editor-tools label{font-size:12px;color:#82996d}.editor-instruction{font-size:12px;line-height:1.9;color:#9aaa89;margin:12px 0}.note-grid{max-height:355px;overflow:auto;min-width:0;border:1px solid #dce5d0;border-radius:7px;touch-action:pan-y;position:relative;scrollbar-color:#d4dfc6 transparent}.roll-inner{display:flex;position:relative;min-width:400px}.roll-labels{width:52px;flex-shrink:0;position:sticky;left:0;z-index:4;background:#f8faf3;box-shadow:2px 0 3px #6179450b}.roll-corner{height:27px;font-size:12px;display:grid;place-items:center;border-bottom:1px solid #dce5d0;color:#9caa8b}.roll-key{font:9px ui-monospace,monospace;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;border-bottom:1px solid #e6ecdc;color:#97a881}.roll-key.black{background:#e5ebdc;color:#8d9e7a}.roll-surface{flex:1;min-width:0}.roll-beats{height:27px;display:flex;background:#f5f8ee;color:#92a67b;position:sticky;top:0;z-index:3;border-bottom:1px solid #dce5d0}.roll-beats>span{flex:1;border-right:1px solid #e0e8d6;font-size:12px;padding-left:5px;display:flex;align-items:center}.roll-grid{position:relative;background:repeating-linear-gradient(90deg,transparent,transparent calc(100% / var(--columns) - 1px),#d9e2cd calc(100% / var(--columns) - 1px),#d9e2cd calc(100% / var(--columns)));touch-action:none}.roll-lane{height:var(--row-h);border-bottom:1px solid #e9eedf;pointer-events:none}.roll-lane.black{background:#edf2e752}.roll-note{position:absolute;background:#b8cda0;border:1px solid #9ab782;border-radius:3px;color:#537638;overflow:hidden;text-align:left;padding:0 4px;white-space:nowrap;font-size:12px;line-height:15px;touch-action:none;cursor:grab;z-index:2;min-width:8px}.roll-note.selected{background:#6f9453;color:#fff;border-color:#547b39;box-shadow:0 0 0 2px #d6e6c4}.roll-note.rest{background:repeating-linear-gradient(45deg,#f0eadb,#f0eadb 3px,#e5dbc4 3px,#e5dbc4 6px);border-color:#c9bda0;color:#9b8969}.editor-grid-footer{display:flex;justify-content:space-between;gap:15px;margin-top:10px;font-size:12px;line-height:1.8;color:#9aaa8a}.editor-grid-footer .text-button{font-size:12px}.note-properties{border-left:1px solid var(--line);padding-left:20px}.note-properties h3{font-size:17px;margin-bottom:18px}.note-properties label{margin-bottom:15px}.note-properties>.button{font-size:12px;width:100%}.note-properties p:not(.eyebrow){font-size:12px;line-height:1.9;color:#9aaa88;margin-top:15px}.focus-mode .sidebar,.focus-mode .topbar,.focus-mode .page-heading,.focus-mode .right-rail,.focus-mode .keyboard-panel,.focus-mode #feedback-content,.focus-mode footer{display:none}.focus-mode .workspace{margin-left:0}.focus-mode .workspace main{max-width:1500px;padding:14px}.focus-mode .studio-layout{display:block}.focus-mode .notation-scroll{height:calc(100vh - 360px);min-height:360px}.focus-mode .toast{left:50%}@keyframes pulse{50%{opacity:.2}}
@media(min-width:1550px){.notation-scroll{height:490px}.studio-layout{grid-template-columns:minmax(0,1fr) 260px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.sidebar{width:180px;padding:30px 12px}.workspace{margin-left:180px}.workspace main{padding:27px 24px 0}.topbar{padding:0 24px}.studio-layout{grid-template-columns:minmax(0,1fr) 223px;gap:15px}.piece-header{padding:22px}.sheet-toolbar{padding:9px 18px}.sheet-toolbar .row{gap:8px}.sheet-caption,.practice-options,.practice-settings,.play-console{padding-left:20px;padding-right:20px}.practice-options{gap:12px}.tempo-setting input[type=range]{width:45px}.tempo-setting .muted{display:none}.connection-card{padding:20px 16px}.banner-chip{display:none}.toast{left:calc(50% + 90px)}.editor-header{align-items:flex-start}.editor-header .row{gap:6px}.editor-header .button{padding:8px 10px}.editor-workspace{grid-template-columns:minmax(0,1fr) 185px}}
@media(max-width:1020px){.sidebar{width:76px;padding:28px 9px}.brand{margin:0;justify-content:center}.brand>div,.nav-label,.sidebar-note,.sidebar-bottom,.nav-count,.nav-arrow{display:none}.sidebar nav{margin-top:43px}.nav-link{font-size:0;padding:0;justify-content:center}.nav-link svg{width:20px;height:20px}.workspace{margin-left:76px}.toast{left:calc(50% + 38px)}.studio-layout{grid-template-columns:minmax(0,1fr) 218px}.practice-options{flex-wrap:wrap}.practice-options>label{flex:1}.range-options{flex:1.2}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-heading{flex-direction:column;gap:8px}.banner-art{font-size:76px}.editor-meta{grid-template-columns:1.6fr 1fr .7fr .7fr .7fr}.editor-dialog{width:calc(100% - 25px);padding:22px}}
@media(max-width:780px){.sidebar{position:static;width:100%;height:64px;padding:12px 19px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{gap:8px}.brand>div{display:block}.brand strong{font-size:23px}.brand small{display:none}.brand-icon{height:29px;gap:3px}.brand-icon i{width:6px;height:21px}.brand-icon i:nth-child(2){height:29px}.brand-icon i:nth-child(3){height:24px}.sidebar nav{display:flex;gap:6px;margin:0}.nav-link{width:36px;height:34px;margin:0}.workspace{margin:0}.topbar{height:44px;padding:0 19px;font-size:12px}.topbar .muted{font-size:12px}.topbar .private-label{display:none}.workspace main{padding:24px 18px 0}.page-heading{gap:12px;align-items:flex-start;margin-bottom:24px}.page-heading .button{font-size:12px;padding:7px 10px;min-height:33px}.page-heading>.row{flex-direction:column;gap:7px;align-items:stretch}.eyebrow{font-size:12px;letter-spacing:1.5px}h1{font-size:23px;letter-spacing:.5px}.intro{font-size:12px;line-height:1.9}.studio-layout{display:flex;flex-direction:column}.right-rail{order:-1;display:block}.connection-card{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px;text-align:left}.connection-card>.row{grid-column:1/-1;margin-bottom:12px}.connection-illustration{display:none}.connection-card h4{font-size:12px}.connection-card>p{grid-column:1;font-size:12px;margin:5px 0 0}.connection-card>#connect-button{grid-column:2;grid-row:2/4;align-self:center;margin:0}.connection-card #device-select{grid-column:1/-1}.connection-card #input-activity{grid-column:1/-1;justify-content:flex-start;margin-top:9px}.connection-divider{grid-column:1/-1;margin-top:10px}.connection-card>.muted{display:none}.connection-card #virtual-button{grid-column:1;font-size:12px;justify-content:flex-start;margin:9px 0 0}.connection-card #demo-button{grid-column:2;margin-top:10px;font-size:12px;min-height:31px;padding:6px}.connection-card>.micro{grid-column:1/-1;text-align:right;font-size:12px!important;margin-top:6px!important}.coach-note,.source-card{display:none}.piece-header{padding:21px 18px 17px}.piece-header h2{font-size:22px}.piece-header .muted{font-size:12px}.sheet-toolbar{padding:9px 12px}.sheet-toolbar .row{gap:7px}.sheet-label{display:none}.check-label{font-size:12px}.sheet-toolbar #zoom-value{font-size:12px}.sheet-toolbar .icon-button{width:26px;height:26px}.sheet-toolbar .zoom-button{min-width:22px;width:22px;height:24px;padding:0}.notation-scroll{height:390px;padding:6px 0}.sheet-caption{padding:10px 15px;font-size:12px}.sheet-caption .text-button{font-size:12px}.sheet-caption>span{max-width:62%}.practice-options{padding:15px;gap:13px;flex-wrap:wrap}.practice-options>label{flex:1}.practice-options select{font-size:12px;max-width:none;width:100%}.range-options{order:3;flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between}.range-options input{height:27px;width:42px}.practice-settings{padding:3px 15px 15px}.tempo-setting{gap:6px;font-size:12px}.tempo-setting input[type=range]{display:none}.tempo-setting input[type=number]{font-size:14px;width:34px}.play-console{padding:16px}.console-top{font-size:12px}.console-actions>span{max-width:170px;font-size:12px}.play-console .primary{min-width:132px;padding:10px 13px}.keyboard-panel{padding:18px 15px}.keyboard-controls{align-items:flex-start}.keyboard-controls p{font-size:12px;max-width:195px}.keyboard-controls .row{gap:4px;font-size:12px}.piano{height:116px;gap:2px}.piano-key.black{height:67px}.keyboard-footer{font-size:12px}.keyboard-panel summary{font-size:12px}.keyboard-panel summary small{font-size:12px;margin-left:4px}.feedback-empty{padding:20px;gap:10px}.feedback-empty h3{font-size:12px}.feedback-empty p{font-size:12px}.feedback-result{padding:19px 15px}.result-heading h3{font-size:17px}.result-heading p{font-size:12px}.metrics{gap:7px;margin:17px 0}.metric{padding:12px 9px}.metric b{font-size:23px}.metric-label{font-size:12px}.metric p{font-size:12px}.result-advice{font-size:12px;padding:12px}.detail-table{font-size:12px}.bar-feedback{gap:5px}.bar-feedback button{font-size:12px;padding:6px}.library-banner{padding:22px 17px;gap:12px}.banner-art{font-size:61px;width:45px;flex-shrink:0}.library-banner .eyebrow{font-size:12px;letter-spacing:.8px}.library-banner h2{font-size:16px}.library-banner p:not(.eyebrow){font-size:12px}.library-controls{flex-direction:column;align-items:stretch;gap:13px}.filter-tabs{gap:4px}.filter-tabs button{font-size:12px;padding:7px 10px}.search-box{padding:9px 12px}.search-box input{width:100%}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.score-cover{height:98px;padding:15px}.cover-number{font-size:36px}.cover-series{font-size:12px;letter-spacing:.6px}.cover-staff{width:80px;right:-20px;top:40px}.tile-body{padding:14px 12px}.tile-body h3{font-size:12px}.tile-byline{font-size:12px}.tile-tags{gap:4px;margin:10px 0 13px}.tile-tags span{font-size:12px;padding:2px 4px}.tile-footer{gap:4px;flex-wrap:wrap}.tile-footer .button{font-size:12px;padding:5px 8px;min-height:29px}.tile-footer .row{gap:1px}.tile-footer .icon-button{width:23px;height:23px}.import-drop{padding:19px 15px;gap:11px}.import-drop p{font-size:12px}.import-drop>span:last-child{display:none}.library-footer{gap:12px;align-items:flex-start;font-size:12px;line-height:1.8}.library-footer .text-button{font-size:12px}.practice-stats{gap:8px}.stat-card{padding:16px 12px}.stat-card span{font-size:12px}.stat-card b{font-size:26px}.history-filters{gap:3px;flex-wrap:wrap}.history-filters .filter-pill{font-size:12px;padding:7px 10px}.history-filters .muted{font-size:12px}.history-row{grid-template-columns:1.6fr .8fr .7fr;gap:10px;padding:16px;font-size:12px}.history-row .history-date,.history-row .history-range{display:none}.history-source{font-size:12px}.history-row small{font-size:12px}.history-row .history-score{font-size:15px}footer{flex-direction:column;align-items:flex-start;gap:9px;font-size:12px;padding:20px 0}.toast{left:50%;max-width:calc(100vw - 32px);bottom:15px;font-size:12px}dialog{padding:27px 21px;max-height:92vh}dialog h2{font-size:21px}.import-summary label{flex-wrap:wrap}.track-row{grid-template-columns:1fr 105px;gap:10px}.track-row select{font-size:12px}.editor-dialog{width:calc(100% - 16px);padding:19px 15px;max-height:96vh}.editor-header{flex-direction:column;gap:14px}.editor-header h2{font-size:18px}.editor-header>.row{width:100%;gap:7px}.editor-header .button{font-size:12px;min-height:32px;padding:6px 10px}.editor-header #editor-close{margin-left:auto}.editor-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.editor-meta>label:nth-child(1){grid-column:span 2}.editor-meta>label:nth-child(2){grid-column:auto}.editor-meta input,.editor-meta select{font-size:12px;padding:7px}.editor-sheet{height:210px}.editor-workspace{grid-template-columns:1fr;gap:18px}.editor-tools{gap:11px}.editor-tools .row{gap:6px}.editor-tools .button{font-size:12px}.editor-tools select{font-size:12px;padding:6px}.editor-instruction{font-size:12px}.note-grid{max-height:285px}.note-properties{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.note-properties .eyebrow,.note-properties h3,.note-properties p{grid-column:1/-1}.note-properties h3{font-size:15px;margin-bottom:15px}.note-properties label{font-size:12px}.note-properties select{font-size:12px}.note-properties .button{align-self:end;margin-bottom:15px}.editor-grid-footer{flex-direction:column;gap:5px}.editor-grid-footer .row{gap:15px}.focus-mode .notation-scroll{height:calc(100vh - 370px);min-height:320px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.result-warning{background:#fff5e7;color:#826139;padding:12px 15px;margin:15px 0;border-radius:6px;font-size:13px;line-height:1.8}.result-badge{white-space:nowrap;color:#64804a;background:#edf2e4;padding:5px 9px;border-radius:5px;font-size:12px}.detail-table-wrap{overflow:auto;max-height:460px}.history-title{display:flex;flex-direction:column;gap:6px;min-width:0}.history-title b{font-size:14px}.history-title small{color:#859273;font-size:12px}.history-icon{color:#859772}.history-row{width:100%}.metrics .metric p{font-size:12px;line-height:1.6}.bar-feedback>.row{flex-wrap:wrap}.result-heading>div{min-width:0}.result-heading p:not(.eyebrow){line-height:1.9;overflow-wrap:anywhere}.source-card p{overflow-wrap:anywhere}.tile-body h3{min-height:43px;line-height:1.6}.editor-local-note{color:#6b795f!important}.editor-grid-footer{color:#77866b}.note-grid:focus{outline-offset:2px}@media(max-width:780px){.history-date,.history-source{display:none}.result-badge{align-self:flex-start}.result-heading{gap:10px;flex-wrap:wrap}.tempo-setting{flex-wrap:wrap}.practice-options{gap:12px}.sheet-toolbar{flex-wrap:wrap}.sheet-toolbar>.row{flex-wrap:wrap}.keyboard-footer{line-height:1.7}.page-heading{flex-wrap:wrap}}

.cover-series,.cover-number{display:block}.cover-number{font-size:36px;margin-top:12px;letter-spacing:1.5px}.banner-art .icon{width:60px;height:60px;stroke-width:1}.history-row{grid-template-columns:28px minmax(150px,1fr) 130px 120px 66px 18px}.play-console{position:sticky;bottom:12px;z-index:5;border-radius:0 0 10px 10px;box-shadow:0 5px 14px #1f372219}.muted,.micro,.intro,#piece-byline,#device-description,#keyboard-help,.tile-byline,.library-footer,.sheet-caption,.help-step p,.help-box p{color:#707d62}.practice-options>label,.range-options{color:#707d62}.import-summary label{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:12px 0}.import-summary label input{width:100%}.import-summary label select{align-self:flex-start;max-width:100%}.import-summary .micro,.import-summary p{color:#6e7c60}@media(max-width:780px){.cover-number{font-size:25px;letter-spacing:1px}.history-row{grid-template-columns:22px minmax(110px,1fr) 54px 16px}.play-console{bottom:5px}.banner-art .icon{width:44px;height:44px}}
.score-card{overflow:visible}.piece-header{border-radius:11px 11px 0 0}.result-actions{flex-wrap:wrap;align-items:center}.metric>strong{display:block;font-size:28px;font-weight:500;line-height:1.4;margin-bottom:5px;color:#45613b}.metric>strong small{font-size:15px}.metric-label{display:block;line-height:1.6;color:#6e805d}.metric{min-width:0}.metric p{overflow-wrap:anywhere}@media(max-width:780px){.metric>strong{font-size:23px}.metric>strong small{font-size:12px}.result-actions{gap:9px}.metric p{font-size:12px}}