:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#262831;background:#e7eaf0;--green:#007aff;--line:#d6d9e0;--muted:#777c86;font-size:14px}
body{background:radial-gradient(ellipse at 10% 0%,#e3eafa,transparent 55%),radial-gradient(ellipse at 95% 10%,#ece7f4,transparent 50%),#eceef2;min-height:100vh}
.top{height:78px;background:#ffffffa8;backdrop-filter:blur(28px);border-bottom:1px solid #ffffffb8;padding:0 30px;gap:32px}.brand{min-width:224px;color:#24262e}.brand strong{font-size:20px;letter-spacing:1px}.brand strong span{font-size:11px;letter-spacing:2px;color:#747984;font-weight:400}.top-title{font-size:13px;color:#565c67}.edition{border:0;background:#ffffff80;color:#737884;border-radius:20px;font-size:11px}
.workspace{max-width:1800px;grid-template-columns:280px minmax(0,1fr)}.setup{background:#f8f9fc9c;backdrop-filter:blur(24px);padding:26px 20px;border-right:1px solid #d5d9e180;min-height:calc(100vh - 78px)}.section-label{font-size:11px;color:#7d828d;letter-spacing:0}.setup h1{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:8px 0 23px}.upload{background:#ffffff91;border:1px dashed #b9c4d7;border-radius:13px;padding:18px 10px;gap:7px}.upload-icon{display:none}.upload strong{font-size:13px;font-weight:500;color:#2c303a}.upload>span:not(.upload-icon),.upload small{color:#808591;font-size:11px}.file-info{color:#8a8e97;font-size:10px;margin-top:10px}.text-button{color:#3479ca;font-size:12px}.divider{margin:20px 0}.primary{background:linear-gradient(#258aff,#0876ee);border:1px solid #0976ea;box-shadow:0 2px 3px #005bc51a;color:white;height:37px;border-radius:8px;font-size:13px}.small-button,.secondary{border:1px solid #d5d8df;border-radius:7px;background:#ffffffcf;box-shadow:0 1px 2px #1f293710;color:#454a56;font-size:11px;padding:7px 11px}.secondary{height:37px}.playback-panel{background:#ffffff90;border:1px solid #dce0e6;border-radius:12px;padding:13px;margin:12px 0}.playback-buttons .primary{height:35px}.autoplay-label{font-size:11px;color:#666d78}.autoplay-label input{accent-color:#007aff;width:13px;height:13px}.playback-panel p{font-size:10px;color:#858a94;line-height:1.6}.field{font-size:12px;margin-top:17px}.field>span{font-size:10px;color:#90949c}.tempo-control{height:36px;border-radius:8px;background:#ffffff90;margin-top:9px}.tempo-control button{height:28px;background:#edf0f5;color:#424b59}.tempo-control input{color:#343b47}.mic-panel{background:#e9ecf280;border-radius:10px}.privacy{display:none}.technical{font-size:10px;color:#878d98}.mic-panel>div:first-child,.mic-panel small{color:#747b87}.meter,.progress-track{background:#e5e8ee}.meter span,.progress-track span{background:#007aff}
.practice{padding:30px 34px}.eyebrow{color:#737d91;letter-spacing:1px;font-size:10px}.heading h2{color:#222731;font-size:25px;letter-spacing:-.7px;font-weight:600;margin:9px 0}.heading p{font-size:12px;color:#9297a1}.notice{border:1px solid #dbe0e8;background:#ffffff75;border-radius:9px;font-size:11px;padding:9px 13px;color:#747d8b;margin:18px 0}.metrics{gap:12px;margin-bottom:20px}.metrics article{background:#ffffffa8;border:1px solid #ffffffc0;box-shadow:0 3px 14px #27344905;border-radius:13px;padding:15px 20px}.metrics article>div{color:#727987;font-size:11px}.metrics article>div span{display:none}.metrics strong{font-family:inherit;font-size:34px;font-weight:300;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#2c3441}.metrics p{margin:8px 0}.metrics footer{color:#9399a4;font-size:10px}.metrics small{color:#8d95a1}
.score-card{border:1px solid #d5d9e2;border-radius:15px;box-shadow:0 12px 35px #2734490a}.score-toolbar{background:#f8f9fbd9;padding:12px 18px;border-color:#e5e7ec}.view-buttons{background:#e9ebef;border-radius:8px;padding:3px}.view-buttons button{color:#838894;border-radius:6px;font-size:11px}.view-buttons button.active{color:#343c49;box-shadow:0 1px 4px #15203018}.legend{color:#9399a3;font-size:10px}.sheet-scroll{height:510px}.score-footer{background:#fcfcfd;color:#7e8795;font-size:10px}.empty-staves{width:110px;height:52px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 11px,#d8dde6 11px,#d8dde6 12px)}#empty-score{color:#7b8491}#empty-score h3{font-size:15px;font-weight:400;margin-top:22px}#empty-score p{font-size:11px;letter-spacing:1px;color:#a2a8b1;margin:10px 0 20px}.feedback{margin-top:23px}.feedback h3{color:#565e6d;font-size:13px}.feedback p{color:#959ca7;font-size:10px}.events{background:#ffffff85;border:1px solid #dfe3e9;border-radius:10px}.bottom-note{font-size:10px;color:#959ca8}.notation-note{color:#989da6;font-size:10px}
.score-library{background:none;border:0;padding:0;margin:20px 0}.score-library h3{font-size:11px;color:#838995;font-weight:500}.library-list{gap:5px;max-height:230px}.library-score{border:1px solid transparent;background:#ffffff80;border-radius:8px;padding:10px;color:#4b5566}.library-score strong{font-size:11px;font-weight:500}.library-score small{font-size:10px;color:#979faa}.library-score:hover{background:#e0eaff;border-color:#c5d8f9}.import-progress{background:#f7faff;border-color:#d6e5f9;color:#6a809b;border-radius:10px}.import-progress-head strong{color:#007aff}.import-progress-track span{background:#007aff}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#007aff}
@media(max-width:1100px){.workspace{grid-template-columns:245px minmax(0,1fr)}.practice{padding:25px 20px}.top{padding:0 22px}.brand{min-width:195px}}
@media(max-width:800px){.top{height:70px;padding:0 18px;gap:10px}.brand{min-width:0}.brand strong{font-size:18px}.edition{font-size:9px;max-width:160px;text-align:right}.workspace{display:flex}.setup{display:flex;flex-direction:column;padding:20px;gap:10px;min-height:0}.setup h1{margin:0 0 5px}.setup>.section-label{display:none}.upload{padding:16px}.score-library{margin:7px 0}.library-list{max-height:150px}.setup .field{margin-top:10px}.practice{padding:24px 14px}.heading h2{font-size:21px}.metrics article{padding:13px 10px}.metrics strong{font-size:28px}.sheet-scroll{height:440px}.legend{font-size:9px}.bottom-note{font-size:9px}.technical{margin:5px 0}}