:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17221b;background:#f7f9f5;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh}.topbar{z-index:4;background:#fff;border-bottom:1px solid #e2e9e1;align-items:center;gap:20px;min-height:72px;padding:0 clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:#173c25;white-space:nowrap;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.brand small{color:#768178;font-size:10px;font-weight:500;display:block}.brand-mark{color:#fff;background:#267342;border-radius:10px;padding:7px 10px;font-size:20px}.topbar nav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.topbar nav a{color:#657067;border-radius:8px;padding:9px 10px;font-size:13px;text-decoration:none}.topbar nav a:hover,.topbar nav .nav-active{color:#1e6839;background:#eef6ef;font-weight:700}.avatar{color:#28623d;background:#e5f0e6;border-radius:50%;padding:10px;font-size:12px;font-weight:800;text-decoration:none}.content{max-width:1120px;min-height:calc(100vh - 130px);margin:auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,36px)}.page-heading,.quiz-head,.panel-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.muted{color:#69756d}.lead{max-width:620px;font-size:18px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.metric,.panel{background:#fff;border:1px solid #e0e8df;border-radius:16px;padding:22px;box-shadow:0 5px 20px #193b2408}.metric span,.metric small{color:#68746c;font-size:13px;display:block}.metric strong{color:#1b4d2c;margin:10px 0 4px;font-size:28px;display:block}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}.panel h2{margin:7px 0 12px;font-size:20px}.eyebrow{color:#267342;letter-spacing:.12em;margin:0;font-size:11px;font-weight:800}.pill{color:#366247;white-space:nowrap;background:#edf3ee;border-radius:30px;padding:6px 11px;font-size:12px}.pill.accent{color:#8b6100;background:#fff2cf}.button{color:#fff;cursor:pointer;font:inherit;background:#267342;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:#205f36;background:#eaf3eb}.lesson-row,.word-row{border-top:1px solid #e8eee8;align-items:center;gap:16px;padding:15px 0;display:flex}.lesson-row p{margin:4px 0}.lesson-icon,.topic-icon{background:#eaf4ea;border-radius:12px;padding:13px;font-size:22px}.lesson-list{gap:12px;margin-top:30px;display:grid}.lesson-card{background:#fff;border:1px solid #e0e8df;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:18px;display:grid}.lesson-card h2{margin:0;font-size:17px}.lesson-card p{margin:4px 0 0}.lesson-number{color:#267342;font-weight:800}.table-wrap{padding:22px}.table-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.word-row strong{min-width:150px}.word-row span{color:#43614d;min-width:150px}.word-row em{color:#7a847d;flex:1;font-size:13px}.icon-button,.play-button{color:#267342;cursor:pointer;background:#eef6ef;border:0;border-radius:50%;padding:9px}.card-grid,.settings-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.topic small{color:#778279;margin:17px 0;display:block}.topic .button{margin-top:14px}.listening-hero{align-items:center;gap:18px;max-width:700px;margin:28px 0;display:flex}.listening-hero>div{flex:1}.play-button{padding:16px;font-size:20px}.bar{background:#e5eee5;border-radius:20px;height:10px;margin:20px 0 9px}.bar i{border-radius:inherit;background:#267342;height:100%;display:block}.chart-bars{justify-content:space-around;align-items:end;gap:12px;height:190px;padding:24px 4px 0;display:flex}.chart-bars div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.chart-bars i{background:#72ad7e;border-radius:6px 6px 0 0;width:100%;max-width:48px}.history{margin-top:18px}.history p{border-top:1px solid #e8eee8;padding:13px 0}.history strong{float:right}.timer{color:#815b00;background:#fff2cf;border-radius:30px;padding:11px 16px;font-weight:800}.timer.expired{color:#9d3434;background:#fee8e8}.question{max-width:720px;margin:28px auto}.option{cursor:pointer;border:1px solid #dde6dd;border-radius:10px;align-items:center;gap:14px;margin:10px 0;padding:15px;display:flex}.option span{background:#eef4ee;border-radius:6px;padding:4px 8px;font-weight:700}.question-actions{justify-content:space-between;margin-top:28px;display:flex}.empty-state{text-align:center;max-width:600px;margin:30px auto}.settings-grid{align-items:start}.settings-grid label,.panel label{gap:7px;margin:15px 0;font-weight:700;display:grid}input,select{font:inherit;background:#fff;border:1px solid #cbd8cc;border-radius:8px;padding:11px}.danger{color:#9c3434;font:inherit;background:#fff0f0;border:0;border-radius:8px;margin-top:12px;padding:11px;font-weight:700;display:block}.legal{background:#fff;border:1px solid #e0e8df;border-radius:16px;max-width:760px;padding:clamp(22px,5vw,52px)}.legal h2{margin-top:34px}.legal p{line-height:1.7}.notice{color:#765a16;background:#fff8e5;border-radius:10px;padding:15px}.stat{color:#1b4d2c;font-size:34px;font-weight:800}.stat span{color:#68746c;font-size:14px;font-weight:500}.checklist{padding-left:0;line-height:2.2;list-style:none}.footer{color:#78827a;border-top:1px solid #e2e9e1;justify-content:space-between;padding:24px clamp(18px,5vw,72px);font-size:13px;display:flex}.footer a{color:inherit}@media (max-width:800px){.topbar nav{justify-content:start;overflow:auto}.topbar{gap:12px}.topbar nav a{padding:8px 7px;font-size:12px}.avatar{display:none}.dashboard-grid,.card-grid,.settings-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.lesson-card{grid-template-columns:auto 1fr auto}.lesson-card .button{grid-column:2/-1}.word-row{flex-wrap:wrap}.word-row em{min-width:100%}.page-heading{flex-direction:column;align-items:start}}@media (max-width:500px){.metric-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;padding:12px 16px}.topbar nav{flex-basis:100%;order:3}.content{padding-top:30px}.quiz-head{flex-direction:column;align-items:start}}.faq-item{border-top:1px solid #e8eee8;padding:14px 0}.faq-item summary{cursor:pointer;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+ ";color:#267342}.faq-item[open] summary:before{content:"– "}.faq-item p{margin:10px 0 0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #1b4d2c}.skip-link{color:#fff;z-index:10;background:#173c25;border-radius:0 0 8px;padding:10px 16px;position:absolute;top:auto;left:-999px}.skip-link:focus{top:0;left:0}.button:disabled,.danger:disabled{opacity:.6;cursor:not-allowed}fieldset{border:1px solid #dde6dd;border-radius:12px;margin:0 0 20px;padding:18px}legend{color:#1b4d2c;padding:0 8px;font-size:15px;font-weight:800}.option{position:relative}.option input[type=radio]{accent-color:#267342;width:18px;height:18px;margin:0}.option.selected{background:#eef6ef;border-color:#267342;box-shadow:inset 0 0 0 2px #267342}.option:has(input:focus-visible){outline-offset:2px;outline:3px solid #1b4d2c}.result-banner{border:1px solid #0000;border-radius:14px;margin:20px 0;padding:22px}.button.recording{background:#c23b3b;animation:1.4s ease-in-out infinite recording-pulse}@keyframes recording-pulse{0%,to{box-shadow:0 0 #c23b3b55}50%{box-shadow:0 0 0 8px #c23b3b00}}.result-banner.pass{color:#1b4d2c;background:#eaf7ee;border-color:#8bc99a}.result-banner.fail{color:#8a2b2b;background:#fdecec;border-color:#e6a3a3}.result-banner h2{margin-top:0}.badge{border-radius:30px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.badge.pass{color:#1b6d34;background:#dff3e4}.badge.fail{color:#9c3434;background:#fbdede}.badge.pending{color:#8b6100;background:#fff2cf}.spinner{vertical-align:-3px;border:2px solid #cfe0d2;border-top-color:#267342;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status-row{align-items:center;gap:10px;display:flex}.history-timeline{margin:18px 0;padding:0;list-style:none}.history-timeline li{border-top:1px solid #e8eee8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.history-timeline time{color:#69756d;font-size:13px}.field-grid{gap:14px;margin:14px 0;display:grid}.checkbox-row{align-items:flex-start;gap:10px;margin:14px 0;display:flex}.checkbox-row input{width:auto;margin-top:4px}.checkbox-row span{line-height:1.5}.form-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.tag-list{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.tag{color:#267342;background:#eef6ef;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.pricing-grid{align-items:stretch}.pricing-card{flex-direction:column;display:flex}.pricing-card-current{border-color:#267342;box-shadow:inset 0 0 0 2px #267342}.pricing-card h2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pricing-amount{margin:4px 0 14px}.pricing-amount strong{color:#1b4d2c;font-size:32px}.pricing-features{flex:1;margin:14px 0;padding:0;list-style:none}.pricing-features li{border-top:1px solid #e8eee8;padding:8px 0}.pricing-features li:first-child{border-top:0}.energy-meter{color:#1b4d2c;background:#eef6ef;border-radius:12px;flex-direction:column;gap:6px;max-width:340px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.energy-meter-label{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.energy-meter-track{background:#d5e8d8;border-radius:6px;height:8px;position:relative;overflow:hidden}.energy-meter-fill{background:#2f9e52;border-radius:6px;height:100%;transition:width .3s;position:absolute;inset:0 auto 0 0}.energy-meter.low{color:#8b6100;background:#fff2cf}.energy-meter.low .energy-meter-track{background:#f5e2ad}.energy-meter.low .energy-meter-fill{background:#c98a00}.energy-meter.empty{color:#9c3434;background:#fbdede}.energy-meter.empty .energy-meter-track{background:#f3c9c9}.energy-meter.empty .energy-meter-fill{background:#c23b3b}.energy-meter-bundle{margin:0;font-size:12px;font-weight:500}