@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#24332f;background:#f7f9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:none;background:#fff;border-right:1px solid #e7ede9;display:flex;flex-direction:column;padding:32px 20px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-.5px;padding:0 12px}.brand-mark,.auth-icon{color:#fff;background:#1a775e;display:grid;place-items:center;border-radius:13px;width:42px;height:42px;font-size:28px}.brand small{display:block;color:#85938b;font-size:9px;letter-spacing:2.4px;margin-top:-2px}.side-label,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#2c9073}.side-label{margin:64px 12px 16px;color:#a2ada7}.sidebar nav{display:grid;gap:7px}.sidebar nav a{height:46px;border-radius:10px;padding:0 16px;display:flex;align-items:center;gap:15px;color:#697a71;font-size:20px}.sidebar nav a span{font-size:14px;font-weight:600}.sidebar nav a.router-link-active{color:#137457;background:#e7f5ef}.side-bottom{margin-top:auto;border-top:1px solid #e9eeea;padding:22px 8px 0;display:flex;gap:11px;align-items:center}.avatar,.top-avatar,.profile-avatar{background:#d8eee5;color:#176d56;display:grid;place-items:center;border-radius:50%;font-weight:700}.avatar{width:38px;height:38px}.side-bottom strong{font-size:13px;display:block}.side-bottom small{font-size:11px;color:#a2ada7}.main{flex:1;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid #e7ede9;padding:0 52px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:13px;font-weight:700}.crumb span{font-weight:400;color:#9ca9a2}.top-actions{display:flex;align-items:center;gap:22px}.date{font-size:12px;color:#95a39a}.top-avatar{width:34px;height:34px}.content{max-width:1120px;margin:0 auto;padding:42px 52px 90px}.hero{min-height:255px;border-radius:20px;background:linear-gradient(115deg,#145e4d,#238c67);padding:46px 52px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero .eyebrow{color:#a9e3ca}.hero h1{font-size:31px;letter-spacing:-1px;margin:16px 0}.hero p:last-child{font-size:14px;color:#d3e9dd}.hero-art{font-size:130px;font-weight:700;color:#ffffff1f;line-height:1;transform:rotate(-15deg);align-self:center}.hero-art span{position:absolute;font-size:50px;top:-15px;right:10px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:52px 0 22px}.section-head h2,.page-heading h1{font-size:29px;letter-spacing:-1px;margin:8px 0}.count{font-size:13px;color:#8a9a91}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px}.tile,.list-item,.practice-card,.start-card,.result-card,.profile-card,.word-card{background:#fff;border:1px solid #e7ede9;border-radius:16px;box-shadow:0 8px 30px #19473309}.tile{padding:28px;position:relative;min-height:210px;transition:transform .15s,box-shadow .15s}.tile:hover,.list-item:hover{transform:translateY(-2px);box-shadow:0 12px 30px #19473317}.tile-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e9f7ef;font-size:25px;margin-bottom:23px}.tile-overline{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#95a59b}.tile h3{font-size:23px;text-transform:capitalize;margin:9px 0}.tile p,.list-item p,.page-heading p:last-child{font-size:13px;color:#88978e}.tile-arrow{position:absolute;right:28px;bottom:29px;font-size:22px;color:#2c9073}.page-heading{margin:19px 0 30px}.back{font-size:13px;color:#489276;font-weight:600}.list{display:grid;gap:12px}.list-item{padding:21px 26px;display:flex;align-items:center;gap:23px;transition:transform .15s,box-shadow .15s}.number{width:48px;height:48px;border-radius:12px;background:#e9f7ef;color:#238c67;display:grid;place-items:center;font-weight:700}.list-item h3{margin:0 0 5px;font-size:16px}.list-item p{margin:0}.arrow{margin-left:auto;color:#2c9073;font-size:22px}.quiz{min-height:180px}.quiz h3{font-size:19px}.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px}.status{font-size:11px;color:#a3afa7}.status.done{color:#168364}.button{border:0;border-radius:10px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#e9f6ef;color:#176d56}.button.primary{color:#fff;background:#187c60}.button:hover{filter:brightness(.96)}.button:disabled{opacity:.55;cursor:wait}.button.small{font-size:11px;padding:10px 12px}.button.outline{background:#fff;border:1px solid #c8dcd0}.empty{padding:60px 24px;text-align:center;color:#91a096;border:1px dashed #d5e3d8;border-radius:14px;background:#fff;line-height:2}.empty a{color:#168364;font-weight:700}.alert{padding:13px 17px;border-radius:10px;background:#e7f5ef;color:#176d56;margin-bottom:20px;font-size:13px;display:flex;justify-content:space-between}.alert.error{background:#fff0ec;color:#ad4f42}.alert button{background:none;border:0;font-size:17px;color:inherit}.auth{display:grid;place-items:center;background:radial-gradient(circle at 75% 10%,#e2f2e7,transparent 35%),#f7f9f6}.auth-card{width:min(440px,calc(100% - 40px));padding:47px;background:#fff;border-radius:21px;border:1px solid #e5ece6;box-shadow:0 22px 70px #1d432f14}.auth-icon{width:52px;height:52px;font-size:31px;margin-bottom:33px}.auth-card h1{font-size:30px;letter-spacing:-1px;margin:10px 0}.muted,.auth-card>.muted{color:#8a9a91;font-size:13px}.auth-card form{display:grid;gap:19px;margin-top:34px}.auth-card label{display:grid;gap:9px;font-size:13px;font-weight:700}.auth-card input,.practice-card input{width:100%;border:1px solid #d9e5dc;border-radius:10px;padding:14px 16px;outline:none;background:#fbfdfb}.auth-card input:focus,.practice-card input:focus{border-color:#2c9073;box-shadow:0 0 0 3px #e0f4e9}.full{width:100%;margin-top:8px}.auth-switch{font-size:12px;color:#8a9a91;text-align:center;margin:26px 0 0}.auth-switch a{color:#168364;font-weight:700}.word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;margin-top:25px}.word-card{padding:20px;display:grid;gap:9px}.word-card strong{font-size:17px}.word-card span{font-size:13px;color:#788b7e}.word-card small{font-size:11px;color:#c0785e}.start-card,.result-card{text-align:center;max-width:650px;margin:34px auto;padding:52px 45px}.start-icon,.result-icon{width:72px;height:72px;border-radius:20px;margin:0 auto 25px;background:#e7f6ed;color:#1a795b;display:grid;place-items:center;font-size:36px}.start-card h1,.result-card h1{font-size:28px;margin:8px 0}.start-card>p:not(.eyebrow),.result-card>p:not(.eyebrow){color:#89988d;font-size:13px}.order-picker{display:flex;justify-content:center;gap:10px;margin:32px 0}.order-picker button{background:#f5f8f5;color:#74887a;border:1px solid #e3ebe5;padding:11px 22px;border-radius:9px}.order-picker button.selected{background:#e4f4ea;color:#197659;border-color:#7ccbab}.practice{max-width:760px;margin:0 auto}.practice-top{display:flex;align-items:end;justify-content:space-between;margin:15px 0 32px}.practice-top h1{font-size:27px;margin:8px 0 0}.link-button{border:0;background:none;color:#88978e;font-size:12px}.progress-meta{display:flex;justify-content:space-between;color:#718477;font-size:12px;margin-bottom:11px}.progress{height:7px;background:#e1ebe3;border-radius:99px;overflow:hidden;margin-bottom:25px}.progress div{height:100%;background:#29a676;transition:width .2s}.practice-card{text-align:center;padding:42px 45px 48px}.prompt-number{font-size:11px;letter-spacing:2px;color:#9aac9f;font-weight:700}.play{width:84px;height:84px;border:0;border-radius:50%;display:grid;place-items:center;margin:24px auto;background:#1d8967;color:#fff;font-size:30px;padding-left:5px;box-shadow:0 10px 23px #b5ddc7}.play:disabled{opacity:.4}.practice-card h2{font-size:20px;margin-bottom:28px}.practice-card form{display:flex;gap:12px}.practice-card input{flex:1;text-align:center;font-size:16px}.answer-feedback{padding:22px;border-radius:13px}.answer-feedback.correct{background:#e8f7ee;color:#197353}.answer-feedback.incorrect{background:#fff1ec;color:#9a5c41}.answer-feedback strong{font-size:19px}.answer-feedback p{font-size:13px;margin:10px 0}.answer-feedback .button{margin-top:14px}.result-stats,.profile-stats{display:flex;justify-content:center;gap:50px;margin:35px 0}.result-stats div,.profile-stats div{display:grid;gap:6px}.result-stats strong,.profile-stats strong{font-size:30px;color:#187c60}.result-stats span,.profile-stats span{font-size:12px;color:#91a096}.profile-card{max-width:560px;text-align:center;padding:45px;margin:20px auto}.profile-avatar{width:76px;height:76px;font-size:29px;margin:0 auto 16px}.profile-card h2{margin-bottom:5px}.profile-card p{font-size:12px;color:#9baa9e}@media (max-width:800px){.sidebar{width:72px;padding:22px 11px}.brand{padding:0}.brand span:last-child,.side-label,.sidebar nav a span,.side-bottom div:last-child{display:none}.sidebar nav{margin-top:55px}.sidebar nav a{justify-content:center;padding:0}.side-bottom{justify-content:center;padding:15px 0}.topbar{padding:0 24px}.content{padding:30px 25px}.hero{padding:30px;min-height:215px}.hero-art{font-size:80px}.hero h1{font-size:25px}}@media (max-width:560px){.sidebar{width:100%;height:61px;position:fixed;top:auto;bottom:0;left:0;z-index:10;flex-direction:row;align-items:center;justify-content:center;padding:4px 10px;border-right:0;border-top:1px solid #e7ede9}.brand,.side-bottom{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around;width:100%}.sidebar nav a{width:55px;height:48px}.main{padding-bottom:62px}.topbar{height:62px;padding:0 18px}.date{display:none}.content{padding:22px 18px 60px}.hero{min-height:205px;padding:27px}.hero-art{display:none}.grid{grid-template-columns:1fr}.practice-card{padding:31px 18px}.practice-card form{flex-direction:column}.result-stats{gap:25px}.start-card,.result-card{padding:38px 20px}.auth{padding-bottom:0}}.mode-picker{display:flex;justify-content:center;gap:10px;margin:30px 0 15px}.mode-picker button{min-width:126px;background:#f5f8f5;color:#74887a;border:1px solid #e3ebe5;padding:12px 18px;border-radius:9px;font-weight:700}.mode-picker button.selected{background:#e4f4ea;color:#197659;border-color:#7ccbab}.play-settings{display:flex;justify-content:center;gap:18px;margin:15px 0}.play-settings label{display:grid;text-align:left;gap:7px;color:#75897d;font-size:12px;font-weight:700}.play-settings select{min-width:125px;border:1px solid #d9e5dc;border-radius:9px;padding:10px;background:#fff;color:#24332f}.mode-hint{margin:12px 0 0!important}.auto-next{font-size:12px!important;opacity:.8;margin-top:16px!important}.wrong-unit{margin-top:14px}.wrong-unit-head{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7ede9;border-radius:16px;padding:10px 14px}.wrong-unit-toggle{flex:1;display:flex;align-items:baseline;gap:10px;background:none;border:0;padding:6px 0;text-align:left;cursor:pointer;font:inherit;color:inherit}.wrong-unit-toggle strong{font-size:16px}.wrong-unit-toggle small{font-size:12px;color:#88978e}.wrong-unit-arrow{color:#489276;width:12px}.wrong-unit .word-grid{margin-top:13px}.learning-streak{display:flex;justify-content:center;gap:14px;margin:8px 0 12px}.streak-dot{font-size:22px;color:#d5ded9;transition:color .2s,transform .2s}.streak-dot.active{color:#1d8967;transform:scale(1.25)}