:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243d35;background:#f6f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c18b44;outline-offset:4px}[hidden]{display:none!important}.topbar{height:90px;border-bottom:1px solid #dedfd6;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#214a3c;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-icon{background:#174c40;color:#fff;border-radius:12px;width:37px;height:42px;display:grid;place-items:center;font:34px Georgia}.tag{font-size:9px;letter-spacing:2px;border-left:1px solid #cdd3c9;padding-left:16px;margin-left:6px}.local{font-size:11px;color:#6a796d}main{max-width:1360px;margin:auto;padding:45px 5.5% 20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#738274}.intro{display:flex;justify-content:space-between;align-items:center;margin:12px 0 42px}h1{font:normal 60px/1.08 Georgia,serif;letter-spacing:-2px;margin:0 0 20px}h1 em{color:#39755b}p{color:#7a8278;font-size:13px;line-height:1.8}.daily{border-left:1px solid #d6dbcf;min-width:240px;padding-left:35px;display:flex;flex-direction:column;color:#76806e;font-size:11px}.daily>span:first-child{font-size:9px;letter-spacing:1.5px}.daily strong{font:52px Georgia;color:#365747;margin:12px 0 0}.mini-staff{color:#a6b19c;font:28px Georgia;margin-top:15px}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:32px}aside{padding:25px 22px 0 0}h2{font:26px/1.3 Georgia;margin:12px 0 26px}label:not(.check){display:block;font-size:11px;font-weight:600;margin:25px 0 10px}select{width:100%;border:1px solid #d6dccf;background:#fffefa;padding:12px 8px;border-radius:7px;color:#435a4a;font-size:11px}.check{display:flex;align-items:center;gap:7px;font-size:11px;color:#687565;margin-top:16px}input{accent-color:#265b47}.lesson-info{border-top:1px solid #dce0d4;margin-top:30px;padding-top:26px}.lesson-info>span,.tip>span{font-size:9px;letter-spacing:1.4px;color:#6c8067}h3{font-size:14px;font-weight:600;margin:13px 0 8px}.tip{background:#eaf0e3;border-radius:9px;padding:17px;margin-top:27px}.tip p{font-size:11px;margin-bottom:0}.text-button{background:none;border:0;color:#6a7d6a;font-size:11px;margin-top:25px}.practice{background:#fffefa;border:1px solid #e0e3d8;border-radius:15px;padding:28px 32px;box-shadow:0 7px 24px #314a3010}.practice-header{display:flex;align-items:center;justify-content:space-between}.practice-header h2{margin:7px 0 25px}.badge{background:#edf1e7;border:1px solid #dce5d4;border-radius:5px;font-size:8px;letter-spacing:1px;padding:7px 10px;color:#6b7e5c}.progress-heading{display:flex;justify-content:space-between;font-size:10px;color:#85907e}.progress{height:4px;background:#edf0e7;border-radius:4px;margin-top:9px;overflow:hidden}.progress>div{height:100%;background:#6b9060;transition:width .3s}.score-wrap{margin-top:12px;overflow-x:auto}#score{width:100%;min-width:480px;display:block}.score-caption{display:flex;justify-content:space-between;color:#93998d;font-size:9px;padding-bottom:20px;border-bottom:1px solid #ebede5}.dot{display:inline-block;background:#356c52;width:6px;height:6px;border-radius:50%;margin-right:6px}.listener{display:flex;gap:13px;align-items:center;margin:24px 0}.listening-icon{background:#edf1e6;border:1px solid #dce4d3;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:#64825a;font-size:24px;flex-shrink:0}.listener-copy{display:flex;flex-direction:column;gap:6px;flex:1}.listener strong{font-size:12px;font-weight:600}.listener-copy>span{font-size:10px;color:#8b9485}.primary{background:#214f3e;color:#fff;border:0;padding:13px 17px;border-radius:7px;font-size:11px}.primary span{margin-left:14px}.note-panels{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f7f0;border:1px solid #e7eadd;border-radius:9px;padding:15px 0}.note-panels>div{text-align:center;border-right:1px solid #dfe4d7}.note-panels>div:last-child{border:0}.note-panels span{display:block;font-size:8px;letter-spacing:1.5px;color:#84917b}.note-panels strong{display:block;font:27px Georgia;margin-top:10px;color:#466641}.note-panels small{font:12px system-ui;color:#8b987e}.keyboard{display:flex;position:relative;height:110px;margin:24px auto 0;max-width:470px}.key{flex:1;border:1px solid #d8ddcf;background:linear-gradient(#fff,#f8f9f3);border-radius:0 0 5px 5px;position:relative;color:#a2aa98;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-size:9px}.key.black{position:absolute;top:0;width:6%;height:65%;background:#2d3932;z-index:2;border-color:#233027;color:#b9c2b3;transform:translateX(-50%)}.key.active{background:#dbe8ce;color:#345639}.key.black.active{background:#53704a}.key:active{background:#c7d8b5}.keyboard-caption{text-align:center;font-size:9px;margin:12px 0 0}footer{display:flex;justify-content:space-between;font-size:9px;color:#939b8b;margin-top:28px;gap:15px}#install{border:1px solid #cbd6c4;background:#edf1e7;padding:8px 12px;border-radius:7px;color:#36583d;font-size:11px}@media(max-width:900px){.workspace{grid-template-columns:190px minmax(0,1fr);gap:15px}.practice{padding:22px 20px}.local{display:none}.daily{min-width:190px}.listener{flex-wrap:wrap}.primary{margin-left:56px}h1{font-size:52px}}@media(max-width:640px){.topbar{height:72px;padding:0 20px}.brand{font-size:21px}.tag{display:none}main{padding:28px 18px}.intro{margin-bottom:28px}h1{font-size:43px}.intro p{font-size:12px}.daily{display:none}.workspace{display:flex;flex-direction:column}aside{padding:0}aside h2,.lesson-info,.tip{display:none}aside .eyebrow{display:none}label:not(.check){margin-top:0}.check{margin-bottom:15px}.text-button{margin:0 0 15px}.practice{padding:22px 16px}.practice-header h2{font-size:24px}.score-caption{font-size:8px}.primary{width:100%;margin-left:0}.note-panels strong{font-size:24px}.note-panels span{font-size:7px;letter-spacing:1px}footer{flex-direction:column;gap:8px}.desktop{display:none}}
/* Presentation and focused practice */
a.primary{display:inline-block;text-decoration:none}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav .text-button{margin:0;text-decoration:none}.home-intro{gap:60px;margin-bottom:65px}.start-link{margin-top:12px;padding:16px 23px}.small-copy{font-size:10px}.demo-card{width:390px;max-width:100%;background:#fffefa;border:1px solid #dfe4d5;border-radius:18px;padding:28px;text-align:center;box-shadow:0 15px 40px #314a3010}.demo-card h2{font-size:23px;margin:12px 0}.demo-card svg{display:block;width:100%}.demo-note{border:1px solid #c6d4bb;background:#eaf0e2;color:#285e45;border-radius:9px;padding:13px 28px;font-size:14px}.demo-card p{font-size:11px;min-height:40px}.how-it-works{scroll-margin-top:25px;border-top:1px solid #dce0d4;padding-top:36px}.how-it-works h2{font-size:32px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article>span{font:32px Georgia;color:#a2b197}.steps h3{font-size:16px}.home-bottom{margin:48px 0 20px;padding:30px;background:#eaf0e3;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-bottom h2{margin:0 0 8px}.home-bottom p{margin:0}.home-bottom .primary{white-space:nowrap}.training-page .topbar{padding-left:85px}.training-page main{max-width:1180px;padding-top:32px}.training-page .workspace{display:block}.training-page .practice{min-height:640px;padding:30px 40px}.menu-toggle{position:fixed;top:25px;left:22px;z-index:30;width:42px;height:42px;border:1px solid #ced8c5;border-radius:9px;background:#fffefa;color:#285e45;font-size:23px}.menu-backdrop{position:fixed;inset:0;background:#172a2259;border:0;z-index:39;cursor:default}.training-page .training-menu{position:fixed;left:0;top:0;bottom:0;width:320px;max-width:90vw;overflow:auto;z-index:40;background:#f6f5f0;padding:25px;box-shadow:12px 0 45px #17352220}.training-menu #menu-close{display:block;margin:0 0 25px auto;font-size:13px}.training-menu .lesson-info,.training-menu .tip,.training-menu h2,.training-menu .eyebrow{display:block}.training-menu .training-total{margin-top:25px}.training-menu a{display:inline-block;margin-top:0;text-decoration:none}.menu-open{overflow:hidden}.training-page .keyboard{height:175px;max-width:680px;margin-top:35px}.training-page[data-view="keyboard"] .keyboard{height:240px;margin-top:40px}.training-page[data-view="keyboard"] .listener{margin-top:40px}.training-page .key{font-size:12px}.training-page footer{margin-top:20px}@media(max-width:640px){.topbar nav .text-button{display:none}.topbar nav .primary{width:auto;padding:10px;font-size:10px}.home-intro{flex-direction:column;align-items:stretch;gap:28px}.demo-card{width:100%}.steps{grid-template-columns:1fr;gap:18px}.home-bottom{flex-direction:column;align-items:flex-start;padding:24px}.home-bottom .primary{width:auto}.training-page .topbar{padding-left:73px}.menu-toggle{top:16px;left:16px;width:38px;height:38px}.training-page main{padding:18px 12px}.training-page .practice{padding:24px 16px;min-height:0}.training-page .training-menu .lesson-info,.training-page .training-menu .tip,.training-page .training-menu h2,.training-page .training-menu .eyebrow{display:block}.training-page .training-menu label:not(.check){margin-top:24px}.training-page .keyboard,.training-page[data-view="keyboard"] .keyboard{height:180px}.training-page .key{font-size:9px}}
/* Landscape lessons and moving score */
.orientation-hint{display:none}.training-page .score-wrap{overflow:hidden;position:relative;margin-top:6px}.training-page #score{min-width:0;width:100%;height:clamp(170px,43svh,300px)}#score-track{transition:transform .32s ease-in-out}.training-page .score-wrap:after{content:'';position:absolute;left:50%;top:10%;bottom:10%;border-left:1px dashed #6b906044;pointer-events:none}.training-page .practice{min-height:0}.training-page .topbar{height:62px}.training-page .menu-toggle{top:10px}.training-page main{max-width:none;padding:15px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.training-page .practice{padding:18px 26px}.training-page .practice-header h2{margin:3px 0 12px}.training-page .listener{margin:14px 0}.training-page .score-caption{padding-bottom:10px}.training-page .note-panels{padding:9px 0}.training-page .note-panels strong{margin-top:5px}.training-page footer{margin-top:10px}@media(orientation:landscape) and (max-height:600px){.training-page .topbar{height:46px}.training-page .brand{font-size:18px}.training-page .brand-icon{height:30px;width:30px;font-size:26px}.training-page .menu-toggle{top:5px;height:35px;width:35px}.training-page main{padding-top:7px}.training-page .practice{padding:10px 18px}.training-page .practice-header h2{font-size:20px;margin:0 0 5px}.training-page .practice-header .eyebrow{display:none}.training-page .listener{flex-wrap:nowrap;margin:8px 0;gap:10px}.training-page .listener .primary{width:auto;margin:0;padding:10px 13px}.training-page .listening-icon{width:32px;height:32px}.training-page .note-panels{padding:6px 0}.training-page .note-panels strong{font-size:20px;margin-top:3px}.training-page .keyboard,.training-page[data-view="keyboard"] .keyboard{height:110px;margin-top:12px}.training-page .keyboard-caption{margin:5px 0}.training-page footer{display:none}.training-page .score-caption{padding-bottom:5px}}@media(orientation:portrait) and (pointer:coarse){.orientation-hint{display:flex;position:fixed;inset:0;z-index:60;background:#f6f5f0;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;overflow:auto}.orientation-hint>span{font-size:72px;color:#39755b}.orientation-hint strong{font:30px Georgia}.orientation-hint p{max-width:300px}.orientation-hint .primary{width:auto;margin:12px 0}.orientation-hint a{font-size:12px;color:#39755b;margin-top:15px}.training-page:has(.orientation-hint){overflow:hidden}}@media(prefers-reduced-motion:reduce){#score-track{transition:none}}
/* Immersive lesson: the score is the main surface. */
.training-page{background:#fffefa}.training-page main{padding:0;max-width:none}.training-page .practice{height:100vh;height:100svh;min-height:0;border:0;border-radius:0;box-shadow:none;padding:0;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.training-page .practice-header,.training-page .progress-heading,.training-page .score-caption,.training-page footer{display:none}.training-page .progress{position:absolute;top:0;left:0;right:0;height:5px;margin:0;border-radius:0;z-index:5;background:#edf0e7}.training-page .progress>div{width:0;transition:width .35s ease;background:#39755b}.training-page #score-panel{width:100%;padding:48px 0 80px}.training-page .score-wrap{margin:0}.training-page #score{height:clamp(170px,70svh,580px);min-width:0}.training-page .menu-toggle{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));background:#fffefacc;border-color:#e4e7de;z-index:30}.training-page .listener{margin:0;display:contents}.training-page .listener-copy{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:82px;right:230px;display:block;color:#9aa395;pointer-events:none}.training-page #status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.training-page #feedback{display:block;font-size:10px;font-weight:400;line-height:1.5;color:#929c8c}.training-page .mic-button{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));width:46px;height:46px;border:1px solid #d8ded1;border-radius:50%;display:grid;place-items:center;background:#f2f4ed;color:#83917b;padding:12px;cursor:pointer}.mic-button svg{width:22px;height:24px}.training-page .mic-button[aria-pressed="true"]{background:#285e45;border-color:#285e45;color:#fff}.mic-button[aria-pressed="true"] .mic-slash{display:none}.mic-button:disabled{opacity:.5;cursor:wait}.training-page .note-panels{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));padding:0;background:none;border:0;display:flex;gap:20px;align-items:center}.training-page .note-panels>div{border:0;text-align:right}.training-page .note-panels>div:first-child{display:none}.training-page .note-panels span{font-size:7px;letter-spacing:1px;color:#9aa493}.training-page .note-panels strong{font:14px system-ui;margin-top:3px;color:#7f8d76}.training-page .note-panels small{font-size:10px}.training-page #keyboard-panel{padding:0 60px 80px}.training-page[data-view="both"] #score-panel{padding:40px 0 0}.training-page[data-view="both"] #score{height:49svh}.training-page[data-view="both"] #keyboard-panel{padding-bottom:75px}.training-page .keyboard,.training-page[data-view="keyboard"] .keyboard{height:clamp(90px,27svh,220px);margin:0 auto}.training-page .keyboard-caption{display:none}.training-page #install{position:fixed;top:16px;right:16px;z-index:10}.training-page.lesson-complete #status{position:static;width:auto;height:auto;margin:0;clip-path:none;display:block;color:#39755b;font-size:12px}.training-page.lesson-complete #feedback{font-size:9px}@media(max-height:420px) and (orientation:landscape){.training-page #score{height:68svh}.training-page #score-panel{padding:36px 0 62px}.training-page .listener-copy{bottom:16px;right:205px;left:76px}.training-page .mic-button{bottom:12px;width:42px;height:42px;padding:10px}.training-page .note-panels{bottom:18px;right:16px;gap:12px}.training-page[data-view="both"] #score{height:43svh}.training-page[data-view="both"] #score-panel{padding-top:22px}.training-page[data-view="both"] #keyboard-panel{padding-bottom:60px}.training-page[data-view="both"] .keyboard{height:22svh}.training-page #feedback{font-size:9px}}@media(prefers-reduced-motion:reduce){.training-page .progress>div{transition:none}}
.exercise-actions{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:20;display:flex;gap:8px}.exercise-actions button{min-height:40px;border:1px solid #e0e5d9;border-radius:20px;background:#fffefaeb;color:#75836b;padding:9px 14px;font-size:11px}.exercise-actions #restart-exercise{font-size:16px}.exercise-actions #restart-exercise span{font-size:11px}.exercise-actions #practice-state{font-size:9px;margin-left:5px;opacity:.75}.exercise-actions #practice-mode[aria-pressed="true"]{background:#eaf0e2;color:#285e45;border-color:#a9c29a}.training-page #install{top:68px}@media(max-height:420px) and (orientation:landscape){.exercise-actions{top:10px;right:14px}.exercise-actions button{min-height:36px;padding:7px 12px}.training-page .menu-toggle{top:10px}} 
/* Learning journey */
.curriculum-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:20px 0 28px}.curriculum-intro h1{font-size:52px}.journey-summary{display:flex;flex-direction:column;gap:10px;min-width:245px}.journey-summary strong{font:40px Georgia;color:#39755b}.journey-summary>span,.storage-note{font-size:11px;color:#85907e}.journey-summary progress{width:100%;height:7px;accent-color:#39755b}.journey-summary .primary{text-align:center;margin-top:10px}.curriculum-level{margin:35px 0}.level-heading{display:flex;gap:18px;align-items:center}.level-heading>span{font-size:9px;letter-spacing:1px;color:#7e8e73}.level-heading h2{margin:0 0 12px;font-size:28px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lesson-card{border:1px solid #dfe4d5;border-radius:12px;background:#fffefa;padding:23px;display:flex;flex-direction:column;gap:6px}.lesson-card-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8c9880}.lesson-card h3{font:23px Georgia;margin:10px 0 0}.lesson-card p{font-size:12px;flex:1;margin:5px 0 12px}.lesson-card-meta{font-size:10px;color:#939d88}.lesson-card a{color:#39755b;font-size:12px;margin-top:13px;text-decoration:none}.lesson-card.recommended{border-color:#7f9d6a;box-shadow:0 0 0 2px #dce7d0}.lesson-card.completed .lesson-state{color:#39755b}.lesson-detail{scroll-margin-top:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;border:1px solid #d8e1ce;background:#fffefa;border-radius:15px;padding:30px;margin:30px 0 40px}.lesson-detail h2{font-size:31px;margin:12px 0}.lesson-detail p,.lesson-detail li{font-size:13px;color:#75816c;line-height:1.8}.lesson-detail ul{padding-left:20px}.lesson-detail li{margin:9px 0}.lesson-objective{background:#edf2e6;padding:14px;border-radius:8px}.lesson-detail .primary{margin-top:10px}.lesson-example{text-align:center;align-self:center}.lesson-example svg{width:100%;display:block;margin:20px 0}.lesson-example p{font-size:11px}.completion-panel{position:fixed;z-index:35;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:90svh;overflow:auto;padding:34px;border:1px solid #b8cba7;border-radius:16px;background:#fffefa;box-shadow:0 20px 100px #29453035;text-align:center}.completion-panel h2{font-size:34px;margin:15px 0}.completion-panel p{font-size:13px}.completion-panel>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:22px}.completion-panel a:not(.primary){font-size:12px;color:#39755b}.completion-panel .demo-note{font-size:11px;padding:12px 15px}.training-page.lesson-complete #score-panel{opacity:.35}@media(max-width:850px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-detail{grid-template-columns:1fr;gap:15px}.lesson-example{max-width:430px;justify-self:center}}@media(max-width:600px){.curriculum-intro{flex-direction:column;align-items:stretch}.curriculum-intro h1{font-size:43px}.journey-summary{min-width:0}.lesson-grid{grid-template-columns:1fr}.lesson-detail{padding:22px}.level-heading{display:block}.level-heading h2{margin-top:8px}.completion-panel{padding:22px}.completion-panel h2{font-size:26px}.completion-panel .primary{width:auto}}@media(orientation:landscape) and (max-height:420px){.completion-panel{padding:20px}.completion-panel h2{font-size:25px;margin:8px 0}.completion-panel p{margin:6px 0}.completion-panel>div{margin-top:12px}}
/* Theory lessons */
.theory-detail{grid-template-columns:1fr;gap:28px}.theory-detail>div:first-child{max-width:850px}.theory-visual{background:#f6f8f0;border:1px solid #e1e8d9;border-radius:12px;padding:20px;text-align:center}.theory-visual h3{font-size:15px;margin:15px 0 0}.theory-staff{display:block;width:100%;max-width:550px;margin:0 auto}.symbol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.symbol-grid article{background:#f4f7ed;padding:22px;border-radius:12px;text-align:center}.symbol-grid article>span{font:52px 'Segoe UI Symbol',Georgia,serif;color:#285e45;display:block;min-height:65px}.symbol-grid h3{font-size:16px}.symbol-grid p{margin-bottom:0;font-size:12px}.rhythm-reference{border-top:1px solid #e0e7d8;padding-top:20px}.rhythm-reference>label{font-size:15px!important;margin:0 0 12px!important}.rhythm-reference input[type=range]{width:min(450px,100%);min-height:30px}.duration-scroll{overflow-x:auto}.duration-table{border-collapse:collapse;width:100%;min-width:460px;color:#516848;font-size:13px}.duration-table th,.duration-table td{text-align:left;border-bottom:1px solid #e0e7d8;padding:10px 13px}.duration-table thead th{font-size:11px;color:#8b977e;font-weight:500}.duration-table tbody th{font-weight:500;white-space:nowrap}.figure-icon{width:48px;height:65px;vertical-align:middle;margin-right:8px}.rhythm-play{border:1px solid #cddbc1;background:#edf3e5;color:#35633f;border-radius:7px;padding:10px 14px;font-size:12px;cursor:pointer}.rhythm-play:disabled{opacity:.5;cursor:default}#rhythm-playback{font-size:12px;color:#75866a;padding:18px 0 0}.duration-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.duration-examples article{border:1px solid #dfe7d6;border-radius:12px;padding:20px;text-align:center}.duration-examples h3{font-size:16px;min-height:40px}.duration-examples article>svg{height:90px;width:100%}.dotted-example{height:90px;display:flex;justify-content:center;align-items:center}.dotted-example .figure-icon{width:65px;height:90px}.dotted-example b{font:45px Georgia;align-self:flex-end;margin-bottom:15px}.meter-symbol{display:inline-block;font:35px/1 Georgia;color:#285e45;height:90px}.theory-quiz{border-top:1px solid #dbe4d1;padding-top:28px}.theory-quiz>h3{font:28px Georgia;margin-bottom:25px}.theory-quiz fieldset{border:1px solid #dce4d3;border-radius:12px;padding:20px;margin:0 0 22px;background:#f9faf4}.theory-quiz legend{font-size:14px;font-weight:600;color:#3c5739;padding:0 8px}.theory-quiz label{display:flex!important;align-items:flex-start;gap:10px;margin:12px 0!important;font-size:13px!important;font-weight:400!important;color:#5d7053;cursor:pointer}.theory-quiz input{margin-top:4px}.theory-quiz .theory-staff{max-width:340px}.theory-quiz .question-feedback{color:#9a7246;font-size:12px;margin-bottom:0}.theory-quiz .question-feedback.correct{color:#39755b}.theory-quiz .demo-note{font-size:12px;padding:12px 15px}.theory-quiz .primary:disabled{opacity:.5;cursor:default}.theory-quiz #theory-result{font-size:13px;font-weight:500;color:#39755b}button:disabled{cursor:default}@media(max-width:650px){.symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol-grid article{padding:18px 12px}.symbol-grid h3{font-size:14px}.duration-examples{grid-template-columns:1fr}.duration-examples h3{min-height:0}.theory-quiz fieldset{padding:16px 12px}.theory-quiz legend{font-size:13px}.duration-table th,.duration-table td{padding:9px 8px}.theory-visual{padding:12px}.theory-detail{padding:20px 16px}}

.exercise-actions .back-to-journey{display:inline-flex;align-items:center;gap:5px;min-height:40px;border:1px solid #e0e5d9;border-radius:20px;background:#fffefaeb;color:#75836b;padding:9px 14px;font-size:11px;text-decoration:none}.exercise-actions .back-to-journey:hover{background:#eaf0e2;color:#285e45}.exercise-actions .back-to-journey:focus-visible{outline:2px solid #285e45;outline-offset:3px}@media(max-height:420px) and (orientation:landscape){.exercise-actions .back-to-journey{min-height:36px;padding:7px 12px}}

@media(max-width:600px){.exercise-actions{gap:4px}.exercise-actions button,.exercise-actions .back-to-journey{padding:7px 8px;font-size:10px}.exercise-actions #practice-state{display:none}}