@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#153d31;background:#edf7f2;font-synthesis:none;--green:#13875b;--green2:#0e6d49;--ink:#153d31;--muted:#61776f;--line:#d8e5df;--panel:#ffffff;--bg:#edf7f2;--shadow:0 18px 45px rgba(24,75,58,.08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overflow-x:hidden}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:#fff;color:#122c25;border-radius:14px;padding:.82rem 1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;min-height:46px}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary,.done{background:var(--green);color:#fff;border-color:var(--green)}.danger{background:#9f2f2f;color:#fff}.icon{width:48px;padding:0}.compact{min-height:38px;padding:.5rem .75rem}.app{min-height:100vh;display:grid;grid-template-columns:315px minmax(0,1fr);background:var(--bg)}.dark{--panel:#13221d;--bg:#0b1612;--ink:#eefaf5;--muted:#a9bbb4;--line:#2a3b35;color:var(--ink)}.sidebar{height:100vh;position:sticky;top:0;background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.5rem 1rem;display:flex;flex-direction:column;border-right:1px solid var(--line)}.dark .sidebar,.dark header{background:#13221de6}.brand{display:flex;align-items:center;gap:.8rem;padding:.4rem .3rem 1.2rem}.brand .mark{width:54px;height:54px;border-radius:16px;background:#2ea46f;color:#fff;display:grid;place-items:center;font-weight:800}.brand b{font:800 1.05rem/1.15 Manrope}.brand small{display:block;color:var(--muted);margin-top:.2rem}.sidebar nav{display:grid;gap:.35rem}.sidebar nav a,.mobile-drawer nav a{color:var(--muted);text-decoration:none;padding:.86rem 1rem;border-radius:14px;display:flex;gap:.75rem;align-items:center;font-weight:600}.sidebar nav a.active,.mobile-drawer nav a.active{background:#fff;color:var(--green);box-shadow:var(--shadow)}.account{margin-top:auto;padding:1rem .4rem}.account small{display:block;color:var(--muted)}.main{min-width:0}.main>header{height:96px;position:sticky;top:0;z-index:20;background:#edf7f2e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;border-bottom:1px solid var(--line)}.header-actions{display:flex;gap:.75rem}.auth-button span{white-space:nowrap}.mobile-brand{display:none;align-items:center;gap:.65rem;font-weight:800}.main>main{padding:2rem 2.5rem 5rem;max-width:1500px;margin:auto}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px}.hero{padding:2.4rem;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:2rem}.hero em{font-style:italic}.hero h1,.page-head h1{font:800 clamp(2.4rem,5vw,4.7rem)/1.05 Manrope;margin:1rem 0}.hero p,.page-head p{font-size:1.15rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.progress-orb{width:190px;height:190px;border-radius:50%;background:#dff5e9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#16392f}.progress-orb b{font:800 3.2rem Manrope}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.metric{padding:1.25rem;display:flex;flex-direction:column}.metric b{font:800 2.2rem Manrope}.metric small,.metric span{color:var(--muted)}.page-head{margin:1rem 0 1.7rem}.page-head h1{font-size:clamp(2.2rem,5vw,3.5rem);margin:.4rem 0}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.module{padding:1.5rem}.module h2{font:800 1.65rem Manrope}.lesson{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:1rem;border-top:1px solid var(--line);padding:1rem 0}.lesson button{height:58px}.lesson p{margin:.45rem 0;color:var(--muted)}.panel,.chat{padding:1.4rem}.chat{max-width:1100px}.messages{display:grid;gap:1rem;max-height:62vh;overflow-y:auto;padding:.3rem}.message-wrap{min-width:0}.bubble{padding:1rem 1.2rem;border-radius:22px;max-width:80%;white-space:pre-wrap;overflow-wrap:anywhere;position:relative}.bubble.user{background:#147d56;color:#fff;margin-left:auto}.bubble.assistant{background:#f7faf8;color:#183a30}.dark .bubble.assistant{background:#1c2d27;color:#f4fff9}.speak-inline{position:absolute;right:.45rem;bottom:.35rem;width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;background:#ffffffd9}.feedback-panel{margin-top:.65rem;padding:1rem 1.2rem;border-left:4px solid #32a873;background:#f1faf5;border-radius:16px;overflow-wrap:anywhere}.dark .feedback-panel{background:#193329}.feedback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.feedback-panel dl>div{display:grid;grid-template-columns:180px 1fr;gap:1rem}.feedback-panel dt{font-weight:700}.feedback-panel dd{margin:0}.scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.scores div{display:flex;justify-content:space-between;background:#fff;border-radius:12px;padding:.75rem}.dark .scores div{background:#11241d}.composer{margin-top:1.2rem}.composer textarea,.modal input{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);padding:1rem;min-height:130px;resize:vertical}.composer-status{min-height:28px;color:#a33;margin:.35rem 0}.composer-actions{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.vocab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.vocab{padding:2rem;font-size:1.2rem}.settings-grid{display:grid;gap:1rem;max-width:850px}.settings-grid label{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;border-bottom:1px solid var(--line)}.settings-grid select{max-width:360px;border:1px solid var(--line);border-radius:12px;padding:.7rem}.note{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:80;display:grid;place-items:center;padding:1rem}.modal{width:min(430px,100%);padding:1.5rem;display:grid;gap:.8rem;position:relative}.modal-x{position:absolute;right:.8rem;top:.8rem;width:40px;height:40px;padding:0}.error{color:#a22}.drawer-layer,.mobile-drawer{display:none}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{display:none}.main>header{height:76px;padding:0 1rem}.mobile-brand{display:flex}.desktop-subtitle{display:none}.drawer-layer{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:0;background:#04110c7a}.mobile-drawer{display:flex;position:absolute;inset:0 auto 0 0;width:min(86vw,330px);background:var(--panel);padding:1rem;flex-direction:column;overflow:auto;box-shadow:20px 0 60px #00000040}.drawer-close{align-self:flex-end}.mobile-drawer nav{display:grid;gap:.35rem}.mobile-drawer .account{margin-top:auto}.main>main{padding:1.25rem}.hero{grid-template-columns:1fr}.progress-orb{width:165px;height:165px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:1fr}}@media(max-width:600px){.main>main{padding:1rem .75rem 5rem}.header-actions{gap:.45rem}.auth-button{width:48px;padding:0}.auth-button span{display:none}.hero{padding:1.35rem;border-radius:20px}.hero h1{font-size:clamp(2.35rem,13vw,3.65rem);overflow-wrap:anywhere}.hero p{font-size:1.02rem}.hero .actions{display:grid}.hero .actions button{width:100%}.progress-orb{justify-self:center}.metrics{grid-template-columns:1fr 1fr}.metric{padding:1rem}.metric b{font-size:1.75rem}.module,.panel,.chat{padding:1rem;border-radius:20px}.module h2{font-size:1.4rem}.lesson{grid-template-columns:minmax(0,1fr) 50px}.lesson button{height:50px;padding:0}.bubble{max-width:94%;font-size:1rem;padding:.9rem}.feedback-panel{padding:.9rem}.feedback-toolbar{align-items:flex-start}.feedback-panel dl>div{grid-template-columns:1fr;gap:.15rem;margin-bottom:.65rem}.scores{grid-template-columns:1fr}.composer-actions{display:grid;grid-template-columns:1fr}.composer-actions button{width:100%}.vocab-grid{grid-template-columns:1fr}.settings-grid label{align-items:flex-start;flex-direction:column}.settings-grid select{width:100%;max-width:none}}@media(max-width:360px){.metrics{grid-template-columns:1fr}.mobile-brand span{font-size:.9rem}.hero h1{font-size:2.35rem}}@media(orientation:landscape)and (max-height:520px)and (max-width:950px){.main>header{height:64px}.hero{grid-template-columns:1fr 130px}.progress-orb{width:125px;height:125px}.progress-orb b{font-size:2.2rem}.messages{max-height:45vh}}@supports (padding:max(0px)){.main>header{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.main>main{padding-bottom:max(5rem,env(safe-area-inset-bottom))}.mobile-drawer{padding-left:max(1rem,env(safe-area-inset-left))}}.vocabulary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.vocabulary-toolbar>div{display:grid;gap:.2rem}.vocabulary-toolbar small{color:var(--muted)}.vocabulary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.vocabulary-card{padding:1.35rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.vocabulary-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.vocabulary-card-heading h2{margin:0;font:800 1.25rem Manrope;overflow-wrap:anywhere}.vocabulary-card-heading small{display:block;color:var(--muted);margin-top:.3rem}.vocabulary-meaning{margin:0;line-height:1.55;color:var(--ink)}.vocabulary-meta{display:flex;flex-wrap:wrap;gap:.55rem}.vocabulary-meta span{background:var(--bg);border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:.35rem .65rem;font-size:.86rem}.vocabulary-speech-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.vocabulary-reviewed-button{width:100%;margin-top:auto}@media(max-width:760px){.vocabulary-toolbar{align-items:stretch;flex-direction:column}.vocabulary-toolbar button{width:100%}.vocabulary-grid{grid-template-columns:1fr}.vocabulary-card-heading{flex-direction:column}.vocabulary-speech-actions{width:100%;justify-content:stretch}.vocabulary-speech-actions button{flex:1 1 9rem}}.brand b,.mobile-brand span,.dark .brand b,.dark .mobile-brand span{color:var(--ink)!important}.daily-lesson section{border-top:1px solid var(--line);padding-top:.8rem}.daily-lesson h4{margin:.1rem 0 .4rem}.daily-lesson dl>div{display:grid;grid-template-columns:180px 1fr;gap:1rem}.coordinator-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:1rem}.coordinator-layout input,.coordinator-layout select{min-height:46px;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}.warning{border-color:#b57300;color:#8d5700}.table-wrap{overflow:auto;margin-top:1rem}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line)}.progress-bar{width:130px;height:10px;background:var(--line);border-radius:999px;overflow:hidden;display:inline-block;margin-right:.5rem}.progress-bar span{display:block;height:100%;background:var(--green)}@media(max-width:980px){.coordinator-layout{grid-template-columns:1fr}}@media(max-width:600px){.daily-lesson dl>div{grid-template-columns:1fr;gap:.2rem}}.reset-option{display:flex;align-items:center;gap:.6rem;margin-top:1rem;color:var(--muted)}.lesson-detail{display:grid;gap:1rem}.lesson-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lesson-attempt-label{color:var(--muted);font-weight:700}.lesson-section{display:grid;gap:1rem}.lesson-section h2,.lesson-section h3{margin:0}.lesson-summary{font-size:1.08rem;line-height:1.72;max-width:90ch}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.concept-card{border:1px solid var(--line);border-radius:16px;padding:1rem;background:color-mix(in srgb,var(--panel) 92%,var(--green) 8%)}.concept-card p{margin-bottom:0;color:var(--muted)}.lesson-questions{display:grid;gap:1.25rem}.lesson-question{display:grid;gap:1rem;padding:1.1rem;border:1px solid var(--line);border-radius:18px}.answer-options{display:grid;gap:.6rem}.answer-option{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;border:1px solid var(--line);border-radius:14px;cursor:pointer}.answer-option:hover{border-color:var(--green)}.answer-option input{margin-top:.25rem}.answer-feedback{padding:1rem;border-radius:14px;border-left:4px solid}.answer-feedback.correct{background:#13875b1a;border-color:var(--green)}.answer-feedback.incorrect{background:#b16a001a;border-color:#b16a00}.lesson-written-answer{width:100%;min-height:150px;resize:vertical;padding:1rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:16px;font:inherit}.written-feedback{display:grid;gap:.85rem;margin-top:1rem;padding:1rem;border-left:4px solid var(--green);border-radius:16px;background:#13875b14}.lesson-vocabulary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lesson-vocab-card{padding:1rem;border:1px solid var(--line);border-radius:16px}.lesson-vocab-card p{margin:.35rem 0 0;color:var(--muted)}.lesson-completion{border-top:4px solid var(--green)}.lesson-score-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.lesson-status-badges{display:flex;flex-wrap:wrap;gap:.65rem}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px;font-weight:700}.status-badge.complete{color:var(--green2);background:#13875b1a;border-color:var(--green)}.status-badge.mastered{color:#6b4a00;background:#fff2c5;border-color:#d4a300}.lesson-error{display:flex;align-items:center;gap:.65rem;padding:1rem;color:#8f2323;background:#9f2f2f1a;border:1px solid rgba(159,47,47,.25);border-radius:14px}@media(max-width:760px){.concept-grid,.lesson-vocabulary-grid{grid-template-columns:1fr}.lesson-detail-topbar,.lesson-score-row{align-items:flex-start}}.lesson-open{min-height:0;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;display:block;text-align:left;font-weight:inherit}.lesson-open:hover{transform:none;color:var(--green)}.lesson-open b{display:block}.lesson-open p{margin:.45rem 0 0}.lesson-open:focus-visible{outline:3px solid rgba(19,135,91,.25);outline-offset:5px}.feedback-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.daily-lesson{display:grid;gap:1rem}.daily-lesson h3{margin:0;font:800 1.35rem/1.25 Manrope,sans-serif;overflow-wrap:anywhere}.daily-lesson-introduction{margin:0;max-width:95ch;font-weight:400;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.daily-lesson-section{display:grid;gap:.55rem;padding-top:.85rem;border-top:1px solid var(--line)}.daily-lesson-section h4{margin:0;font-weight:800}.daily-lesson-section p,.daily-lesson-section ul,.daily-lesson-section dl{margin-top:0;margin-bottom:0}.daily-lesson-section ul{padding-left:1.25rem;display:grid;gap:.4rem}.daily-term-list{display:grid;gap:.7rem}.daily-term-list>div{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:1rem}.daily-term-list dt{font-weight:800;overflow-wrap:anywhere}.daily-term-list dd{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.feedback-heading-row{align-items:flex-start}.feedback-heading-row>button{flex:0 0 auto}.daily-term-list>div{grid-template-columns:1fr;gap:.2rem}}.dark .main>header{background:#13221df5;color:var(--ink);border-bottom-color:var(--line)}.dark .main>header .desktop-subtitle,.dark .main>header .mobile-brand,.dark .main>header .mobile-brand span{color:var(--ink)!important}