:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20363b;background:#f6f8f9;font-synthesis:none;--bg: #f6f8f9;--surface: #fff;--ink: #20363b;--muted: #637579;--line: #e2e8e9;--navy: #152e35;--lime: #d4f17a;--soft: #f0f4f4;--green: #305d37;--shadow: 0 6px 30px #18343c06;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:46px;border:0;border-radius:11px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--soft);color:var(--ink);font-weight:600;line-height:1.4}button:disabled{cursor:default;opacity:.5}button:not(:disabled):hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,dialog:focus-visible{outline:3px solid #62a09c;outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,DM Sans,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(1.9rem,3.3vw,2.65rem);line-height:1.25;font-weight:800}h2{font-size:1.25rem;line-height:1.4}h3{font-size:1.08rem}p{line-height:1.65}small,.micro{font-size:.8125rem;line-height:1.6;color:var(--muted)}.muted{color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;padding:33px 22px 22px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;text-decoration:none;font-weight:750;font-size:1.46rem;letter-spacing:-1px;gap:0}.brand>span:nth-child(2){font-weight:450}.brand-mark{height:35px;width:35px;background:var(--navy);color:var(--lime);border-radius:10px;display:grid;place-items:center;margin-right:9px;font-size:1.7rem;position:relative;line-height:1}.brand-mark span{position:absolute;top:3px;right:5px;font-size:1.8rem}.brand-dot{font-size:.75rem;align-self:flex-start;padding-top:3px;margin-left:2px}.sidebar-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:48px 13px 16px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{justify-content:flex-start;font-size:.95rem;padding:14px 16px;background:transparent;color:var(--muted)}.sidebar nav button.active{background:var(--navy);color:#fff}.nav-count{margin-left:auto;font-size:.75rem;color:var(--navy);background:var(--lime);border-radius:6px;padding:1px 7px}.sidebar-bottom{margin-top:auto;padding-top:50px;display:grid;gap:9px}.profile-select{font-size:.8rem;color:var(--muted);display:block}.profile-select select{margin-top:5px;padding:10px;font-size:.85rem;min-height:44px}.local-dot{display:inline-block;width:6px;height:6px;background:#76a579;border-radius:50%;margin-right:6px}.workspace{margin-left:246px;flex:1;min-width:0}.topbar{height:84px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.course-chip{display:flex;gap:10px;align-items:center;font-size:.875rem;font-weight:550}.topbar-right{display:flex;align-items:center;gap:25px}.streak-chip{display:flex;align-items:center;gap:7px;font-weight:700;color:#b75c28}.avatar{width:44px;min-height:44px;border-radius:50%;padding:0;background:#e6edf2;color:#405670;font-size:1rem}.mobile-brand,.mobile-menu,.mobile-nav{display:none}main{max-width:1230px;margin:auto;padding:38px 44px 36px;outline:none}.page-title{margin:0 0 28px}.page-title>p:not(.eyebrow),.greeting>div>p:not(.eyebrow){margin-top:10px;color:var(--muted)}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:650;color:var(--muted);margin-bottom:9px}.greeting{display:flex;align-items:center;justify-content:space-between;gap:16px}.accent-dot{color:#83ac55}.level-badge{border:1px solid var(--line);padding:8px 14px;border-radius:30px;background:var(--surface);font-size:.8rem;font-weight:600;white-space:nowrap}.dashboard-top{display:grid;grid-template-columns:1fr 260px;gap:22px}.study-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;border-radius:20px;padding:28px 32px 20px;display:flex;flex-direction:column;min-height:310px}.study-hero>.eyebrow{color:#bdd0d2;z-index:1}.hero-body{position:relative;z-index:1;max-width:75%;margin-top:24px}.hero-kicker{font-size:.8rem;color:#d2e0e1}.hero-body h2{font-size:1.95rem;margin:7px 0 5px;letter-spacing:-.045em}.hero-body p{font-size:.9rem;color:#c0d0d2;margin-bottom:22px}.hero-language{position:absolute;right:22px;top:33px;font-size:9.5rem;color:#405f62;line-height:1.3;transform:rotate(-9deg);font-weight:600;-webkit-user-select:none;user-select:none}.lime{background:var(--lime);color:#263a2c;font-size:.9rem;padding:12px 18px}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid #496066;margin-top:25px;padding-top:14px;font-size:.75rem;color:#c3d2d4}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:var(--shadow)}.daily{text-align:center;padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.daily h2{font-size:1rem}.daily .section-heading>svg{color:var(--muted)}.goal-ring{border-radius:50%;width:142px;height:142px;margin:22px auto 13px;background:conic-gradient(#9bbc4d var(--progress),var(--soft) 0);padding:9px;display:grid;place-items:center}.goal-ring>div{width:124px;height:124px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;justify-content:center}.goal-ring strong{font-size:2.25rem;letter-spacing:-.06em}.goal-ring small{font-size:1rem;font-weight:400;letter-spacing:0}.goal-ring span{font-size:.8rem;color:var(--muted)}.daily>p{font-size:.8rem;color:var(--muted)}.week-strip{display:flex;justify-content:space-around;margin-top:16px;gap:4px}.week-strip span{height:23px;width:23px;border-radius:50%;background:var(--soft);font-size:.75rem;display:grid;place-items:center;color:var(--muted)}.week-strip .studied{background:var(--lime);color:#29372e}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.stat{display:flex;align-items:center;gap:14px;padding:20px;text-align:left}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;flex:none}.orange{background:#fff0e6;color:#c5743e}.blue{background:#eef2fc;color:#6c7eac}.green{background:#edf5e9;color:#638147}.stat>div{display:flex;flex-direction:column;gap:3px}.stat strong{font-size:1.45rem;font-weight:750;line-height:1.2}.stat>div>span{font-size:.8rem;color:var(--muted);font-weight:400}.review-stat>svg{margin-left:auto;color:var(--muted)}.section-gap{margin-top:34px;margin-bottom:18px}.text-button{background:none;color:var(--muted);font-size:.85rem;padding:7px 0;min-height:44px}.unit-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.unit-tile{display:flex;align-items:center;gap:17px;text-align:left;padding:21px}.unit-number{font-size:1rem;font-weight:650;align-self:flex-start;background:var(--soft);border-radius:11px;padding:12px;color:var(--muted)}.unit-copy{display:grid;flex:1;gap:5px}.unit-copy>strong{font-size:.98rem;letter-spacing:-.02em}.unit-copy>span{font-size:.78rem;font-weight:400;color:var(--muted)}.unit-copy small{font-weight:400;font-size:.75rem}.unit-copy>small:first-child{text-transform:uppercase;letter-spacing:.07em}.unit-tile>svg{flex:none;color:var(--muted)}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border:0;overflow:hidden;border-radius:99px;background:var(--soft);margin:8px 0 0}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:#9bbc4d;border-radius:99px}progress::-moz-progress-bar{background:#9bbc4d}.page-footer{max-width:1230px;margin:0 auto;padding:0 44px 28px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.75rem}.page-footer>span:first-child{font-weight:700}.primary{background:var(--navy);color:#fff}.secondary{background:var(--surface);border:1px solid var(--line)}.soft{background:var(--soft)}.selected{background:#ddecce;border:1px solid #789853;color:#243d28}.danger{background:transparent;color:#b24439;border:1px solid #d89890;margin-top:20px}.icon-button{padding:10px;min-width:44px;background:transparent}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:22px;align-content:start}.compact{gap:12px}.panel>h2{margin-bottom:18px}.panel>p{margin-bottom:16px}.badge{font-size:.75rem;color:var(--muted);background:var(--soft);padding:5px 10px;border-radius:8px;white-space:nowrap}.unit-section{margin:30px 0}.unit-section>.section-heading{margin-bottom:17px}.lesson-list{display:grid;gap:10px}.lesson-row{display:flex;gap:17px;text-align:left;width:100%;padding:18px 22px}.lesson-number{height:44px;min-width:44px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--muted)}.lesson-number.finished{background:#e7f2d4;color:#48642c}.lesson-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.lesson-row strong{font-size:1rem}.lesson-row small{font-weight:400}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-option{justify-content:space-between;padding:17px;background:var(--soft);text-align:left}.activity-option span{font-size:.95rem}main>.panel{margin-bottom:22px}.grammar-note{margin-top:22px}.grammar-note>p{margin-top:10px;color:var(--muted)}.example{padding:18px;border-left:3px solid #b1ca6c;background:var(--soft);border-radius:0 10px 10px 0;margin:20px 0;text-align:left}.example p:last-child{color:var(--muted);font-size:.95rem;margin-top:5px}.dialogue-line{display:flex;gap:17px;margin-top:20px}.dialogue-line>div{flex:1}.speaker{font-size:.8rem;background:var(--soft);padding:9px;border-radius:10px;align-self:flex-start;max-width:90px}.activity-wrap{max-width:770px;margin:auto}.activity-wrap>.section-heading{font-size:.85rem}.activity-wrap>progress{margin:15px 0 24px}.exercise{padding:35px;text-align:center;min-height:430px}.exercise>.eyebrow{margin-bottom:30px}.target-text{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.5;overflow-wrap:anywhere}.transliteration{color:var(--muted);font-size:1rem;margin-top:6px}.exercise h3{margin:15px 0;font-weight:500}.audio{margin:20px 0}.audio-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.audio .micro{margin:9px auto 0;max-width:460px;font-size:.76rem}.audio button{font-size:.85rem}.note{display:flex;gap:10px;align-items:flex-start;color:var(--muted);text-align:left;margin:20px 0}.note>svg{flex:none;margin-top:3px}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:24px}.options{display:grid;gap:12px;margin-top:30px}.option{text-align:left;justify-content:flex-start;background:var(--surface);border:1px solid var(--line);padding:15px;font-weight:500}.option>span{min-width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;margin-right:5px;font-size:.8rem;color:var(--muted)}.option.right{background:#e7f2d4;color:#294421;border-color:#7a9e59;opacity:1}.feedback{padding:20px;border-radius:12px;background:#fff0e8;color:#7d4030;margin-top:20px}.feedback.positive{background:#e7f2d4;color:#314a28}.feedback .primary{margin-top:15px}.exercise form{margin-top:25px}.exercise form input{font-size:1.2rem;text-align:center}.exercise form button{margin-top:20px}.listening-symbol{width:90px;height:90px;display:grid;place-items:center;background:var(--soft);border-radius:50%;margin:auto;font-size:3rem}.matching{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.matching>div{display:grid;gap:12px;grid-auto-rows:1fr}.matching button{min-height:70px;border:1px solid var(--line);font-size:.9rem;overflow-wrap:anywhere;padding:12px}.matching button:disabled{opacity:.38}.matching button.selected{opacity:1}.finish,.empty{text-align:center;max-width:770px;margin:20px auto;padding:50px 25px}.finish h1,.empty h2{margin:20px 0 12px}.finish>p,.empty>p{max-width:450px;margin:10px auto 24px;color:var(--muted)}.success-icon{display:grid;place-items:center;background:#e7f2d4;color:#507134;width:70px;height:70px;border-radius:50%;margin:auto}.big-score{font-size:3rem}.big-score small{display:block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:.9rem;font-weight:500;margin-bottom:17px}input,select{display:block;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:13px 14px;min-height:48px;max-width:100%}label input,label select{margin-top:7px}form>.micro{margin-top:-7px;margin-bottom:20px}.checkbox{display:flex;align-items:center;gap:10px;line-height:1.5}.checkbox input{height:22px;width:22px;min-height:22px;margin:0;accent-color:var(--navy);flex:none}fieldset{border:0;padding:0;margin:20px 0 25px}legend{margin-bottom:10px;font-size:.9rem}.settings-grid .panel>h2{margin-bottom:22px}.settings-grid .panel>p{font-size:.9rem}.search-row{display:flex;gap:15px;margin-bottom:24px}.search-row input{flex:1}.search-row select{width:240px}.phrase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.phrase{padding:23px}.phrase h2{font-size:1.2rem;overflow-wrap:anywhere}.phrase p{margin:5px 0;font-size:.9rem}.phrase .audio-buttons{justify-content:flex-start}.phrase .audio{margin-bottom:0}.phrase .audio .micro{font-size:.75rem}.profile-popover{position:absolute;z-index:30;right:28px;top:74px;width:300px;box-shadow:0 10px 60px #0002}.toast{position:fixed;bottom:25px;right:25px;max-width:min(530px,calc(100% - 30px));padding:16px 18px;display:flex;align-items:center;gap:16px;background:var(--navy);color:#fff;box-shadow:0 10px 50px #0003;z-index:100;border-radius:12px;font-size:.9rem}.toast .icon-button{color:#fff;flex:none}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:20px;padding:30px;max-width:calc(100% - 30px);width:460px}dialog::backdrop{background:#13282cb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog p{margin:15px 0 20px;color:var(--muted)}.recovery{max-width:660px;margin:50px auto}.recovery button{margin:10px}.recovery h1{margin:20px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:999;background:var(--lime);padding:14px}.skip:focus{top:10px}[data-theme=dark]{--bg: #101d22;--surface: #192a30;--ink: #e2ebeb;--muted: #a2b7bb;--line: #30434a;--navy: #24454d;--soft: #22373e;--shadow: none;background:var(--bg);color:var(--ink);color-scheme:dark}[data-theme=dark] .sidebar nav button.active{background:#d4f17a;color:#203a30}[data-theme=dark] .stat-icon{background:#294149}[data-theme=dark] .orange{color:#eab185}[data-theme=dark] .blue{color:#b4c5ec}[data-theme=dark] .green{color:#bad298}[data-theme=dark] .selected{color:#d4f17a;background:#32483c}[data-theme=dark] .daily .week-strip .studied{color:#253523}[data-theme=dark] .brand-mark{background:#d4f17a;color:#203c32}[data-theme=dark] .feedback,[data-theme=dark] .option.right{color:#193e24}@media(min-width:1500px){main{padding-top:45px}.dashboard-top{grid-template-columns:1fr 290px}.study-hero{min-height:330px}.hero-body h2{font-size:2.35rem}}@media(max-width:1150px){.sidebar{width:214px;padding-left:15px;padding-right:15px}.workspace{margin-left:214px}main{padding:30px 26px}.topbar{padding:0 26px}.dashboard-top{grid-template-columns:1fr 225px;gap:16px}.study-hero{padding:25px}.hero-body{max-width:85%}.hero-language{right:8px;opacity:.6}.unit-overview{grid-template-columns:minmax(0,1fr)}.stat{padding:15px;gap:10px}.stat-icon{width:44px;height:36px}.page-footer{padding:0 26px 25px}.settings-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:800px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:70px;padding:0 22px}.mobile-brand{display:block;font-size:1.25rem;letter-spacing:-.04em}.topbar>.course-chip{display:none}.topbar-right{gap:16px}.avatar{width:44px;min-height:44px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:7px 5px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:40}.mobile-nav button{flex:1;flex-direction:column;gap:4px;position:relative;background:none;color:var(--muted);padding:6px 2px;border-radius:8px;min-height:51px}.mobile-nav button>span{font-size:.75rem;font-weight:500}.mobile-nav button.active{color:var(--ink);background:var(--soft)}.mobile-nav button.active svg{stroke:#668238}.mobile-nav i{position:absolute;top:1px;right:18%;background:var(--lime);color:#26392e;font-size:.75rem;font-style:normal;padding:1px 4px;border-radius:8px}main{padding:27px 22px 26px}.page-footer{padding-bottom:110px}.profile-popover{right:15px;top:63px}.toast{bottom:calc(90px + env(safe-area-inset-bottom));right:15px}.page-title{margin-bottom:24px}.greeting .eyebrow{font-size:.75rem}.greeting p{font-size:.85rem}.greeting h1{font-size:2rem}.dashboard-top{grid-template-columns:1fr 225px}.study-hero{padding:24px}.hero-body h2{font-size:1.65rem}.hero-body{max-width:90%}.stats-row{gap:12px}.stat strong{font-size:1.2rem}.stat>div>span{font-size:.75rem}.section-heading>h2{font-size:1.1rem}.phrase-grid{gap:14px}.exercise{padding:28px 22px}}@media(max-width:570px){main{padding:26px 18px 24px}.greeting{gap:6px}.greeting .level-badge{padding:5px 9px;font-size:.75rem;align-self:flex-start;margin-top:27px}.greeting p{max-width:290px}.dashboard-top{grid-template-columns:minmax(0,1fr)}.study-hero{min-height:280px;padding:23px}.hero-body{margin-top:19px;max-width:80%}.hero-body h2{font-size:1.8rem}.hero-body p{font-size:.85rem}.hero-language{font-size:9rem;right:12px;top:40px;opacity:.8}.hero-footer{margin-top:23px}.daily{display:grid;grid-template-columns:minmax(0,1fr) 94px;grid-template-rows:auto auto auto;padding:20px 23px;text-align:left;align-items:center}.daily>.section-heading{grid-column:1;grid-row:1;justify-content:flex-start;gap:9px}.daily>.section-heading>svg{height:17px}.daily .goal-ring{grid-column:2;grid-row:1/4;width:94px;height:94px;margin:0 0 0 auto;padding:6px}.daily .goal-ring>div{width:82px;height:82px}.goal-ring strong{font-size:1.7rem}.goal-ring small{font-size:.8rem}.goal-ring span{font-size:.75rem}.daily>p{margin:5px 0 0;font-size:.75rem}.week-strip{max-width:200px;flex-wrap:wrap;margin-top:10px;justify-content:flex-start;gap:6px}.week-strip span{height:20px;width:20px;font-size:.75rem}.stats-row{gap:8px;margin-top:16px}.stat{padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;border-radius:13px}.stat>div{gap:5px}.stat-icon{width:33px;height:33px;border-radius:9px}.stat-icon svg{height:18px}.stat strong{font-size:1.35rem}.stat>div>span{font-size:.75rem}.review-stat>svg{display:none}.section-gap{margin-top:29px;margin-bottom:12px}.section-heading>.text-button{font-size:.75rem;gap:3px}.unit-overview{gap:12px}.unit-tile{padding:18px 15px;gap:13px}.unit-number{font-size:.85rem;padding:10px}.unit-copy>strong{font-size:.91rem}.unit-copy>span{font-size:.75rem}.unit-copy small{font-size:.75rem}.unit-tile>svg{width:17px}.lesson-row{padding:15px 12px;gap:12px}.lesson-row .badge{display:none}.lesson-row strong{font-size:.91rem}.lesson-row small{font-size:.78rem}.lesson-row>svg{width:16px;flex:none}.lesson-number{min-width:38px;height:38px}.activity-grid{grid-template-columns:minmax(0,1fr)}.panel{padding:22px 19px}.daily{padding:20px 23px}.stat{padding:14px 8px}.unit-tile{padding:18px 15px}.lesson-row{padding:15px 12px}.exercise{padding:27px 18px}.target-text{font-size:1.8rem}.rating-grid{grid-template-columns:1fr 1fr}.matching{gap:9px}.matching button{font-size:.8rem;padding:10px 7px}.search-row{flex-direction:column}.search-row select{width:100%}.phrase-grid{grid-template-columns:minmax(0,1fr)}.phrase h2{font-size:1.15rem}.page-footer{padding:0 18px 105px;font-size:.75rem}.dialogue-line{gap:10px}.speaker{max-width:50px;font-size:.75rem}.toast{font-size:.85rem}.settings-grid{gap:18px}.activity-wrap>.section-heading{flex-wrap:wrap}.activity-wrap>.section-heading>.badge{font-size:.75rem}.empty,.finish{padding:35px 20px}.unit-section>.section-heading{align-items:flex-start}.unit-section>.section-heading .badge{white-space:normal;flex:none}.audio .micro{font-size:.8rem}.recovery{margin:25px 15px}.topbar-right .streak-chip{font-size:.85rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}