.pitch-graph-card .pitch-detail-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;min-height:36px;padding:8px 10px;border-bottom:1px solid #edf1eb;background:#fbfcf9;color:#687d65;font-size:10px}.pitch-zoom-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.pitch-playback-controls{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:7px}.pitch-playback-controls .transport-buttons{display:grid;grid-template-columns:44px 180px 44px 44px;gap:6px}.pitch-playback-controls .transport-buttons .play-button{min-height:48px;justify-content:center;font-size:15px;font-weight:700;border-radius:9px}.pitch-playback-controls .transport-buttons .icon-button{width:44px;height:44px}.pitch-detail-toolbar label{margin-right:3px;font-weight:600}.pitch-detail-toolbar input[type=range]{width:108px;accent-color:#65966d}.pitch-detail-toolbar .icon-button{width:25px;height:25px;background:#fff;border:1px solid #e4eadf}.pitch-detail-toolbar output{min-width:28px;font-variant-numeric:tabular-nums;font-weight:600}.pitch-scale-description{margin-left:auto;color:#8b9987;font-size:9px}.pitch-extra-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.anchor-control{display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;min-height:32px}.anchor-control input{width:17px;height:17px;accent-color:#b37922}.pitch-graph-card .pitch-graph-scroll{height:auto;min-height:0;grid-column:1 / -1;grid-row:3;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c6d1c1 #f7f9f4}.pitch-graph-scroll:focus-visible{outline:2px solid #63996e;outline-offset:-2px}.pitch-graph-scroll svg{display:block;max-width:none}.pitch-detail-caption{grid-column:1 / -1;grid-row:4;flex-wrap:wrap}.pitch-detail-caption .pitch-hover-detail{color:#58765e;font-variant-numeric:tabular-nums}.pitch-graph-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px auto minmax(0,1fr) 24px;flex:1;min-height:220px}.pitch-graph-card>.section-heading{grid-column:1;grid-row:1;min-height:30px;padding:4px 10px}.pitch-graph-card .section-heading small{display:none}.pitch-graph-card .pitch-legend{margin-left:10px}.pitch-detail-caption.graph-caption{padding:3px 10px;font-size:9px;gap:4px}.pitch-graph-card .pitch-detail-toolbar{grid-column:1 / -1;grid-row:2}@media(max-width:900px){.pitch-graph-card .pitch-detail-toolbar{grid-template-columns:minmax(0,1fr);justify-items:center}.pitch-playback-controls{grid-row:1}.pitch-scale-description{display:none}}.pitch-scale-description span{display:none}@media(max-width:1200px){.pitch-scale-description span{display:none}.pitch-graph-card .pitch-detail-toolbar{gap:6px;padding-inline:12px}.pitch-detail-toolbar input[type=range]{width:84px}}.timing-mark{cursor:help;paint-order:stroke;stroke:#fff;stroke-width:3px;font-size:16px;font-weight:700}.pitch-view-controls{display:flex;align-items:center;gap:16px;grid-column:1 / -1;justify-content:flex-start}.pitch-view-controls .pitch-zoom-controls{flex-wrap:nowrap}.pitch-view-controls .zoom-control{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap}.pitch-detail-toolbar .pitch-playback-controls{grid-column:2}.pitch-detail-toolbar .pitch-extra-controls{grid-column:3}.reference-lyric{font-size:13px;fill:#344938;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;pointer-events:none}@media(max-width:900px){.pitch-detail-toolbar .pitch-view-controls,.pitch-detail-toolbar .pitch-playback-controls,.pitch-detail-toolbar .pitch-extra-controls{grid-column:1}.pitch-view-controls{gap:10px}}.singing-panel>p,.singing-result p{margin:8px 0;font-size:11px;color:#64715d;line-height:1.6}.singing-panel button,.singing-dialog button{border:1px solid #ccd8c5;border-radius:6px;background:#f6f8f2;color:#405934;padding:8px 12px;cursor:pointer}.singing-panel .singing-primary,.singing-dialog .singing-primary{background:#375f45;color:#fff;border-color:#375f45}.singing-panel>.singing-primary{width:100%}.singing-result audio{width:100%;height:38px}.singing-result a{display:inline-flex;gap:6px;align-items:center;font-size:12px}.singing-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;border:1px solid #d6e4cd;border-radius:14px;padding:24px;color:#405334;background:#fcfdf9;box-shadow:0 25px 70px #123a2530}.singing-dialog::backdrop{background:#233b2c75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.singing-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.singing-body{min-height:0;overflow:auto;padding-right:6px}.singing-header,.singing-footer{flex-shrink:0}.singing-header,.singing-footer,.singing-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.singing-header{align-items:flex-start}.singing-header h2{margin:0 0 6px;font-size:20px;font-weight:600}.singing-dialog p{font-size:12px;line-height:1.7;margin:6px 0 12px}.singing-setup{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0}.singing-setup>p{flex-basis:100%}.singing-setup label{display:grid;gap:6px;font-size:12px}.singing-setup input{width:155px}.singing-connection{font-size:12px;align-self:center}.singing-dialog input,.singing-dialog select{border:1px solid #cbd5c6;background:#fff;border-radius:5px;padding:7px;color:#31442a}.singing-guide{font-size:12px;padding:12px;background:#f0f4eb;border-radius:6px;margin-bottom:14px}.singing-guide summary{cursor:pointer}.singing-guide p{margin-top:10px}.singing-table-wrap{max-height:310px;overflow:auto}.singing-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.singing-table th{position:sticky;top:0;background:#edf2e6;z-index:1}.singing-table th,.singing-table td{padding:7px;border-bottom:1px solid #e1e7dc}.singing-table td:first-child{white-space:nowrap}.singing-table td:last-child{width:52%}.singing-table input{width:100%;box-sizing:border-box}.singing-pagination{margin:10px 0;font-size:12px}.singing-dialog .singing-error,.singing-panel>.singing-error{color:#a12e2e;background:#fff0ec;padding:10px;border-radius:6px}.singing-footer{border-top:1px solid #dce4d4;padding-top:15px;margin-top:15px;font-size:12px;flex-wrap:wrap}.singing-footer span{display:inline-flex;align-items:center;gap:6px}.singing-footer>.singing-blocker,.singing-footer>.singing-error{flex-basis:100%}.singing-blocker .singing-error{margin-bottom:6px}.singing-dictionary{border:1px solid #d6e4cd;border-radius:7px;padding:12px;margin-bottom:16px}.singing-dictionary h3{font-size:14px;margin:0 0 8px}.singing-dictionary-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.singing-dictionary-form label{display:grid;gap:5px;font-size:12px;flex:1 1 150px}.singing-dictionary-form input{min-width:0;width:100%;box-sizing:border-box}.singing-unknown{margin-bottom:12px}.singing-unknown>div{display:flex;gap:6px;flex-wrap:wrap;max-height:120px;overflow:auto}.singing-dictionary-entries{font-size:12px;margin-top:12px}.singing-dictionary-entries>div{max-height:200px;overflow:auto}.singing-dictionary-entries summary{cursor:pointer}.singing-dictionary-entry{display:flex;gap:6px;align-items:center;margin-top:6px}.singing-dictionary-entry>span{flex:1;overflow-wrap:anywhere}.singing-dictionary-entry button{flex-shrink:0}.singing-dialog .singing-dictionary-message{margin:10px 0;color:#375f45}.singing-dialog .singing-register-note{font-size:11px;padding:3px 7px;margin-top:4px}.singing-dialog button:disabled,.singing-panel button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.singing-dialog{padding:16px}.singing-table th,.singing-table td{padding:5px}}.singing-progress{flex:1;min-width:0}.singing-progress>span{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}.singing-progress>span>svg{flex-shrink:0}.singing-progress>button{margin-top:8px}.singing-background-progress{margin-top:10px;padding:10px;border:1px solid #d6e4cd;border-radius:6px;background:#f0f4eb;font-size:11px}.singing-background-progress p{margin-bottom:0;line-height:1.6}.singing-progress progress{display:block;width:100%;height:14px;margin:8px 0;accent-color:var(--accent, #6366f1)}.singing-progress small{display:block;color:#667085}.singing-diagnostics{padding:12px;margin-bottom:14px;border:1px solid #d9a898;border-radius:6px;background:#fff8f4;font-size:12px}.singing-diagnostics pre{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.singing-diagnostics summary{cursor:pointer}.singing-setup .singing-metronome{display:flex;align-items:center;gap:8px;flex-basis:100%}.singing-setup .singing-metronome input{width:auto}.singing-practice-toggle{position:relative;display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10px;cursor:pointer}.singing-practice-toggle>input,.metronome-toggle>input{position:absolute;width:1px;height:1px;opacity:0;left:0;top:50%}.metronome-toggle{position:relative}.singing-practice-toggle:focus-within,.metronome-toggle:focus-within{outline:2px solid #409770;outline-offset:3px}.singing-practice-toggle:has(input:disabled){opacity:.55;cursor:default}.timing-calibration{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d8e3d6;border-radius:16px;padding:24px;color:#405443;background:#fffefa;box-shadow:0 20px 70px #19342133}.timing-calibration::backdrop{background:#17261e77}.timing-calibration h2{margin:0 0 16px;font-size:20px}.timing-calibration p{font-size:14px;line-height:1.8}.calibration-progress{display:grid;gap:16px;text-align:center;padding:20px 0}.calibration-progress strong{font-size:32px;color:#3b8667}.calibration-progress progress{width:100%;accent-color:#3b8667}.calibration-result{padding:12px;background:#edf4e9;border-radius:8px}.calibration-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.calibration-actions button{padding:10px 18px;border:1px solid #c9d8c9;border-radius:8px;cursor:pointer}:root{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Meiryo,sans-serif;color:#303c34;background:#f5f6f3;font-synthesis:none;font-size:13px;font-weight:400;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}*{box-sizing:border-box}body{margin:0;min-width:820px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button,a{transition:background .15s,box-shadow .15s,color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #409770;outline-offset:4px}a{color:inherit;text-decoration:none}input[type=range]{width:100%;height:4px;accent-color:#4a8a69;cursor:pointer;margin:8px 0}input[type=checkbox]{accent-color:#448665}button{border:0;background:none}strong{font-weight:600}small{font-size:10px}svg{flex-shrink:0}button:enabled:hover{filter:brightness(.97)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;color:#6f7c72;padding:0}.icon-button:enabled:hover{background:#e9eee7}.text-button{font-size:10px;color:#728377;padding:6px}.app-shell{display:grid;grid-template-columns:216px minmax(0,1fr);grid-template-rows:70px 1fr;min-height:100vh}.app-header{grid-column:1/-1;display:flex;align-items:center;padding:0 29px;border-bottom:1px solid #e4e8e1;background:#fcfdfb;gap:36px;z-index:2}.brand{display:flex;align-items:center;gap:10px;letter-spacing:-1.4px;font-size:27px;font-weight:650}.brand-mark{background:#407f60;color:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;box-shadow:0 2px 3px #326e4815}.brand-dot{color:#4b9270}.app-description{font-size:10px;color:#91a092;letter-spacing:.7px;border-left:1px solid #dfe6db;padding-left:24px}.header-right{display:flex;align-items:center;gap:18px;margin-left:auto}.local-badge{font-size:10px;display:flex;align-items:center;gap:6px;color:#798a7b}.library-panel{display:flex;flex-direction:column;padding:30px 18px 21px;background:#f9faf7;border-right:1px solid #e4e8e1;min-height:calc(100vh - 70px)}.nav-label{font-size:9px;letter-spacing:1.8px;color:#a3aea0;margin:0 10px 16px}.nav-active{display:flex;gap:10px;align-items:center;background:#e8efe5;border-radius:8px;color:#4c7559;padding:12px 10px;font-size:11px;font-weight:600}.nav-active>span{margin-left:auto;background:#dbe6d7;font-size:9px;padding:2px 6px;border-radius:4px}.import-button{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d4dfd1;background:#fff;border-radius:7px;height:38px;font-size:10px;font-weight:600}.library-heading{margin:33px 9px 14px;display:flex;justify-content:space-between;font-size:10px;color:#7c897d}.library-heading small{color:#acb4a8;font-size:9px}.score-list{display:flex;flex-direction:column;gap:7px}.score-entry{position:relative;border-radius:8px;border:1px solid transparent}.score-entry.selected{background:#eef2e9;border-color:#dce6d4}.score-select{width:100%;display:flex;gap:9px;align-items:center;padding:11px 7px;text-align:left}.score-cover{display:flex;align-items:center;justify-content:center;width:32px;height:39px;border:1px solid #e1e8dc;border-radius:4px;background:#fff;color:#86a079;flex-shrink:0}.score-select>span:nth-child(2){min-width:0}.score-select strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;max-width:115px;line-height:1.7}.score-select small{font-size:8px;display:block;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ba795;margin-top:3px}.selected-dot{width:5px;height:5px;border-radius:50%;background:#5d9469;flex-shrink:0;margin-left:auto}.delete-score{position:absolute;right:3px;top:4px;background:#f9faf7;display:flex;width:20px;height:20px}.score-entry:hover .delete-score,.score-entry:focus-within .delete-score{display:flex}.import-drop{border:1px dashed #d5dece;border-radius:9px;margin-top:27px;padding:22px 4px 17px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;color:#9aab92}.import-drop strong{font-size:9px;color:#899780}.import-drop span{font-size:9px;line-height:1.9;color:#a1ab9b}.import-drop button{display:flex;gap:5px;align-items:center;font-size:9px;color:#6e8964;border-bottom:1px solid #c5d4bb;padding:0 0 3px}.sidebar-bottom{margin-top:auto;padding:45px 6px 0;color:#97a28e;font-size:8px;line-height:1.7;letter-spacing:.1px}.sidebar-bottom small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:12px;color:#b1b9a9}.connection-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#80a274;margin-right:5px;vertical-align:middle}.workspace{padding:32px 32px 0;min-width:0;max-width:1860px;width:100%;margin:auto}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{font-size:8px;letter-spacing:2.2px;color:#8b9d84;margin-bottom:10px}h1{font-size:25px;font-weight:600;letter-spacing:1.3px;margin:0 0 11px;line-height:1.5}.score-meta{display:flex;align-items:center;gap:10px;color:#929e8f;font-size:10px}.score-meta i{display:block;width:3px;height:3px;border-radius:50%;background:#b9c3b3}.sample-badge{font-size:8px;background:#e6ecdf;color:#87997a;padding:2px 7px;border-radius:4px}.practice-tag{font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:7px;color:#8b9b81;border:1px solid #dde5d5;border-radius:30px;padding:8px 12px}.practice-tag>span{width:5px;height:5px;border-radius:50%;background:#7d9c6a}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:21px;align-items:start}.main-practice{min-width:0}.practice-toolbar{display:flex;align-items:center;border:1px solid #e0e7dc;background:#fcfdfb;border-radius:10px;margin-bottom:18px;height:75px;padding:13px 18px;gap:18px}.part-selector{min-width:116px;display:flex;flex-direction:column;gap:8px}.tiny-label{font-size:9px;color:#94a08f}.select-wrap{position:relative;display:flex;align-items:center;gap:8px;max-width:170px}.select-wrap select{font-size:11px;appearance:none;background:none;border:none;outline-offset:2px;color:#4b644d;font-weight:600;width:100%;padding-right:13px;cursor:pointer}.select-wrap>svg{position:absolute;right:0;pointer-events:none}.part-dot{width:6px;height:6px;display:inline-block;border-radius:50%;flex-shrink:0}.toolbar-divider{height:33px;width:1px;background:#e6ebe0;margin:0 1px}.tempo-control{width:170px;flex-shrink:1}.tempo-control>div{display:flex;align-items:center;gap:6px}.tempo-control svg{color:#86977d}.tempo-control strong{font-size:14px;font-weight:600;color:#55704f;margin-left:auto}.tempo-control strong small{font-size:9px;margin-left:2px;font-weight:400}.tempo-bpm{font-size:9px;color:#9aa58f;white-space:nowrap}.tempo-control input{margin-bottom:0;display:block}.tempo-reset{padding:4px 6px;border:1px solid #e6ebdf;border-radius:4px;margin-top:16px;font-size:8px}.zoom-control{margin-left:auto;display:flex;align-items:center;gap:3px;font-size:9px;color:#9ca592}.zoom-control .icon-button{width:24px;height:26px}.timelines{display:flex;flex-direction:column;gap:18px}.timeline-card,.control-card{background:#fff;border:1px solid #e0e6da;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #3a522204}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 17px 14px;gap:8px;min-height:47px}.section-heading>span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;font-weight:550}.section-heading svg{color:#809274}.section-heading small{font-size:7px;letter-spacing:1.5px;color:#a7b19e;font-weight:400;margin-left:1px}.section-heading .subtle{font-size:8px;color:#a4ae9d;font-weight:400;gap:4px}.subtle svg{color:#a4ae9d}.timeline-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:#d9e0d2 transparent;scrollbar-width:thin}.timeline-scroll>svg{cursor:inherit}.score-note[role=button]{cursor:pointer}.score-note[role=button]:focus-visible{outline:2px solid #409770}.timeline-scroll[data-dragging] .score-note{cursor:grabbing}.timeline-scroll>svg{display:block;cursor:inherit}.score-card .timeline-scroll{padding-bottom:13px}.pitch-card .section-heading{border-bottom:1px solid #f0f2ec}.part-pill{font-size:8px;background:#edf3e8;color:#7f9a70;border:1px solid #e1ead9;border-radius:4px;padding:2px 7px;font-weight:400;max-width:140px;overflow:hidden;text-overflow:ellipsis}.section-heading .pitch-legend{font-size:8px;color:#9eaa95;gap:5px;font-weight:400}.gradient-key{display:inline-block;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,#3cab6c,#c2b746,#d85f50)}.pitch-legend>i{width:5px;height:5px;border-radius:50%;background:#3fab6f}.graph-caption{padding:13px 16px;border-top:1px solid #f0f3ec;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#9fab94;line-height:1.5}.graph-caption>span{display:flex;align-items:center;gap:5px}.reference-key{width:13px;height:5px;background:#d5e5d4;border-radius:2px}.voice-key{width:13px;height:2px;background:#68a77b;margin-left:10px}.transport-card{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #dce5d5;border-radius:10px;margin-top:18px;padding:17px 15px;box-shadow:0 3px 8px #32551b04}.transport-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0}.play-button{background:#497e59;color:#fff;border-radius:7px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:550;box-shadow:0 2px 4px #35632e12;white-space:nowrap}.play-button:hover{background:#3c714c}.play-button.active{background:#608960}.play-button svg{width:13px;height:13px}.transport-position strong{font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.transport-position strong span{font-size:10px;color:#a5af9c;font-weight:400}.transport-position small{display:block;font-size:8px;color:#a5af9b;margin-top:2px}.transport-progress{flex:1;min-width:50px}.transport-progress input{display:block;margin:5px 0 9px}.transport-progress>div{display:flex;justify-content:space-between;font-size:7px;color:#9da992;gap:5px}.record-control{border-left:1px solid #e8ede2;padding-left:14px;display:flex;align-items:center;gap:7px;cursor:pointer;flex-shrink:0}.record-control>input{position:absolute;opacity:0;width:1px;height:1px}.record-control:focus-within{outline:2px solid #409770;outline-offset:4px}.record-control>span:last-child{display:flex;align-items:center;font-size:9px;flex-wrap:wrap;gap:4px;width:85px;color:#7d8f73}.record-control small{display:block;width:100%;font-size:7px;color:#b0b9a6;margin-top:2px;padding-left:17px}.toggle{width:27px;height:16px;background:#dce3d6;border-radius:20px;padding:2px;display:block;flex-shrink:0;transition:background .2s}.toggle:before{content:"";display:block;background:#fff;box-shadow:0 1px 2px #0001;border-radius:50%;width:12px;height:12px;transition:transform .2s}.toggle.on{background:#75a76d}.toggle.on:before{transform:translate(11px)}.practice-summary{display:grid;grid-template-columns:1.25fr 1fr 1.4fr 1fr;background:#eef2e8;border:1px solid #e3eadb;border-radius:8px;padding:17px 16px;margin-top:16px;gap:12px}.practice-summary>div{border-left:1px solid #dde5d3;padding-left:16px}.practice-summary>div:first-child{border:0;padding-left:0;display:flex;gap:10px;align-items:center}.practice-summary small{font-size:8px;color:#97a58a;display:block;margin-bottom:7px}.practice-summary strong{font-size:19px;font-variant-numeric:tabular-nums;color:#68815a;font-weight:500;white-space:nowrap}.practice-summary em{font-size:8px;font-style:normal;color:#9fab92;font-weight:400;margin-left:5px}.summary-icon{display:flex;align-items:center;justify-content:center;color:#92ab7d;background:#e2ebd9;width:32px;height:36px;border-radius:7px;flex-shrink:0}.practice-tip{display:flex;align-items:center;justify-content:center;gap:6px;color:#a2ae96;font-size:8px;margin:17px 0 8px;line-height:1.5}.controls-panel{display:flex;flex-direction:column;gap:18px}.control-card .section-heading{padding:14px 15px 10px}.control-card .section-heading>span{font-size:11px;font-weight:600}.control-card .section-heading>.icon-button{width:20px;height:20px}.mixer-description{font-size:8px;color:#abb69e;margin:0 15px 18px}.mixer-channel{padding:13px 15px 14px;border-top:1px solid #f0f3eb}.mixer-channel.my-part{background:#f7faf3}.channel-heading{display:flex;align-items:center;gap:6px}.channel-heading strong{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.channel-heading>small{font-size:7px;color:#91a782;margin-right:auto}.channel-switch{font-size:9px;border:1px solid #e3e9dc;background:#fff;border-radius:4px;width:20px;height:20px;color:#b3bba8;flex-shrink:0}.channel-switch:first-of-type{margin-left:auto}.channel-switch.enabled{color:#b3655c;border-color:#deb8af;background:#fceae5}.channel-switch.solo{color:#69914f;border-color:#b8d49f;background:#e8f2de}.channel-volume{display:flex;align-items:center;gap:10px;margin-top:10px;color:#b0bba4}.channel-volume input{margin:0;height:3px}.channel-volume>span{font-size:9px;min-width:21px;text-align:right;color:#98a889;font-variant-numeric:tabular-nums}.mixer-footnote{display:flex;justify-content:center;gap:19px;padding:11px;font-size:8px;color:#a9b49d;border-top:1px solid #edf2e7;background:#fdfefb}.microphone-card{padding:0 15px 12px}.microphone-card .section-heading{padding:14px 0}.status-dot{width:6px;height:6px;border-radius:50%;background:#d1dac8}.status-dot.connected{background:#65a274;box-shadow:0 0 0 3px #edf4e8}.mic-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 8px;border:1px solid #dfe7d8;border-radius:6px;font-size:9px;color:#8a9b7d;background:#f7f9f3}.mic-button.connected{color:#578155;background:#edf5e7;border-color:#d5e7ca}.input-level{margin-top:21px}.input-level>div:first-child{display:flex;justify-content:space-between;font-size:8px;color:#a1ad94;margin-bottom:9px}.input-level small{font-size:7px;letter-spacing:.7px}.level-bars{display:flex;gap:3px;height:12px}.level-bars>i{display:block;background:#e8ede1;border-radius:2px;width:5px;flex:1;transition:background .07s}.sensitivity-label{display:flex;justify-content:space-between;color:#94a385;font-size:9px;margin-top:20px;margin-bottom:4px}.sensitivity-label strong{font-size:10px;font-weight:500}.range-labels{display:flex;justify-content:space-between;font-size:7px;color:#b0bba4;margin-top:1px}.advanced-button{display:flex;align-items:center;gap:5px;font-size:8px;color:#9baa8e;border-top:1px solid #ebefe5;width:100%;margin-top:18px;padding:12px 0 0}.advanced-button svg:last-child{margin-left:auto}.advanced-settings{margin-top:14px}.advanced-settings label{font-size:8px;color:#839873;display:flex;justify-content:space-between;gap:8px}.advanced-settings p{font-size:8px;color:#9ba98e;line-height:1.8}.gentle-note{padding:5px 10px}.gentle-note>span{font-size:11px;color:#91a17f;letter-spacing:.5px}.gentle-note p{font-size:9px;line-height:2;color:#a5af99;margin:9px 0 14px}.accuracy-scale{height:4px;border-radius:4px;background:linear-gradient(90deg,#68a880,#c4bb75,#d9937c);opacity:.8}.gentle-note>div:last-child{display:flex;justify-content:space-between;margin-top:7px}.gentle-note small{font-size:7px;color:#b1b9a6}.workspace-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid #e3e9dc;padding:17px 0 20px;font-size:8px;color:#a5b098}.workspace-footer .connection-dot{width:4px;height:4px;margin-right:6px}.alert{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:7px;font-size:11px;margin-bottom:16px;line-height:1.7}.alert.error{background:#fff0e9;border:1px solid #efd5c6;color:#a86745}.alert button{margin-left:auto;flex-shrink:0}.alert.success{background:#eaf4e7;color:#57804f;border:1px solid #d6e7ce}.score-warnings{font-size:10px;background:#f9f4e8;color:#968458;border:1px solid #eae0c9;border-radius:6px;padding:10px 14px;margin-bottom:16px;line-height:1.8}.score-warnings summary{cursor:pointer}.recording-playback{display:flex;align-items:center;gap:12px;border:1px solid #dce8d4;background:#fff;border-radius:9px;padding:14px 16px;margin-top:16px;color:#7e9870}.recording-playback strong{display:block;font-size:10px}.recording-playback small{font-size:8px;display:block;margin-top:5px;color:#a6b29b}.recording-playback audio{flex:1;min-width:80px;height:34px}.recording-playback a{font-size:9px;border-bottom:1px solid #aac69c}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#233b2c65;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:32px}.help-modal{position:relative;max-width:560px;width:100%;background:#fcfdf9;border:1px solid #d6e4cd;border-radius:16px;padding:34px;color:#547448;box-shadow:0 25px 70px #123a2530;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:18px;top:18px}.help-modal h2{font-size:20px;margin:16px 0 27px;font-weight:500}.help-modal ol{padding-left:25px}.help-modal li{padding-left:7px;margin-bottom:18px}.help-modal strong{font-size:12px}.help-modal p{font-size:11px;color:#8b9b7f;line-height:1.9;margin:7px 0}.help-note{background:#eef2e7;border-radius:7px;padding:15px;font-size:10px;line-height:1.9;color:#899b7b;margin-bottom:22px}.spin{animation:spin 1s linear infinite}.pulsing{animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media(min-width:1600px){.workspace{padding:38px 42px 0}.practice-layout{grid-template-columns:minmax(0,1fr) 255px;gap:26px}.app-shell{grid-template-columns:235px minmax(0,1fr)}.practice-toolbar{gap:24px}.score-select strong{max-width:133px}.section-heading .subtle{font-size:9px}}@media(max-width:1250px){.app-shell{grid-template-columns:188px minmax(0,1fr)}.app-header{padding:0 22px}.workspace{padding:25px 22px 0}.library-panel{padding:26px 12px 20px}.practice-layout{grid-template-columns:minmax(0,1fr) 205px;gap:15px}.practice-toolbar{padding:12px;gap:10px}.tempo-reset{display:none}.tempo-control{width:150px}.part-selector{min-width:100px}.zoom-control{gap:0}.transport-card{gap:10px;padding:14px 10px}.transport-position{display:none}.record-control{padding-left:9px}.play-button{padding:11px}.practice-summary{gap:7px;padding:14px 12px}.practice-summary>div{padding-left:10px}.summary-icon{display:none}.practice-summary strong{font-size:17px}.practice-summary em{font-size:7px}.graph-caption>span:last-child{font-size:7px}.section-heading .subtle{font-size:7px}.score-select strong{max-width:95px}.score-select small{max-width:100px}.score-meta{font-size:9px}.brand{font-size:25px}}@media(max-width:1050px){.app-shell{grid-template-columns:166px minmax(0,1fr)}.workspace{padding:22px 16px 0}.practice-layout{grid-template-columns:minmax(0,1fr)}.controls-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}.gentle-note{display:none}.score-select strong{max-width:78px}.score-select small{max-width:79px}.library-panel{padding-left:10px;padding-right:10px}.nav-active{font-size:10px}.nav-active>span{display:none}.import-drop strong{font-size:8px}.sidebar-bottom{font-size:7px}.transport-position{display:block}.app-description{font-size:9px}.score-card .section-heading .subtle{font-size:8px}.practice-tag{display:none}.practice-summary em{font-size:8px}.workspace-heading{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.app-shell{grid-template-columns:176px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100dvh;min-height:620px}.app-header{padding:0 14px;gap:14px}.brand{font-size:18px;gap:7px;letter-spacing:-.5px}.brand-mark{width:26px;height:26px;border-radius:7px}.brand-mark svg{width:18px;height:18px}.header-right{gap:10px}.local-badge{font-size:9px}.library-panel{min-height:0;padding:7px 9px;overflow:auto;scrollbar-width:thin}.nav-active{padding:8px 7px;gap:6px;font-size:10px}.import-button{margin-top:8px;height:32px;min-height:32px;font-size:10px}.library-heading{margin:15px 6px 8px}.score-list{flex:1;min-height:60px;overflow:auto}.score-select{padding:8px 5px;gap:6px}.score-cover{width:23px;height:29px}.score-cover svg{width:15px;height:15px}.score-select strong{max-width:104px;font-size:10px}.score-select small{max-width:104px;font-size:8px}.workspace{min-height:0;display:flex;flex-direction:column;padding:6px 8px;margin:0;max-width:none}.workspace-heading{margin-bottom:8px;min-height:33px;flex-shrink:0}.workspace-heading>div{display:flex;align-items:center;gap:18px;min-width:0}h1{font-size:18px;margin:0;letter-spacing:.2px;line-height:1.4}.score-meta{font-size:9px;gap:7px;white-space:nowrap}.practice-layout{grid-template-columns:minmax(0,1fr) 204px;gap:8px;flex:1;min-height:0;align-items:stretch}.main-practice{display:flex;flex-direction:column;min-height:0}.practice-toolbar{height:42px;min-height:42px;padding:5px 10px;gap:12px;margin-bottom:8px;border-radius:7px}.part-selector{flex-direction:row;align-items:center;gap:7px;min-width:185px}.select-wrap{width:110px}.toolbar-divider{height:23px}.tempo-control{width:230px;display:flex;align-items:center;gap:9px}.tempo-control>div{min-width:140px;gap:4px;white-space:nowrap}.tempo-control .tiny-label{white-space:nowrap}.tempo-control strong{font-size:12px}.tempo-control input{margin:0;min-width:55px}.tempo-reset{margin-top:0;display:block}.timelines{flex:1;min-height:0;gap:6px}.score-card{flex-shrink:0;border-radius:7px}.score-card .section-heading{min-height:26px;padding:2px 10px}.score-card .timeline-scroll{scrollbar-gutter:stable;padding-bottom:3px;max-height:min(29dvh,260px);overflow-y:auto}.score-card>.graph-caption{display:none}.controls-panel{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-top:0;padding-right:2px;scrollbar-width:thin}.controls-panel>*{flex-shrink:0}.transport-card{display:grid;grid-template-columns:1fr auto;gap:8px 5px;padding:9px 8px;margin:0;border-radius:7px}.transport-buttons{grid-column:1 / -1;justify-content:space-between;gap:3px}.transport-buttons .icon-button{width:26px;height:27px}.transport-buttons .play-button{padding:9px 8px;gap:5px;font-size:10px}.transport-position{grid-column:2;grid-row:2;display:block;text-align:right}.transport-position strong{font-size:12px}.transport-position strong span{font-size:9px}.transport-position small{display:none}.transport-progress{grid-column:1 / -1;grid-row:3;min-width:0}.transport-progress>div>span:first-child{display:none}.transport-progress>div{justify-content:flex-end;font-size:8px}.transport-progress input{margin:2px 0 5px}.record-control{grid-column:1;grid-row:2;padding:0;border:0;gap:5px}.record-control small{display:none}.record-control>span:last-child{width:auto;font-size:9px}.practice-summary{grid-template-columns:1fr 1fr;padding:9px 7px;gap:10px 6px;margin-top:10px;border-radius:7px}.practice-summary>div{border:0;padding:0;min-width:0}.practice-summary>div:first-child{display:block}.practice-summary .summary-icon{display:none}.practice-summary small{font-size:8px;margin-bottom:4px}.practice-summary strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:1px 3px;font-size:16px}.practice-summary em{font-size:8px;margin-left:0}.practice-summary>div:first-child em{width:100%}.control-card{border-radius:7px}.control-card .section-heading{min-height:33px;padding:8px 10px}.control-card .section-heading>span{font-size:10px}.mixer-channel{padding:8px 10px 6px}.channel-heading{gap:5px}.channel-heading strong{font-size:10px;max-width:76px}.channel-volume{margin-top:3px}.channel-volume input{margin:5px 0}.mixer-footnote{padding:7px 10px}.microphone-card{padding:0 10px 8px}.microphone-card .section-heading{padding:8px 0}.mic-button{padding:8px 7px;min-height:30px;font-size:10px}.input-level{margin-top:10px}.sensitivity-label{margin-top:9px}.advanced-button{margin-top:6px}.advanced-settings p{font-size:9px}.recording-playback{margin:0;padding:8px;display:flex;flex-wrap:wrap;gap:6px}.transport-card>.recording-playback{grid-column:1 / -1;padding:8px 0 0;border:0;border-top:1px solid #dce5d5;border-radius:0;box-shadow:none}.transport-microphone{grid-column:1 / -1;grid-row:6;min-width:0;border-top:1px solid #dce5d5;padding-top:10px}.metronome-sound{width:100%;margin:6px 0;padding:5px;border:1px solid #dce5d5;border-radius:5px;background:#fff;color:#405934;font-size:10px}.metronome-toggle{cursor:pointer}.metronome-toggle>.toggle{margin-left:auto}.recording-playback>svg,.recording-playback small{display:none}.recording-playback strong{font-size:10px}.recording-playback audio{width:100%;height:30px;min-width:0;order:3}.recording-playback a{margin-left:auto}.export-practice-button{grid-column:1 / -1;grid-row:4;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 5px;border:1px solid #d8e1d8;border-radius:5px;background:#f6faf6;color:#3c6852;font-size:10px}.voice-timing-control{margin-top:9px;padding-top:7px;border-top:1px solid #e8ede7}.voice-timing-heading,.voice-timing-value{display:flex;align-items:center;gap:5px;font-size:10px}.voice-timing-heading{justify-content:space-between}.voice-timing-heading .icon-button{width:23px;height:23px}.voice-timing-value input{width:66px;min-width:0;padding:3px 4px;border:1px solid #d8e1d8;border-radius:4px;color:#2d5942;background:#fff;font:inherit;font-variant-numeric:tabular-nums}.voice-timing-value>span:last-child{margin-left:auto;color:#547662;font-size:9px}.voice-timing-control input[type=range]{margin:7px 0 4px}.voice-timing-control p{margin:5px 0 0;color:#768076;font-size:9px;line-height:1.4}.alert{flex-shrink:0;padding:7px 10px;margin-bottom:8px;font-size:10px}.alert.success{position:fixed;top:48px;right:12px;z-index:50;max-width:min(440px,calc(100vw - 24px));margin:0;box-shadow:0 4px 18px #34452b20;pointer-events:none}.score-warnings{flex-shrink:0;margin-bottom:8px;max-height:120px;overflow:auto}@media(min-width:1700px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.practice-layout{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:1100px){.app-shell{grid-template-columns:145px minmax(0,1fr)}.practice-layout{grid-template-columns:minmax(0,1fr) 185px;gap:8px}.workspace{padding-inline:8px}.workspace-heading>div{gap:8px}.score-meta>span:first-child,.score-meta>i:first-of-type{display:none}.part-selector{min-width:140px}.part-selector .tiny-label{display:none}.practice-toolbar{gap:7px}.tempo-control{width:190px}.tempo-control>div{min-width:125px}.tempo-control svg{display:none}.controls-panel{display:flex}}.library-panel>:not(.score-list){flex-shrink:0}.sidebar-heading{display:flex;align-items:center;gap:6px;min-height:25px;color:#56735e;font-size:10px}.sidebar-heading .icon-button{margin-left:auto;width:24px;height:24px}.selected-score-card{margin:12px 0 8px;min-width:0}.selected-score-card h1{font-size:13px;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.selected-score-card small{color:#8a988a;font-size:9px}.score-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 4px;padding:9px 7px;border:1px solid #dfe6da;border-radius:6px;background:#fcfdfb}.score-controls .part-selector{grid-column:1 / -1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:4px}.score-controls .part-selector .tiny-label{display:block}.score-controls .select-wrap{width:100%;max-width:none}.score-controls select{width:100%;min-width:0;font-size:11px;padding-block:3px}.clef-selector{grid-column:1 / -1;min-width:0}.clef-selector>div{display:flex;align-items:center;gap:2px}.clef-selector select{background:transparent;border:0;color:#4b644d;padding-left:0}.clef-selector .icon-button{flex:0 0 22px;width:22px;height:24px}.score-controls .tempo-control{grid-column:1 / -1;grid-row:3;display:block;width:auto;min-width:0}.score-controls .tempo-control>div{min-width:0;flex-wrap:wrap;gap:3px;padding-right:30px}.score-controls .tempo-control svg{display:none}.score-controls .tempo-control .tempo-bpm{margin-left:0;font-size:9px}.score-controls .tempo-control input{display:block;width:100%;min-width:0;margin-top:9px}.score-controls .tempo-reset{grid-column:2;grid-row:3;align-self:start;font-size:8px;padding:1px;margin:0}.score-controls .zoom-control{grid-column:1 / -1;width:100%;margin:0;justify-content:space-between;gap:3px}.score-controls .zoom-control .icon-button{width:23px;height:23px}.library-panel .library-heading{margin:12px 2px 5px}.library-panel .score-list{min-height:80px}.library-panel .alert,.library-panel .score-warnings{position:static;width:100%;max-width:none;padding:7px;margin:7px 0 0;font-size:9px;line-height:1.55;overflow-wrap:anywhere;box-shadow:none}.library-panel .score-warnings{max-height:145px;overflow:auto}.library-panel .score-warnings summary{font-size:9px}.library-panel .score-warnings ul{padding-left:14px;margin-block:6px 0}.library-panel .practice-summary{margin-top:8px}.score-card .section-heading small,.score-card .section-heading .subtle{display:none}.timeline-scroll{cursor:grab;-webkit-user-select:none;user-select:none}.timeline-scroll[data-dragging]{cursor:grabbing}.score-controls .tempo-control>div{padding-right:0}.tempo-buttons{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}.tempo-buttons .icon-button{width:30px;height:28px}.score-controls .tempo-buttons .tempo-reset{font-size:12px;padding:4px 14px;align-self:center}.rhythm-control{grid-column:1 / -1;display:flex;flex-direction:column;gap:5px;min-width:0}.rhythm-control select{width:100%;min-width:0;font-size:11px}.engraved-score{width:max-content;min-width:100%;background:#fff}.engraved-score>svg{display:block;overflow:visible}.empty-library{display:grid;place-content:center;justify-items:center;gap:20px;height:100%;text-align:center;color:#687d65}.empty-library h1{font-size:20px}