:root{--ink:#203d35;--muted:#7e8780;--green:#204b40;--green-dark:#173d36;--lime:#d8e7b4;--paper:#fffefb;--bg:#f6f6f0;--line:#e5e8dd;--soft:#eef1e7;--sidebar:#fcfcf7;--gold:#b49357;--shadow:0 4px 24px #283b2810}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.15px}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #adc38e;outline-offset:4px}svg.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}i[data-icon]{display:inline-flex}button{transition:background .16s,transform .16s,color .16s}button:hover:not(:disabled){filter:brightness(.96)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:10px;z-index:100;padding:15px;background:var(--green);color:white}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 20px 0;z-index:20}.brand{display:flex;gap:11px;align-items:center;margin:0 6px 51px}.brand>span:last-child{font:25px Georgia,serif;letter-spacing:-.8px;white-space:nowrap}.brand small{display:block;font:8px/2.5 -apple-system,sans-serif;letter-spacing:2px;color:#818b7f}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:44px;font:italic 37px Georgia,serif;letter-spacing:-10px;padding-right:8px}.brand-mark>span{margin-top:7px}.brand-mark i{position:absolute;top:-7px;right:-2px;font-size:20px;letter-spacing:0;color:var(--gold)}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#9a9e92;padding:0 15px;margin-bottom:14px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;margin:4px 0;border-radius:7px;color:#737e70;text-align:left;font-size:12px;font-weight:530}.nav-item.active{background:#eaf0df;color:#28513c}.nav-item .icon{width:18px;height:18px}.nav-item.active>.nav-dot{width:5px;height:5px;background:#5c7e41;border-radius:50%;margin-left:auto}.nav-count{margin-left:auto;font-size:10px;background:#eaece3;min-width:20px;min-height:19px;text-align:center;border-radius:4px;line-height:19px}.sidebar-bottom{margin-top:auto;padding-top:55px}.goal-card{background:#f0f2e7;border:1px solid #e5e9d7;padding:17px 15px;border-radius:8px;margin-bottom:21px}.goal-top{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600}.sun-icon{font-size:19px;color:#819568}.goal-card p{font-size:10px;color:#838a76;margin:15px 0 4px}.goal-value{display:flex;align-items:baseline;gap:5px}.goal-value strong{font:25px Georgia,serif}.goal-value>span{font-size:10px;color:#929884}.goal-value>span:last-child{margin-left:auto;font-size:10px;color:#6b7a58}.goal-track{height:4px;background:#dde3cd;border-radius:2px;margin:13px 0}.goal-track span{display:block;height:100%;background:#7e9a56;border-radius:2px;transition:width .5s;width:0}.goal-card small{font-size:9px;color:#879178}.help-button{display:flex;align-items:center;gap:10px;font-size:11px;color:#7e877a;width:100%;padding:6px 8px 21px}.help-button span{margin-left:auto}.help-button .icon{width:17px}.profile{margin:0 -20px;padding:18px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.avatar{border:1px solid #e3e7da;background:#edeede;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:15px Georgia,serif}.profile>span:nth-child(2){font-size:10px;font-weight:600}.profile small{display:block;font-size:8px;font-weight:400;color:#9b9e91;margin-top:2px}.profile-dot{width:5px;height:5px;border-radius:50%;background:#89a56c;margin-left:auto}.app-shell{margin-left:230px}.topbar{height:73px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbf6}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:10px;color:#93998d}.breadcrumb strong{font-weight:500;color:#51634f}.breadcrumb>span{color:#c4c9ba}.topbar-right{display:flex;align-items:center;gap:18px;color:#929a8a;font-size:10px}.local-badge{display:flex;align-items:center;gap:6px}.local-badge>span{width:4px;height:4px;background:#7d9b61;border-radius:50%}.top-divider{width:1px;height:14px;background:var(--line)}.mobile-help{display:none!important}main{max-width:1580px;margin:auto;padding:36px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#919a82;display:flex;align-items:center;gap:6px}.eyebrow>span{width:4px;height:4px;border-radius:50%;background:#899d69}h1{font:normal 37px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-1.25px;margin:11px 0 10px;color:#244337}.page-heading p{font-size:11px;color:#8c9385;margin:0;line-height:1.7}.streak-badge{display:flex;align-items:center;gap:10px;padding:14px 17px;border:1px solid #e5e8d9;border-radius:8px;background:#f9faf3;flex-shrink:0}.streak-badge>.icon{color:#a6ac79;width:25px;height:25px}.streak-badge strong{display:block;font-size:11px;font-weight:600}.streak-badge small{font-size:9px;display:block;color:#929880;margin-top:3px}.workspace{display:grid;grid-template-columns:263px minmax(0,1fr);gap:25px;align-items:start}.settings-panel{padding:22px 20px 18px;border:1px solid var(--line);border-radius:10px;background:#fcfcf7;box-shadow:0 2px 4px #203d3503}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-title h2{font-size:13px;margin:0;font-weight:600}.panel-title .icon{width:16px;color:#929b85}.field{margin-bottom:23px;min-width:0}label{font-size:10px;font-weight:550}.field>label{display:block;margin-bottom:8px}select{appearance:none;-webkit-appearance:none;max-width:100%;width:100%;border:1px solid #e2e6d9;border-radius:5px;background:#fffefb url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 6 3 3 3-3' fill='none' stroke='%23828c76' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 9px center;height:38px;padding:0 27px 0 11px;font-size:10px;cursor:pointer}.select-wrap{position:relative}.select-wrap>.icon,.key-symbol{position:absolute;top:50%;transform:translateY(-50%);left:11px;color:#8b947a;pointer-events:none}.select-wrap .icon{width:15px;height:15px}.select-wrap select{padding-left:35px}.key-symbol{font-size:19px;top:49%}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:5px}.label-row>span{font-size:9px;color:#94a17f}.label-row>span strong{font-size:15px;font-weight:500;color:#3d5e3e}.label-row>span small{font-size:8px;color:#99a58b;margin-left:3px}.level-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.level-buttons button{height:32px;border:1px solid #e3e7d9;border-radius:5px;font-size:11px;background:#fffefb}.level-buttons button.selected{background:var(--green);color:white;border-color:var(--green);box-shadow:0 2px 5px #204b4020}.scale-labels{display:flex;justify-content:space-between;font-size:8px;color:#a5ab9a;margin-top:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid .field{margin-bottom:21px}.field-grid label{font-size:9px}input[type=range]{accent-color:var(--green);height:4px;width:100%;margin:9px 0 4px;cursor:pointer}.tempo-field{margin-bottom:24px}.settings-divider{height:1px;background:var(--line);margin:0 0 19px}.switch-row{display:flex;position:relative;align-items:center;justify-content:space-between;margin-bottom:24px;cursor:pointer;font-size:10px;font-weight:500}.switch-row small{display:block;font-size:8px;color:#9aA08e;font-weight:400;margin-top:3px}.switch-row input{position:absolute;right:0;opacity:0;width:32px;height:24px;margin:0;cursor:pointer}.switch{width:28px;height:16px;border-radius:10px;background:#d8ddcd;position:relative;pointer-events:none}.switch:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;background:white;border-radius:50%;transition:transform .2s}.switch-row input:checked+.switch{background:#667e52}.switch-row input:checked+.switch:after{transform:translateX(12px)}.switch-row input:focus-visible+.switch{outline:3px solid #adc38e;outline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:11px 17px;font-size:11px;font-weight:500;min-height:39px;white-space:nowrap}.button .icon{width:15px;height:15px}.primary{background:var(--green);color:#fffef6;box-shadow:0 2px 4px #204b4010}.secondary{border:1px solid #dfe5d7;background:#fafbf5;color:#526849}.generate{width:100%;padding:11px 10px;font-size:10px;justify-content:space-between}.generate .icon{width:14px}.generate kbd{background:#ffffff15;color:#cad6bf;border:1px solid #ffffff20;font-size:8px;padding:1px 4px}.settings-note{margin:12px 0 0;display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;color:#9aa58c}.settings-note .icon{height:10px;width:10px}.practice-column{min-width:0}.exercise-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;padding:1px 0}.exercise-top .eyebrow{font-size:8px;letter-spacing:1.3px}.exercise-top h2{margin:4px 0 0;font-size:14px;font-weight:550}.exercise-top h2>span{color:#a0a893;font-size:10px;font-weight:400;margin-left:10px;letter-spacing:.5px}.score-actions{display:flex;gap:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:33px;color:#7d8a72;border-radius:5px;border:1px solid transparent}.score-actions .icon-button{background:#fcfcf7;border-color:#e3e7da}.icon-button .icon{width:16px;height:16px}.icon-button[aria-pressed=true]{background:#e2ebd4;color:#375d31;border-color:#c4d4ac}.music-paper{background:var(--paper);border:1px solid #e3e5da;border-radius:8px;box-shadow:var(--shadow);padding:22px 27px 17px;min-height:358px;position:relative;overflow:hidden}.paper-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#b0b3a4}.paper-tag{display:flex;gap:5px;align-items:center}.paper-tag>span{width:3px;height:3px;background:#a4ad93;border-radius:50%}.paper-top>span{font-family:monospace;font-size:8px;letter-spacing:1px}.composition-heading{text-align:center;margin:22px 0 0}.composition-heading h3{font:24px/1.2 Georgia,serif;color:#3e4c3b;letter-spacing:-.65px;margin:0 0 6px}.composition-heading>div{font-size:8px;color:#a0a58f}.composition-heading span{margin:0 8px;color:#b9bea9}.score-tempo{margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:#76856b;font-size:8px}.score-tempo>span:first-child{font-family:Georgia,serif;font-size:12px;color:#43563c}.score-tempo>span:last-child{font-style:italic;font-family:Georgia,serif;font-size:9px;color:#9da58e}#score{margin:0 -8px;position:relative;min-height:150px;color:#35412e}#score svg{display:block;width:100%;height:auto;overflow:visible}#score .abcjs-note,#score .abcjs-rest{transition:fill .07s}#score .abcjs-note.is-playing,#score .abcjs-note.is-playing *{fill:#69a364;stroke:#69a364}.paper-footer{display:flex;justify-content:space-between;border-top:1px solid #eeeee3;margin-top:15px;padding-top:12px;font-size:6px;letter-spacing:1px;color:#b0b49f;gap:8px}.paper-footer>span:nth-child(2){letter-spacing:.2px;font:italic 8px Georgia,serif;color:#a6ad95}.player-panel{margin-top:16px;background:#fafbf5;border:1px solid var(--line);border-radius:8px;padding:16px 18px 0}.transport{display:flex;justify-content:space-between;align-items:center;gap:8px}.play-buttons{display:flex;gap:7px;align-items:center}.play-buttons>.button{min-height:36px;padding:9px 14px;font-size:10px;gap:7px}.play-buttons>.button .icon{width:13px;height:13px}.transport-right{display:flex;align-items:center;gap:10px}.text-button{font-size:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#8b977d;padding:5px 0}.text-button .icon{width:13px;height:13px}.record-button.is-recording{background:#f8e5dc;color:#b55441;animation:pulse 1.3s infinite}.play-progress{height:3px;background:#e7ebdd;border-radius:3px;overflow:hidden;margin:17px 0 8px}.play-progress>div{width:0;height:100%;background:#8aa569}.player-status{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#929d86}.player-status>span:first-child{display:flex;align-items:center;gap:5px}.status-dot{width:4px;height:4px;display:inline-block;background:#a0b48c;border-radius:50%}.player-status>span:last-child{font:9px monospace;color:#a2aa95}.practice-options{display:flex;align-items:center;gap:17px;border-top:1px solid #e8ebdf;margin-top:14px;padding:13px 0;flex-wrap:wrap}.check-option{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:400;color:#8a967c;cursor:pointer}.check-option input{width:10px;height:10px;accent-color:#5e7b48;margin:0 3px 0 0}.note-label-field{margin-left:auto;display:flex;align-items:center;gap:6px}.note-label-field label{font-size:8px;font-weight:400;color:#8a967c}.note-label-field select{height:24px;width:70px;font-size:8px;padding-left:8px;padding-right:18px;background-position:right 3px center;border-color:#e6e9dd;background-color:#fafbf5}.practice-tip{display:flex;align-items:center;gap:12px;background:#eef2e5;border:1px solid #e7ebda;border-radius:7px;padding:15px 16px;margin-top:16px;position:relative;overflow:hidden}.tip-icon{width:29px;height:32px;display:flex;align-items:center;justify-content:center;color:#8ca16b;background:#e4ead7;border-radius:20px}.tip-icon .icon{width:16px;height:16px}.practice-tip>div>span{font-size:7px;letter-spacing:1px;color:#99a386}.practice-tip p{margin:3px 0 0;font-size:9px;color:#879579;line-height:1.7}.tip-flourish{margin-left:auto;font:42px Georgia,serif;opacity:.17;color:#8d9d64}.session-strip{margin:26px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#a0a993}.session-strip>span:first-child{display:flex;align-items:center;gap:7px}.session-strip .icon{width:12px;height:12px}.session-strip kbd{font-size:7px;margin:0 2px;background:#fdfdf8;padding:1px 4px;border:1px solid #e3e7d8;border-radius:3px;font-family:inherit;color:#8d9981}.small-separator{margin:0 5px;color:#c0c7b3}.app-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0 20px;color:#a6ad99;font-size:8px}.app-footer>span{font:italic 9px Georgia,serif}.app-footer i{margin:0 6px;font-style:normal;color:#c0c5b5}.app-footer button{font-size:8px;color:#9aa68c}.recording-card{margin-top:14px;border:1px solid #e1e6d5;border-radius:8px;background:#fffef9;display:flex;align-items:center;gap:10px;padding:15px}.recording-card strong{font-size:10px}.recording-card small{display:block;font-size:8px;color:#9aa58a;margin-top:4px}.recording-card audio{height:30px;max-width:240px;width:38%;margin-left:auto}.recording-dot{display:inline-block;width:5px;height:5px;background:#b68572;border-radius:50%;margin-right:7px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:35px;min-height:340px;align-content:start}.saved-card{background:var(--paper);padding:25px;border:1px solid var(--line);border-radius:9px;position:relative}.saved-card:before{content:'𝄞';display:block;font:45px Georgia,serif;color:#a8b491;margin-bottom:16px}.saved-card h3{font:22px Georgia,serif;margin:0 0 12px}.saved-card p{color:#9aa58c;font-size:11px}.saved-card .button{font-size:10px;margin-top:15px}.saved-card .remove-save{position:absolute;right:15px;top:17px}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:340px;border:1px dashed #d8decb;border-radius:10px;padding:35px;color:#91a17b}.empty-state .icon{width:40px;height:40px;opacity:.5;margin-bottom:15px}.empty-state h2{font:28px Georgia,serif;color:#5c7050;margin:10px 0}.empty-state p{font-size:12px;max-width:320px;line-height:1.8}.empty-state .button{margin-top:20px}.journal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.stat-card{background:#fcfcf7;border:1px solid var(--line);padding:24px;border-radius:8px}.stat-card>span{font-size:10px;color:#8b977d}.stat-card strong{display:block;font:35px Georgia,serif;margin:12px 0 3px;color:#3d5a3b}.stat-card small{font-size:9px;color:#a1aa93}.journal-chart,.journal-table-wrap{background:#fcfcf7;border:1px solid var(--line);padding:25px;border-radius:9px;margin-bottom:25px}.journal-chart .panel-title{margin-bottom:35px}.journal-chart .panel-title>span{font-size:10px;color:#a1aa93}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;height:170px}.day-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;font-size:9px;color:#a2ab96}.day-bar{border-radius:4px 4px 0 0;background:#b7c89d;width:45%;min-width:12px;min-height:3px}.day-column.today .day-bar{background:#315a43}.day-column.today{color:#46673d}.day-column>small{font-size:8px;color:#b1baa4}.journal-table-wrap h2{font-size:13px;font-weight:600;margin:0 0 20px}.session-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line);align-items:center;font-size:10px}.session-row small{display:block;color:#9eaa90;font-size:9px;margin-top:3px}.session-row>span{color:#819371}.rating-tag{background:#edf2e3;border-radius:4px;padding:4px 7px;width:fit-content}.journal-empty{color:#98a48b;font-size:12px;text-align:center;padding:60px 20px}.toast{position:fixed;bottom:28px;left:calc(50% + 115px);transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#204b40;color:#f5f8ed;border:1px solid #ffffff10;padding:13px 22px;border-radius:8px;box-shadow:0 8px 24px #173d3626;font-size:12px;z-index:99;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);width:max-content;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e0e6d5;border-radius:14px;background:#fcfdf5;color:var(--ink);padding:42px;max-width:510px;width:calc(100% - 30px);box-shadow:0 24px 100px #173d3630;max-height:calc(100dvh - 50px);overflow:auto}dialog::backdrop{background:#213c3260;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:14px}dialog h2{font:31px/1.25 Georgia,serif;margin:15px 0;letter-spacing:-.7px}dialog>p{font-size:12px;color:#8b997e;line-height:1.8}.guide-step{display:flex;gap:17px;align-items:baseline;margin:21px 0}.guide-step b{font:18px Georgia,serif;color:#a5b28c}.guide-step strong{font-size:12px;font-weight:600}.guide-step p{font-size:11px;line-height:1.8;color:#8f9d82;margin:4px 0}.guide-note{font-size:9px;line-height:1.9;color:#a2ab94;border-top:1px solid var(--line);padding:18px 0 22px}.guide-step+.guide-note{margin-top:25px}dialog>.button{width:100%}#reflection-dialog{text-align:center;padding:40px 28px}.reflection-icon{font:40px Georgia,serif;color:#8ca16a;background:#e8efdb;border-radius:50%;width:68px;height:68px;margin:0 auto 25px;display:grid;place-items:center}#reflection-dialog .eyebrow{justify-content:center}#reflection-dialog h2{font-size:28px}.reflection-options{display:flex;justify-content:center;gap:10px;margin:27px 0}.reflection-options button{display:flex;flex-direction:column;align-items:center;gap:10px;background:#f5f7ec;border:1px solid #e1e7d5;padding:17px 12px;border-radius:7px;font-size:10px;flex:1}.reflection-options button span{font-size:22px;color:#7a945e}.reflection-options button:hover{background:#e8efdb}.is-playing#listen,.is-playing#practice{background:#6b805b;color:white;border-color:#6b805b}@keyframes pulse{50%{opacity:.45}}@media(min-width:1600px){main{padding-top:47px}.music-paper{padding:27px 35px 22px}.composition-heading{margin-top:29px}#score{margin:8px -8px}.settings-panel{padding:26px}.field{margin-bottom:27px}.workspace{grid-template-columns:290px minmax(0,1fr);gap:30px}.page-heading{margin-bottom:42px}h1{font-size:43px}.page-heading p{font-size:13px}.sidebar{width:248px;padding-top:40px}.app-shell{margin-left:248px}.toast{left:calc(50% + 124px)}.paper-footer{margin-top:22px}}@media(max-width:1190px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.profile{margin:0 -14px;padding:18px 12px}.brand{margin-left:7px;gap:7px}.brand>span:last-child{font-size:23px}.brand small{font-size:7px}.app-shell{margin-left:205px}.topbar{padding:0 27px}main{padding:30px 27px 0}.workspace{grid-template-columns:228px minmax(0,1fr);gap:20px}.settings-panel{padding:20px 16px}.page-heading p{font-size:10px}h1{font-size:33px}.streak-badge{padding:12px;gap:8px}.streak-badge strong{font-size:10px}.streak-badge small{font-size:8px}.music-paper{padding:20px 19px 15px}.practice-options{gap:12px}.note-label-field{width:100%;margin:0;border-top:1px solid #e9ecdf;padding-top:10px;justify-content:space-between}.transport-right{gap:4px}.transport-right .text-button span{display:none}.player-panel{padding:14px 13px 0}.recording-card{flex-wrap:wrap}.recording-card audio{width:85%;max-width:unset;margin-left:0}.toast{left:calc(50% + 102px)}}@media(max-width:940px){.sidebar{width:76px;padding:30px 10px 0}.brand{margin:0 auto 35px;justify-content:center}.brand>span:last-child,.nav-label,.nav-item>span,.sidebar-bottom .goal-card,.sidebar-bottom .help-button,.profile>span:not(.avatar){display:none}.nav-item{justify-content:center;padding:14px 10px}.nav-item .icon{width:21px;height:21px}.sidebar-bottom{padding-top:20px}.profile{margin:0 -10px;justify-content:center}.app-shell{margin-left:76px}.topbar{height:63px}.streak-badge{display:none}.workspace{grid-template-columns:226px minmax(0,1fr);gap:18px}.page-heading{margin-bottom:28px}.transport .button{padding:9px 10px}.play-buttons{gap:4px}.transport-right{gap:0}.player-panel{padding:13px 10px 0}.score-actions{gap:3px}.music-paper{padding:18px 15px 14px}.paper-footer>span:nth-child(2){display:none}.exercise-top h2{font-size:13px}.exercise-top h2>span{font-size:9px;margin-left:6px}.score-actions .icon-button{width:28px;height:28px}.composition-heading h3{font-size:21px}.session-strip>span:last-child{display:none}.toast{left:calc(50% + 38px)}.mobile-help{display:flex!important}.practice-tip{padding:13px 12px;gap:9px}.tip-flourish{display:none}.practice-tip p{font-size:8px}.topbar-right{gap:12px}}@media(max-width:740px){.workspace{grid-template-columns:1fr}.settings-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;padding:20px}.panel-title{grid-column:1/-1;margin:0 0 2px}.field{margin:0}.field-grid{gap:10px}.field-grid .field{margin:0}.field-grid label{margin-bottom:8px}.tempo-field{margin:0}.settings-divider{display:none}.switch-row{margin:0;align-self:center}.generate{align-self:center;min-height:38px;grid-column:1/-1}.settings-note{grid-column:1/-1;margin:0}.scale-labels{font-size:7px}.field label{font-size:9px}.label-row>span{font-size:8px}.practice-column{margin-top:10px}.note-label-field{width:auto;border:0;padding:0;margin-left:auto}.practice-options{gap:13px}.topbar-right #today-date,.topbar-right .top-divider{display:none}.music-paper{padding:22px 22px 16px}.paper-footer>span:nth-child(2){display:block}.transport-right .text-button span{display:inline}.player-panel{padding:15px 17px 0}.page-heading{margin-bottom:24px}h1{font-size:32px}.page-heading p{font-size:10px;max-width:360px}.library-grid{grid-template-columns:1fr}.journal-stats{gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:28px}.session-row{grid-template-columns:2fr 1fr 1fr;font-size:9px}.session-row>span:last-child{display:none}.journal-chart,.journal-table-wrap{padding:18px}.week-chart{gap:8px}.page-heading>.button{padding:9px;font-size:9px}.app-footer{gap:12px}.page-heading:has(+.journal-stats){align-items:flex-start}.topbar{padding:0 22px}main{padding:27px 22px 0}.recording-card audio{width:70%;flex:1}}@media(max-width:480px){.sidebar{position:sticky;width:100%;height:60px;padding:0 16px;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);gap:10px}.brand{margin:0 8px 0 0}.brand-mark{height:34px;width:28px;font-size:29px}.brand-mark i{font-size:16px;right:-6px;top:-5px}.sidebar nav{display:flex;gap:5px;margin-left:auto}.nav-item{padding:9px 12px;margin:0}.nav-item .icon{width:19px;height:19px}.sidebar-bottom{display:none}.app-shell{margin:0}.topbar{height:47px;padding:0 18px}.topbar-right{font-size:8px;gap:8px}.breadcrumb{font-size:9px;gap:9px}.topbar .mobile-help{width:26px;height:26px}.topbar .mobile-help .icon{width:14px}main{padding:25px 16px 0}.page-heading p{font-size:10px;line-height:1.8}.eyebrow{font-size:8px}h1{font-size:30px;letter-spacing:-1px}.settings-panel{padding:17px;gap:17px 13px}.label-row>span{max-width:78px;white-space:nowrap;overflow:hidden;font-size:7px}.level-buttons{gap:3px}.level-buttons button{height:29px;font-size:10px}.difficulty .label-row{margin-bottom:10px}.level-buttons+.scale-labels{font-size:6px}.settings-panel select{font-size:9px;height:35px}.select-wrap select{padding-left:28px}.select-wrap>.icon,.key-symbol{left:8px}.field-grid{gap:5px}.field-grid select{padding:0 18px 0 6px;font-size:8px;background-position:right 4px center}.field-grid label{font-size:7px}.generate{font-size:8px;padding:8px 9px;gap:4px}.generate .icon{width:12px}.generate kbd{display:none}.switch-row{font-size:9px}.switch-row small{font-size:7px}.music-paper{padding:19px 14px 15px}.paper-footer>span:nth-child(2){font-size:6px}.paper-top{font-size:6px}.paper-top>span{font-size:7px}.composition-heading h3{font-size:23px}.score-tempo>span:last-child{font-size:7px}.player-panel{padding:13px 11px 0}.play-buttons>.button{font-size:9px;padding:8px 10px;gap:5px}.play-buttons>.button .icon{width:12px}.transport .icon-button{width:27px}.transport-right .text-button span{display:none}.transport-right{gap:2px}.practice-options{gap:10px}.check-option{font-size:7px;gap:1px}.check-option input{width:9px;height:9px}.note-label-field label{font-size:7px}.note-label-field select{width:57px;font-size:7px;height:22px}.paper-footer{font-size:5px;letter-spacing:.7px}.practice-tip p{font-size:8px}.practice-tip>div>span{font-size:6px}.session-strip{font-size:7px;margin:20px 0}.app-footer{font-size:7px}.app-footer>span{font-size:8px}.app-footer button{font-size:7px}.toast{left:50%;font-size:11px}.recording-card{padding:12px}.recording-card small{font-size:7px}.journal-stats{grid-template-columns:1fr;gap:9px}.stat-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px}.stat-card strong{grid-row:1/3;grid-column:2;font-size:30px;margin:0}.stat-card small{font-size:8px}.journal-chart .panel-title>span{font-size:8px}.journal-chart .panel-title h2{font-size:11px}.week-chart{height:140px;gap:5px}.session-row{grid-template-columns:1.5fr 1fr 1fr;gap:8px}.rating-tag{font-size:8px;padding:3px 5px}.page-heading:has(+.journal-stats),#library-view .page-heading{flex-direction:column;align-items:flex-start;gap:14px}dialog{padding:32px 24px}dialog h2{font-size:27px}.reflection-options{gap:7px}.reflection-options button{padding:14px 7px;font-size:9px}}@media print{body{background:white}.sidebar,.topbar,.settings-panel,.exercise-top,.player-panel,.practice-tip,.session-strip,.page-heading,.app-footer,.recording-card,.toast,dialog,.skip,#library-view,#journal-view{display:none!important}.app-shell{margin:0}main{padding:0;max-width:unset}.workspace{display:block}.music-paper{border:0;border-radius:0;box-shadow:none;padding:15px 25px;overflow:visible}.composition-heading h3{font-size:28px}.paper-footer{margin-top:30px}.score-tempo{font-size:12px}#score{color:black}#score .is-playing *{fill:black!important;stroke:black!important}.paper-top{font-size:8px}.composition-heading>div{font-size:11px}.paper-footer>span{font-size:7px}@page{size:A4;margin:15mm}}

.level-buttons.nine-levels{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px}.nine-levels button{padding:0;font-size:10px}.level-preview{font-size:8px;line-height:1.7;color:#8e9c80;margin:10px 0 5px}.level-guide{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 0 0;color:#6a8255;font-size:8px;text-align:left}.level-guide:hover{text-decoration:underline}.levels-dialog{max-width:650px}.levels-table{border-collapse:collapse;width:100%;margin-top:25px}.levels-table th{font:20px Georgia,serif;color:#698251;width:40px;text-align:left;vertical-align:top;padding:15px 10px 15px 0;border-top:1px solid var(--line)}.levels-table td{padding:15px 0;border-top:1px solid var(--line);font-size:11px}.levels-table strong{font-weight:600}.levels-table p{font-size:10px;color:#8b997e;line-height:1.8;margin:4px 0 0}.levels-dialog>.guide-note{padding-bottom:12px}.switch-row:has(input:disabled){opacity:.55}@media(max-width:740px){.difficulty{grid-column:1/-1;grid-row:3}.level-buttons.nine-levels{gap:7px}.nine-levels button{font-size:11px}.difficulty .label-row>span{max-width:unset;font-size:9px}.level-preview{font-size:9px;margin:10px 0 4px}.level-guide{font-size:9px}.difficulty .scale-labels{font-size:8px}.settings-panel .panel-title{grid-row:1}.settings-panel>.field:first-of-type{grid-column:1/-1}}

.prepare-button{width:100%;justify-content:space-between;margin:10px 0 6px;font-size:10px;padding:10px 12px}.preparation-panel{background:#edf2e4;border:1px solid #d6e1c5;border-radius:10px;padding:24px;margin-bottom:23px;scroll-margin-top:75px}.prep-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.prep-top .text-button{font-size:10px}.preparation-panel h2{font:27px/1.2 Georgia,serif;letter-spacing:-.4px;margin:18px 0 10px}.preparation-panel p{font-size:12px;line-height:1.75;margin:10px 0;color:#52674e}.prep-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:20px 0 14px}.prep-stages button{border:1px solid #cdd9bf;border-radius:6px;padding:10px 6px;font-size:10px;background:#f7f9f1;text-align:center}.prep-stages button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.preparation-panel .prep-instruction{font-weight:600;color:var(--ink)}#prep-tip{font-size:11px;font-style:italic}.prep-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0}.prep-controls label{display:flex;align-items:center;gap:9px;font-size:11px}.prep-controls select{border:1px solid #cdd9bf;background:#fffefb;padding:7px;border-radius:5px}.prep-controls input{width:90px;accent-color:var(--green)}.prep-controls output{min-width:47px}.prep-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.prep-actions .button{font-size:11px;padding:11px 13px}#prep-choose{font-size:11px}#prep-progress{display:block;font-size:10px;color:#52674e;margin-top:12px}.preparation-dialog{max-width:660px}.preparation-skills{display:grid;gap:9px;margin:22px 0}.prep-skill{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #dce4cf;border-radius:8px;background:#f2f5e9;text-align:left}.prep-skill strong{display:block;font-size:13px}.prep-skill small{display:block;font-size:11px;line-height:1.6;color:#63765a;margin-top:5px}.prep-badge{flex-shrink:0;font-size:10px;color:#48663a}.prep-skill:hover{background:#e7eed9}@media(max-width:740px){.prepare-button{font-size:11px}.preparation-panel{padding:19px}.prep-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-stages button{padding:12px 6px;font-size:11px}.prep-actions .button{flex:1;min-width:105px}.prep-actions .primary{flex-basis:100%}.prep-skill{padding:13px;gap:9px}.prep-badge{font-size:9px}}@media print{.preparation-panel{display:none!important}}

#prep-reset{font-size:10px;margin-top:16px;padding:5px 0}.paper-top{gap:8px}.paper-top>span{white-space:nowrap}

.prep-level-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:20px 0}.prep-level-nav button{background:#f2f5e9;border:1px solid #dce4cf;border-radius:6px;padding:10px 0;font-size:13px}.prep-level-nav button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}#prep-level-progress{font-size:11px;color:#52674e;margin-bottom:15px}#prep-next-level{margin-top:10px}.preparation-panel .prep-position{font-size:11px;padding:10px 12px;background:#f9fbf3;border-left:3px solid #afc38c}.prep-position:empty{display:none}#prep-tip{font-style:normal;border-top:1px solid #d6e1c5;padding-top:10px}

.current-level-card{margin:15px 0 20px;padding:14px;border:1px solid #dbe3d2;border-radius:12px;background:#f7f9f3}.current-level-card summary{font-weight:650;cursor:pointer}.level-detail-list{margin:14px 0;font-size:12px;line-height:1.55}.level-detail-list dt{font-weight:700;color:#4c613c;margin-top:10px}.level-detail-list dd{margin:1px 0 0;color:#46513f}.level-detail-note{font-size:11px;line-height:1.5;color:#68745e}.exercise-contents{padding:17px 20px;margin:16px 0;border:1px solid #d9e1cf;border-radius:12px;background:#f6f8f2}.exercise-contents strong{font-size:14px}.exercise-contents p{font-size:13px;line-height:1.7;margin:8px 0}.exercise-contents small{font-size:11px;color:#65725a}.levels-table .level-detail-list{min-width:230px}@media print{.exercise-contents{display:none}}

@media(max-width:740px){.current-level-card{grid-column:1/-1;margin:0}.level-detail-list{font-size:12px}}