@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;450;500;550;600;650;700&family=Noto+Serif+JP:wght@400;500;600&display=swap";.notation{width:100%;display:flex;align-items:center;justify-content:center;min-height:212px;height:clamp(212px,45vw,260px);color:#203e35}.notation-svg{width:min(100%,620px)}.notation-svg svg{display:block;width:100%;height:auto;overflow:visible}.piano{min-width:0;width:100%}.piano-hint{margin:0 0 12px;color:#4f6158;font-size:13px;line-height:1.6}.piano-hint span{display:block;color:#68776e;font-size:12px}.piano-scroll{max-width:100%;overflow-x:auto;padding:6px 4px 16px;border-radius:9px;scrollbar-color:#9ba99f #eeeee7;scrollbar-width:thin;overscroll-behavior-x:contain}.piano-keys{position:relative;height:178px;margin-inline:auto}.piano-key{position:absolute;top:0;padding:0;border-radius:0 0 7px 7px;font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .1s ease,box-shadow .1s ease}.piano-key:focus-visible{outline:3px solid #c99041;outline-offset:2px;z-index:4}.piano-key-white{z-index:1;height:176px;color:#32493e;background:linear-gradient(#fffefa,#fffefb 90%,#e9e8df);border:1px solid #b8bfb6;box-shadow:0 3px #c9cdc3}.piano-key-black{z-index:2;height:106px;color:#fff;background:linear-gradient(90deg,#29332e,#465149 65%,#252e29);border:1px solid #18251d;box-shadow:0 3px #18251d}.piano-key:not(:disabled):active{transform:translateY(2px);box-shadow:none}.piano-key:disabled{opacity:1;cursor:default}.piano-key-label{position:absolute;bottom:15px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.2;font-size:12px;font-weight:600}.piano-key-label small{font-size:10px;font-weight:400;opacity:.75}.piano-key-black .piano-key-label{bottom:10px;font-size:9px;letter-spacing:-.5px}.piano-key-black .piano-key-label small{font-size:8px}.middle-c-marker{position:absolute;top:111px;left:4px;right:4px;background:#e1eadd;border-radius:3px;color:#35583f;font-size:9px;line-height:17px;font-weight:700;white-space:nowrap}.piano-key-correct{background:#c6ddcb;color:#173f29;box-shadow:inset 0 -5px #407d55}.piano-key-incorrect{background:#efd7ca;color:#7d3e28;box-shadow:inset 0 -5px #b66f52}.piano-key-black.piano-key-correct{background:#366c48;color:#fff}.piano-key-black.piano-key-incorrect{background:#935f49;color:#fff}.piano-result-marker{position:absolute;top:23px;left:0;right:0;font-size:21px;font-weight:700}@media(prefers-reduced-motion:reduce){.piano-key{transition:none}}:root{font-family:Noto Sans JP,sans-serif;color:#283b34;background:#f6f5ef;font-synthesis:none;font-weight:400;--green:#254f43;--dark:#183c32;--muted:#79847c;--line:#e2e5db;--paper:#fffefa;--sage:#e8eee5;--gold:#ad8a4c}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b58e4f;outline-offset:4px}button{transition:background .18s,color .18s,box-shadow .18s}button:disabled{transition:none}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}button{touch-action:manipulation}a{color:var(--green)}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#fbfbf6;border-right:1px solid var(--line);padding:44px 24px 22px;display:flex;flex-direction:column}.brand{padding:0;border:0;background:none;display:flex;align-items:center;gap:13px;text-align:left;font-family:"Noto Serif JP",serif;font-size:14px;letter-spacing:1px;line-height:1.8}.brand strong{font-size:25px;font-weight:500;letter-spacing:3px}.brand-dot{color:var(--gold)}.brand-mark{display:grid;place-items:center;background:var(--green);color:#f9f5e9;height:49px;width:44px;border-radius:14px 14px 14px 4px}.sidebar-caption{margin:22px 0 38px;font-size:11px;letter-spacing:1px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:none;min-height:49px;padding:12px 15px;border-radius:7px;color:#6b786e;font-size:13px;text-align:left}.nav-item:hover{background:#f0f2e9}.nav-item.active{background:#e8eee5;color:var(--green);font-weight:600}.nav-dot{height:5px;width:5px;border-radius:50%;background:var(--green);margin-left:auto}.sidebar-bottom{margin-top:auto;padding:45px 12px 30px;color:#87917f}.sidebar-bottom p{font-family:"Noto Serif JP",serif;font-size:17px;color:#596b5e;line-height:2;margin:14px 0 12px}.sidebar-bottom span{font-size:10px;line-height:1.8}.version{padding-top:20px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.5px;color:#8b9487;display:flex;justify-content:space-between}.main-shell{margin-left:252px;width:calc(100% - 252px)}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:12px;color:#758074;letter-spacing:.6px}.local-badge{display:flex;align-items:center;gap:7px;font-size:10px}.main-shell main{max-width:1296px;margin:auto;padding:40px 48px 48px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--gold);font-weight:600;margin-bottom:11px}h1{font-family:"Noto Serif JP",serif;font-size:30px;font-weight:500;letter-spacing:1px;line-height:1.6}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.date-chip{font-size:11px;border-bottom:1px solid #d7ddcf;padding:8px 0;color:#7b8576;white-space:nowrap}.today-card{background:#e9eee2;border:1px solid #dce4d3;border-radius:12px;display:flex;align-items:center;justify-content:space-between;min-height:228px;padding:32px 42px;position:relative;overflow:hidden}.today-card:after{content:"";width:270px;height:270px;border:1px solid #d9e2ce;border-radius:50%;position:absolute;right:-140px;top:-140px;pointer-events:none}.small-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#64795d}.status-dot{display:inline-block;width:6px;height:6px;background:#70926e;border-radius:50%}.today-copy h2{font-family:"Noto Serif JP",serif;font-size:24px;font-weight:500;margin:13px 0 10px;letter-spacing:.7px}.today-copy p{color:#74816c;font-size:12px;line-height:1.9;margin-bottom:22px}.primary{background:var(--green);border:1px solid var(--green);color:#fffef9;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 23px;font-size:13px;min-height:48px;letter-spacing:.5px}.primary:hover{background:var(--dark)}.primary:disabled{background:#dde2d9;border-color:#dde2d9;color:#919b8e}.today-progress{min-width:150px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px;padding-left:20px}.today-progress>span{font-size:11px;color:#6a7d61}.today-progress>small{font-size:9px;color:#8b977f}.progress-ring{height:119px;width:119px;border-radius:50%;padding:5px;background:conic-gradient(var(--green) var(--progress),#d5dfcb 0);transform:rotate(-0deg)}.progress-ring>div{height:100%;border-radius:50%;background:#e9eee2;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1.25}.progress-ring strong small{font-size:22px;color:#829276}.progress-ring span{font-size:11px;color:#86917e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin-top:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-heading h2{font-size:15px;font-weight:550;display:flex;align-items:center;gap:9px;letter-spacing:.5px}.section-heading>span{font-size:10px;color:#909787}.section-heading>svg{color:#9aa98d}.section-heading p{color:var(--muted);font-size:11px;margin-top:8px;line-height:1.7}.reading-card{display:flex;align-items:center;text-align:left;justify-content:space-between;width:100%;background:var(--paper);border:1px solid #cfd9c6;border-radius:9px;padding:25px 26px;gap:15px;box-shadow:0 3px #e9ece2}.reading-card:hover{border-color:#7d9b73;box-shadow:0 5px 15px #2347340b}.module-number{font-size:9px;letter-spacing:2px;color:var(--gold)}.reading-card h3{font-family:"Noto Serif JP",serif;font-size:24px;font-weight:500;margin:8px 0 12px;display:flex;gap:14px;align-items:center}.reading-card h3 span{font-family:Noto Sans JP,sans-serif;font-size:8px;letter-spacing:1.5px;color:#91a087}.reading-card p{font-size:11px;color:var(--muted);line-height:2}.text-link{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:600;margin-top:20px;color:var(--green)}.reading-visual{display:flex;flex-direction:column;align-items:center;gap:15px;flex-shrink:0;width:100px;color:#7d9671}.reading-visual span{font-family:Georgia,serif;font-size:9px;letter-spacing:1px}.modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.module-card{display:flex;align-items:flex-start;gap:11px;flex-wrap:wrap;text-align:left;padding:20px 18px;border:1px solid var(--line);background:#f8f8f2;border-radius:8px;min-height:121px}.module-card>svg{color:#9aa592;margin-top:2px}.module-card h3{font-size:14px;font-weight:500;color:#74816d}.module-card p{color:#969d90;font-size:9px;margin-top:6px;line-height:1.8}.coming-soon{font-size:8px;color:#929c89;background:#eaeee4;border-radius:3px;padding:3px 6px;margin-left:34px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:23px}.dashboard-side{display:flex;flex-direction:column;gap:19px}.dashboard-side .section-heading h2{font-size:13px}.week-days{display:flex;justify-content:space-between;text-align:center;margin:22px 0}.week-days>div>span{font-size:9px;color:#8d9686}.day-circle{height:25px;width:25px;display:grid;place-items:center;background:#f2f3eb;border-radius:50%;margin-top:9px;color:#a3ad9c}.day-circle.today{border:1px solid #a3b392}.day-circle.done{background:var(--green);color:#fff}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:15px}.mini-stats>div{display:flex;flex-direction:column;align-items:center;gap:7px}.mini-stats>div+div{border-left:1px solid var(--line)}.mini-stats strong{font-size:23px;font-weight:500}.mini-stats strong small{font-size:10px;font-weight:400;color:#86917d}.mini-stats span{font-size:9px;color:#919a87}.plain-link{border:0;background:none;padding:7px 0;display:flex;gap:7px;align-items:center;font-size:11px;color:#788a6c;min-height:34px}.weekly-panel .plain-link{width:100%;justify-content:space-between}.weak-panel{padding-bottom:20px}.empty-small{text-align:center;padding:12px 0 5px}.empty-note{color:#a4b196;display:inline-flex;border:1px solid #e3e8d9;background:#f6f7f0;padding:10px;border-radius:50%;margin-bottom:13px}.empty-small p{color:#788571;font-size:11px;line-height:1.9}.empty-small small{font-size:9px;color:#9aa28f;display:block;margin-top:10px}.gentle-note{display:flex;gap:10px;padding:4px 13px;color:#9aab87}.gentle-note p{font-size:10px;line-height:2.1;color:#8a9680}.weak-list>div{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #eef0e7}.weak-list{margin-bottom:17px}.weak-list strong{font-size:11px;font-weight:500}.weak-list small{display:block;font-size:9px;color:#98a08e;margin-top:3px}.weak-list>div>span:last-child{margin-left:auto;font-size:12px;text-align:right}.note-tile{background:#edf1e6;display:grid;place-items:center;width:32px;height:34px;color:var(--green);border-radius:5px;font-size:12px}.secondary{border:1px solid #cbd6c3;background:transparent;color:var(--green);border-radius:5px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;min-height:42px}.secondary:hover{background:#edf1e7}.full-width{width:100%}footer{max-width:1296px;margin:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 48px;font-size:9px;color:#929d87}footer span{color:#a0aa94}.back-link{display:flex;align-items:center;gap:6px;border:0;background:none;font-size:11px;color:#829075;padding:0 0 21px}.lesson-label{font-size:10px;color:#9da88f;letter-spacing:2px}.setup-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.75fr);gap:40px;align-items:start}.setup-panel{padding:29px 32px}.setup-panel .section-heading{border-bottom:1px solid var(--line);padding-bottom:22px}.settings-form fieldset{padding:0;border:0;margin:22px 0}.settings-form legend{font-size:12px;font-weight:550;margin-bottom:12px}.option-group{display:grid;gap:9px}.options-2{grid-template-columns:1fr 1fr}.options-3{grid-template-columns:1fr 1fr 1fr}.option{padding:13px 8px;border-radius:5px;border:1px solid var(--line);background:#fffefa;min-height:47px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.option strong{font-size:12px;font-weight:500}.option small{font-size:10px;color:#909a85}.option.selected{background:#e9efe3;border-color:#6c8960;box-shadow:inset 0 0 0 .5px #6c8960}.option.selected strong{color:var(--green)}.option:hover{border-color:#88a277}.setting-note{font-size:10px;color:#8b9681;line-height:1.9}.start-button{width:100%;margin-top:24px}.practice-guide{padding:34px 8px}.guide-icon{color:#6b8560;background:#e7eddf;display:inline-flex;padding:15px;border-radius:50%;margin-bottom:22px}.practice-guide h2{font-family:"Noto Serif JP",serif;font-weight:500;font-size:23px;line-height:1.9;letter-spacing:.5px}.practice-guide p{color:var(--muted);font-size:12px;line-height:2.1;margin-top:18px;max-width:300px}.practice-guide ol{font-size:12px;line-height:2.8;color:#728368;padding-left:21px;margin:23px 0}.guide-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #e0e5d7;padding-top:17px;font-size:10px;color:#909c83}.session-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 17px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags>span{border:1px solid #dde4d4;background:#eff2e8;color:#718565;font-size:10px;padding:6px 10px;border-radius:4px}.tags>.weak-tag{background:#f3eddf;border-color:#e4d7bc;color:#a18c61}.quiz-panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px 32px 0}.quiz-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#77866e}.quiz-meta>span:first-child{font-size:9px;color:#9ca88f;letter-spacing:1.8px}.quiz-dot{font-size:10px;color:#8b9980}.quiz-dot .status-dot{margin-right:6px}.feedback{min-height:94px;display:flex;align-items:center;justify-content:center;border-top:1px solid #edf0e6}.feedback-prompt{font-size:12px;color:#97a18b}.feedback-correct,.feedback-incorrect{display:flex;align-items:center;gap:12px}.feedback-icon{padding:8px;border-radius:50%;background:#e3eddd;color:#50753e;display:flex}.feedback-incorrect .feedback-icon{background:#f2e7df;color:#a36b4e}.feedback strong{display:block;font-size:13px;font-weight:550;letter-spacing:.5px}.feedback div>span:not(.feedback-icon){display:block;margin-top:7px;font-size:12px;color:#7d8b72}.feedback .answer-time{display:inline;color:#a3ab9b;font-size:10px}.answer-area{margin-top:23px}.solfege-buttons{display:grid;grid-template-columns:repeat(7,1fr);gap:11px}.solfege-buttons button{min-height:65px;border:1px solid #ccd8c2;border-radius:7px;background:var(--paper);font-size:20px;color:var(--green);box-shadow:0 3px #e1e6d9}.solfege-buttons button:hover:not(:disabled){background:#edf2e6;border-color:#719261}.solfege-buttons button:disabled{color:#9da591}.solfege-buttons button.chosen{background:#efe9df;border-color:#cbb79d;color:#92795a}.solfege-buttons button.correct{background:var(--green);border-color:var(--green);color:#fff}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:20px 0;border-bottom:1px solid var(--line);gap:15px}.session-metrics{display:flex;gap:29px}.session-metrics>span{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#8d9980}.session-metrics strong{font-size:20px;font-weight:500;color:#425c39}.session-metrics small{font-size:11px}.next-button{min-width:180px}.end-button{display:block;margin:21px auto 0;border:0;border-bottom:1px solid #c7d1be;background:none;padding:7px 0;font-size:12px;color:#7a8a6d}.save-note{font-size:10px;color:#9ba68e;display:flex;gap:6px;align-items:center;justify-content:center;margin:16px 0}.keyboard-heading{display:flex;justify-content:space-between;font-size:11px;color:#7c8c70;margin:0 0 13px;gap:10px}.keyboard-heading label{display:flex;gap:6px;align-items:center;min-height:25px}.keyboard-heading input{accent-color:var(--green)}.keyboard-hint{font-size:10px;color:#96a08b;text-align:center;margin-top:10px}.history-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;color:#8b9680;font-size:11px}.history-filter select{border:1px solid #d4ddca;border-radius:4px;background:var(--paper);color:#607153;padding:9px 28px 9px 12px;margin-left:13px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{display:flex;flex-direction:column;gap:12px}.stat-card svg{color:#92a283}.stat-card>span{font-size:11px;color:#859478}.stat-card strong{font-size:29px;font-weight:500;letter-spacing:.5px}.clef-panel{margin-bottom:24px}.clef-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:6px 3px}.clef-summary h3{font-size:13px;font-weight:500;display:inline}.clef-summary>strong{float:right;font-weight:500;font-size:20px;color:var(--green)}.progress-track{height:5px;background:#ebefe3;border-radius:5px;margin-top:22px;overflow:hidden}.progress-track span{display:block;height:100%;background:#769c66;border-radius:5px}.clef-summary p{display:flex;justify-content:space-between;margin-top:11px;font-size:10px;color:#8b9880}.note-records{margin-bottom:24px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}thead{background:#f2f5eb;color:#89987d;font-size:10px}th,td{padding:15px 14px;border-bottom:1px solid #ebeee2}th{font-weight:500}td{color:#7b8a6e}.empty-records{text-align:center;padding:45px 15px;color:#a0b08e}.empty-records h3{font-size:14px;font-weight:500;color:#7d8f6d;margin:17px 0 10px}.empty-records p{font-size:11px;line-height:1.9;color:#9aa78c}.recent-list{padding:0;list-style:none;margin:0}.recent-list li{display:flex;align-items:center;gap:18px;font-size:11px;padding:13px 0;border-bottom:1px solid #edf0e5;color:#8e9b81}.recent-list strong{color:#5c7350;font-weight:500;min-width:80px}.recent-list time{margin-left:auto;font-size:10px}.result-ok,.result-no{display:flex;color:#709460;background:#eaf1e3;padding:5px;border-radius:50%}.result-no{background:#f2e9e0;color:#ac8260}.storage-note{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#8d9a80;margin-top:27px;flex-wrap:wrap}.storage-note>div{display:flex;align-items:center;gap:10px}.storage-note p{line-height:1.9}.storage-note small{font-size:10px;color:#a1ab95}.muted{color:#98a58c;font-size:12px}.notice{margin:18px 48px 0;padding:14px 18px;background:#f4e9d5;color:#7d653a;border:1px solid #e8d6b2;border-radius:6px;font-size:12px;line-height:1.9}.goal-reached{display:flex;gap:10px;align-items:center;background:#e5eedf;padding:15px 18px;border-radius:6px;font-size:12px;margin-top:18px}@media(min-width:1500px){.sidebar{width:270px;padding-left:33px;padding-right:33px}.main-shell{margin-left:270px;width:calc(100% - 270px)}.main-shell main{padding-top:48px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 308px;gap:32px}}@media(max-width:1199px){.sidebar{width:210px;padding:30px 17px 20px}.brand{font-size:12px;gap:10px}.brand strong{font-size:23px}.sidebar-caption{font-size:10px}.nav-item{font-size:11px;padding-left:10px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.main-shell main{padding:30px}.topbar{padding:0 30px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px;gap:19px}.today-card{padding:27px}.reading-card{padding:22px}.reading-visual{width:65px}.reading-visual span{display:none}.reading-card h3{display:block}.reading-card h3 span{display:block;font-size:8px;margin-top:4px}.module-card{padding:16px 12px;gap:8px}.module-card p{font-size:9px}.coming-soon{margin-left:31px}.panel{padding:20px}.today-copy h2{font-size:22px}.today-progress{min-width:125px}.setup-grid{gap:22px}.setup-panel{padding:23px}.setup-panel .section-heading>span{display:none}.practice-guide h2{font-size:20px}.section-heading>span{font-size:9px}.stats-grid{gap:12px}.stat-card strong{font-size:25px}.stat-card>span{font-size:10px}footer{padding:20px 30px}}@media(max-width:950px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gentle-note{grid-column:1/-1;justify-content:center;align-items:center}.gentle-note p br{display:none}.setup-grid{grid-template-columns:1fr}.practice-guide{padding:15px}.practice-guide h2 br{display:none}.practice-guide p{max-width:none}.practice-guide ol{margin:15px 0;display:flex;flex-wrap:wrap;gap:10px 35px;line-height:1.9}.practice-guide .guide-icon{display:none}.stats-grid{grid-template-columns:1fr 1fr}.clef-grid{gap:24px}.solfege-buttons{gap:8px}.quiz-panel{padding:20px 20px 0}.quiz-meta>span:first-child{letter-spacing:.6px}.session-metrics{gap:19px}.next-button{min-width:156px}.today-copy p{font-size:11px}.date-chip{display:none}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:17px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:12px;line-height:1.5;gap:9px}.brand br{display:none}.brand strong{font-size:17px;letter-spacing:1px}.brand-mark{width:33px;height:36px;border-radius:10px 10px 10px 3px}.brand-mark svg{width:20px}.sidebar-caption,.sidebar-bottom,.version{display:none}nav{flex-direction:row;gap:4px;margin-top:16px}.nav-item{font-size:11px;min-height:44px;gap:7px;justify-content:center;flex:1;border-radius:6px 6px 0 0;padding:10px 5px}.nav-item svg{width:16px;height:16px}.nav-dot{display:none}.nav-item.active{border-bottom:2px solid var(--green)}.main-shell{margin-left:0;width:100%}.topbar{height:44px;padding:0 20px;font-size:10px}.local-badge{font-size:9px;gap:4px}.main-shell main{padding:26px 20px 30px}.page-heading{margin-bottom:23px;gap:10px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px}h1{font-size:24px;letter-spacing:.5px}.page-heading p{font-size:11px;line-height:1.8;margin-top:6px}.today-card{padding:24px 22px;min-height:210px;gap:10px}.today-copy h2{font-size:20px;line-height:1.8;margin:11px 0 7px}.today-copy p{max-width:225px;font-size:10px;margin-bottom:18px}.today-progress{min-width:86px;padding:0;gap:8px}.progress-ring{height:86px;width:86px;padding:4px}.progress-ring strong{font-size:28px}.progress-ring strong small{font-size:16px}.progress-ring span{font-size:10px}.today-progress>span{font-size:9px}.today-progress>small{display:none}.small-label{font-size:10px}.primary{font-size:12px;padding:12px 17px;gap:12px;min-height:45px}.dashboard-grid{margin-top:27px;gap:24px}.section-heading h2{font-size:14px}.section-heading>span{font-size:9px}.section-heading{margin-bottom:15px}.reading-card{padding:23px 22px}.reading-card h3{display:flex;font-size:24px}.reading-card h3 span{font-size:8px;display:block}.reading-card p{font-size:10px}.reading-visual{width:70px}.reading-visual svg{width:53px}.modules-grid{gap:11px;margin-top:15px}.module-card{min-height:118px;padding:18px 14px;gap:10px}.module-card>svg{width:19px}.module-card h3{font-size:13px}.module-card p{font-size:9px;max-width:112px;line-height:1.7}.coming-soon{font-size:8px;margin-left:29px}.dashboard-side{gap:13px}.panel{padding:19px}.dashboard-side .section-heading h2{font-size:12px}.dashboard-side .section-heading svg{width:15px}.week-days{margin:18px 0}.day-circle{width:19px;height:19px}.day-circle svg{width:12px}.mini-stats strong{font-size:20px}.mini-stats span{font-size:8px}.empty-small p{font-size:10px}.empty-small small{font-size:8px;line-height:1.8}.plain-link{font-size:10px}.gentle-note{padding:9px}.gentle-note p{font-size:9px;line-height:2}.gentle-note p br{display:initial}footer{padding:17px 20px;gap:15px;line-height:1.8;font-size:8px}.back-link{font-size:10px;padding-bottom:18px}.lesson-label{font-size:8px}.setup-panel{padding:23px 20px}.settings-form fieldset{margin:22px 0}.settings-form legend,.option strong{font-size:12px}.option small{font-size:9px}.practice-guide h2{font-size:19px}.practice-guide p{font-size:11px}.practice-guide ol{font-size:11px;display:block;line-height:2.4}.guide-foot{font-size:9px}.session-top{margin:0 0 14px}.tags{gap:5px}.tags>span{font-size:9px;padding:5px 8px}.session-top .plain-link{font-size:9px}.quiz-panel{padding:18px 14px 0}.quiz-meta>span:first-child{font-size:8px;letter-spacing:.5px}.quiz-meta>span:nth-child(2){font-size:11px}.quiz-dot{font-size:8px}.quiz-dot .status-dot{height:4px;width:4px;margin-right:4px}.feedback{min-height:90px}.feedback strong{font-size:12px}.feedback div>span:not(.feedback-icon){font-size:11px}.feedback-prompt{font-size:10px}.feedback .answer-time{font-size:9px}.feedback-icon{padding:6px}.feedback-correct,.feedback-incorrect{gap:9px}.answer-area{margin-top:20px}.solfege-buttons{gap:6px}.solfege-buttons button{font-size:17px;min-height:56px;border-radius:5px;padding:0}.quiz-bottom{flex-wrap:wrap;gap:21px;margin-top:20px;padding:17px 0 22px}.session-metrics{justify-content:space-between;width:100%;padding:0 7px}.session-metrics>span{font-size:10px;gap:5px}.session-metrics strong{font-size:20px}.next-button{width:100%;min-height:48px}.keyboard-heading{font-size:9px;align-items:center}.keyboard-hint,.save-note{font-size:9px}.history-filter{display:block;margin-bottom:20px}.history-filter>span{display:block;margin-top:12px;font-size:10px}.history-filter label{font-size:10px}.page-heading>.secondary{font-size:9px;gap:5px;min-width:95px;padding:9px;min-height:39px}.page-heading>.secondary svg{width:14px}.stats-grid{gap:12px}.stat-card{gap:10px;padding:20px}.stat-card>span{font-size:10px}.stat-card strong{font-size:28px}.stat-card svg{width:18px}.clef-grid{grid-template-columns:1fr;gap:27px}.clef-summary p{font-size:10px}.note-records .section-heading{flex-wrap:wrap}.note-records .section-heading p{font-size:10px}.note-records .secondary{font-size:10px;min-height:36px;padding:8px 10px}.table-scroll th,.table-scroll td{padding:13px 11px;font-size:10px}.table-scroll thead th{font-size:9px}.empty-records{padding:30px 0}.empty-records h3{font-size:12px}.empty-records p{font-size:10px}.recent-list li{gap:10px;flex-wrap:wrap;font-size:10px;padding:13px 0}.recent-list time{font-size:9px;margin-left:auto}.recent-list strong{min-width:68px}.storage-note{font-size:10px}.storage-note small{font-size:9px}.notice{margin:14px 20px 0;font-size:11px}.weak-list{margin-bottom:12px}.weak-list>div{gap:6px}.weak-list strong{font-size:10px}.weak-list small{font-size:8px}.note-tile{width:25px;height:29px;font-size:10px}.weak-list>div>span:last-child{font-size:10px}.weak-panel .secondary{font-size:9px;padding:9px;gap:6px}.goal-reached{font-size:11px;line-height:1.8}}@media(max-width:380px){.main-shell main{padding-left:16px;padding-right:16px}.today-card{padding:21px 17px}.today-copy h2{font-size:18px}.today-progress{min-width:72px}.progress-ring{height:72px;width:72px}.progress-ring strong{font-size:25px}.reading-card{padding:21px 18px}.reading-visual{width:40px}.module-card{padding:15px 11px}.dashboard-side{grid-template-columns:1fr}.week-days{justify-content:space-around}.day-circle{height:28px;width:28px}.empty-small{padding:7px}.mini-stats span{font-size:10px}.option strong{font-size:11px}.quiz-meta{gap:6px}.quiz-dot{display:none}.solfege-buttons{gap:4px}.solfege-buttons button{font-size:16px}.reading-card h3 span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}body{min-width:0}.quiz-panel{scroll-margin:20px}@media(max-width:380px){.solfege-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.solfege-buttons button{min-height:52px}}