:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Noto Sans CJK KR,sans-serif;color:#343b38;background:#fffdf8;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}p{line-height:1.75}.app{min-height:100vh;background:linear-gradient(135deg,#faf9f5,#f7faf6)}.card{background:#fffdfa;border:1px solid #e3e5dc;border-radius:18px;box-shadow:0 12px 35px #4d65520d}.eyebrow{color:#557667;font-size:.71rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.muted{color:#77817b}.primary,.secondary,.text-button,.hint-link,.back-link{border:0;background:none;color:inherit}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:47px;border-radius:10px;padding:11px 18px;font-size:.9rem;font-weight:700;text-decoration:none}.primary{background:#557667;color:#fff;box-shadow:0 8px 20px #55766725}.primary:hover:not(:disabled){background:#456858}.secondary{border:1px solid #cbd9cd;background:#fffdfa;color:#446959}.secondary:hover:not(:disabled){background:#f0f5ef}.text-button{color:#557667;font-weight:700;padding:8px 0}.text-button:hover,.hint-link:hover{color:#345746}.full{width:100%}.action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:11px;background:#e2ebe1;color:#557667;font-size:1.35rem;font-weight:800}.side-nav{position:fixed;inset:0 auto 0 0;width:231px;background:#f1f1ea;border-right:1px solid #e1e4da;display:flex;flex-direction:column;padding:31px 17px;z-index:10}.logo{display:flex;align-items:center;gap:12px;padding:0 9px 38px}.logo strong,.logo small{display:block}.logo strong{font-size:1.13rem}.logo small{color:#849087;font-size:.72rem;margin-top:2px}.side-nav nav{display:grid;gap:7px}.side-nav nav button{border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;color:#7a877d;min-height:46px;border-radius:9px;padding:0 17px;font-weight:700}.side-nav nav button.active{background:#dfe9dc;color:#426b56}.back-universe{margin-top:auto;color:#557667;font-size:.84rem;font-weight:700;text-decoration:none;padding:12px}.main{margin-left:231px;padding:27px 42px 90px;max-width:1180px}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#849087;font-size:.76rem;margin-bottom:42px}.topline span:last-child{display:flex;align-items:center;gap:5px}.offline-status{color:#9b7d5b}.notice,.soft-note,.error{border-radius:10px;padding:12px 15px;font-size:.85rem;line-height:1.65}.notice{background:#e9f2e8;color:#365b48;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.notice button{background:none;border:0;color:inherit;font-size:1.3rem}.soft-note{background:#edf4ea;color:#426a51;display:flex;gap:7px;align-items:center;margin:14px 0}.error{background:#fff0e9;color:#9d574b;margin:13px 0}.page-heading{margin-bottom:29px}.page-heading h1{font-size:clamp(2rem,4vw,2.6rem);margin:10px 0}.page-heading p:last-child{color:#7b887d;font-size:.98rem}.featured{max-width:775px;background:#f0f4ed;border:1px solid #d8e3d6;border-left:7px solid #71927c;border-radius:9px;padding:25px 29px;margin:6px 0 21px}.featured h2{font-size:1.7rem;margin:15px 0 2px}.featured>p:not(.eyebrow){color:#6d7b70;margin:0 0 13px}.featured-meta{border-top:1px solid #d9e3d7;padding-top:13px;color:#557667;font-size:.84rem;margin-bottom:19px}.today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:775px}.mini-card{padding:23px}.mini-card h2,.me-card h2,.review-section h2{font-size:1.03rem;display:flex;align-items:center;gap:8px;margin-bottom:13px}.mini-card h2 svg,.me-card h2 svg,.review-section h2 svg{color:#679273}.mini-card p{color:#7c887d;min-height:55px;font-size:.87rem}.pet-message{display:flex;gap:13px;align-items:flex-start;max-width:775px;margin-top:17px;background:#eef3ec;border-radius:12px;padding:18px 21px;color:#567766}.pet-message p{margin:0;display:grid;gap:4px;font-size:.88rem}.pet-message span{color:#748778}.course-list{display:grid;gap:12px;max-width:850px}.course-card{width:100%;min-height:105px;display:flex;align-items:center;gap:20px;text-align:left;padding:19px 23px;color:inherit}.course-card:hover{border-color:#9bb9a2;transform:translateY(-1px)}.course-number{font-size:1.35rem;font-weight:800;color:#779681}.course-copy{display:grid;gap:4px;flex:1}.course-copy strong{font-size:1.03rem}.course-copy small{font-size:.84rem;color:#557667}.course-copy em{font-size:.78rem;font-style:normal;color:#889389}.course-state{display:flex;align-items:center;gap:4px;color:#557667;font-size:.78rem;font-weight:700}.scope-note{color:#89948a;font-size:.79rem;max-width:820px;margin:23px 0;line-height:1.7}.back-link{display:inline-flex;align-items:center;gap:6px;color:#557667;font-weight:700;padding:0;margin-bottom:29px}.lesson-heading{border-bottom:1px solid #dfe5dc;padding-bottom:20px;margin-bottom:22px}.lesson-heading h1{font-size:clamp(2rem,4vw,2.7rem);margin:11px 0 5px}.lesson-heading>p:not(.eyebrow){color:#818d83}.lesson-status{display:flex;gap:20px;color:#557667;font-size:.81rem;font-weight:700}.lesson-section{padding:27px 30px;margin:18px 0;max-width:920px}.section-title{display:flex;align-items:center;gap:15px;margin-bottom:17px}.section-title>span{display:grid;place-items:center;width:39px;height:39px;background:#e8efe5;border-radius:9px;color:#557667;font-weight:800}.section-title .eyebrow{margin:0 0 3px}.section-title h2{margin:0;font-size:1.18rem}.section-intro{color:#869188;font-size:.86rem}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.word-card{background:#fafaf6;border:1px solid #e4e8df;border-radius:11px;padding:17px;display:grid;gap:7px}.word-card>div{display:flex;align-items:baseline;gap:12px}.word-card strong{font-size:1.06rem}.word-card span{color:#6e7b70;font-size:.82rem}.word-card p{margin:0;font-size:.82rem;color:#6d796e}.word-card small{font-size:.76rem;color:#817d70;line-height:1.55}.save-word{justify-self:start;display:inline-flex;gap:4px;align-items:center;border:0;background:none;color:#708a73;font-size:.75rem;font-weight:700;padding:6px 0}.save-word.saved{color:#446954}.grammar-card{background:#f1f5ef;border-radius:10px;padding:19px 23px}.grammar-card strong{display:inline-block;font-size:1.25rem;color:#41644d;margin-right:12px}.grammar-card span{color:#627e65}.grammar-card p{margin:13px 0 0;font-size:.88rem}.grammar-card blockquote{margin:18px 0 0;font-size:1.08rem;font-weight:700}.grammar-card small{display:block;color:#7a847b;margin-top:12px;font-size:.79rem}.lesson-audio{display:block;width:min(100%,480px);height:54px;margin:18px 0 25px;accent-color:#557667}.question-card{border-top:1px solid #e2e6df;padding:24px 0 15px;margin-top:23px}.question-type{display:flex;align-items:center;gap:6px;color:#557667;font-size:.75rem;font-weight:800}.question-card h3{font-size:1rem;line-height:1.7;margin:12px 0 5px}.question-zh{font-size:.82rem;color:#8a928a;margin-bottom:10px}.hint-link{display:inline-flex;gap:5px;align-items:center;color:#63826b;font-size:.78rem;padding:0}.hint{border-left:3px solid #a2bea4;background:#f3f7f2;color:#607768;padding:9px 12px;margin:11px 0;font-size:.81rem}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.choice{min-height:58px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #d9e2d8;background:#fffdfa;border-radius:9px;padding:10px 14px;color:#38463c}.choice b{font-size:.8rem;color:#7b8a7c}.choice span{font-size:.86rem}.choice.chosen{border-color:#557667;background:#f0f5ef}.choice.right{border-color:#89bc9c;background:#eaf6ec;opacity:1}.choice.wrong{border-color:#dba19b;background:#fff1ee;opacity:1}.answer-button{margin-top:17px;min-width:143px}.answer-feedback{margin-top:16px;border-radius:9px;padding:15px 18px;font-size:.84rem}.answer-feedback.good{background:#eaf5e9;color:#416b4d}.answer-feedback.try{background:#fff2eb;color:#875f51}.answer-feedback p{margin:6px 0}.answer-feedback .text-button{font-size:.82rem}.offline-note{color:#9a775d;font-size:.8rem}.transcript,.mini-transcript,.reading-translation{background:#f8faf5;border:1px solid #e3e9e0;border-radius:9px;padding:12px 16px;color:#66796a;font-size:.85rem}.transcript summary,.mini-transcript summary,.reading-translation summary{cursor:pointer;color:#557667;font-weight:700}.transcript p,.mini-transcript p,.reading-translation p{margin:11px 0 0}.reading-text{background:#f8f7f1;border:1px solid #e8e8df;border-radius:9px;padding:21px;font-size:1.02rem;line-height:2.05;white-space:pre-line}.reading-translation{margin-top:10px}.closing-section textarea{display:block;width:100%;min-height:100px;background:#fffefa;border:1px solid #d8e2d7;border-radius:9px;padding:13px;font-size:16px;resize:vertical}.closing-section textarea:focus,input:focus{outline:2px solid #85aa8a;outline-offset:1px}.difficult{display:flex;gap:8px;align-items:center;margin:16px 0;color:#5b705f;font-size:.85rem}.difficult input{accent-color:#557667}.closing-section .action-row{margin-top:15px}.review-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:820px;margin-bottom:17px}.review-stats .card{display:grid;gap:4px;padding:20px}.review-stats strong{font-size:1.55rem;color:#557667}.review-stats span{font-size:.78rem;color:#8a968b}.review-section{padding:23px;max-width:820px;margin-bottom:17px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{margin:0}.section-head span{color:#8a968b;font-size:.8rem}.flashcard{border-radius:12px;background:#f3f6ef;padding:23px;margin-top:18px}.flashcard h3{font-size:1.8rem;margin:18px 0}.flashcard p{font-size:1rem}.flashcard small{display:block;color:#768479;margin-bottom:8px}.flashcard .action-row{margin-top:20px}.empty-note{color:#879288;margin:18px 0 0;font-size:.86rem}.review-question{margin-top:18px;border-top:1px solid #e1e6df}.review-question>p{font-size:.8rem;color:#758677;margin-top:17px}.review-question .question-card{border-top:0;margin-top:0}.review-question .reading-text{font-size:.9rem;padding:14px}.me-card{padding:23px;max-width:820px;margin:17px 0}.me-card p{font-size:.87rem;color:#718276}.me-card a{font-size:.8rem;color:#557667;font-weight:700;text-decoration:none}.note-item{display:grid;text-align:left;width:100%;gap:4px;padding:12px 0;background:none;border:0;border-bottom:1px solid #e5e9e2}.note-item strong{color:#466b50;font-size:.86rem}.note-item span{color:#849087;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup{max-width:790px;padding:30px}.setup h2{font-size:1.33rem}.setup p,.setup li{font-size:.87rem;color:#728174}.setup ol{line-height:2.1;padding-left:22px}.loading-note,.splash{color:#6f8871}.splash{min-height:100vh;display:grid;place-items:center}.bottom-nav{display:none}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#eaf1e7,transparent 38%),#f8f8f3;padding:24px}.auth-card{width:min(100%,490px);background:#fffdfa;border:1px solid #e4e8df;border-radius:24px;padding:37px;box-shadow:0 20px 68px #4f685014}.auth-card .brand-mark{margin-bottom:23px}.auth-card h1{font-size:2rem;margin:11px 0}.auth-card>p:not(.eyebrow):not(.soft-note):not(.error){color:#738475;font-size:.9rem}.auth-card form{display:grid;gap:15px;margin-top:25px}.auth-card label{display:grid;gap:7px;color:#526e58;font-size:.84rem;font-weight:700}.auth-card input{min-height:50px;border:1px solid #d5e1d4;background:#fff;border-radius:9px;padding:0 13px;font-size:16px;color:#343b38}.auth-card small{display:block;color:#8b978d;font-size:.77rem;line-height:1.7;margin-top:18px}@media(max-width:780px){.side-nav{display:none}.main{margin-left:0;padding:24px 20px calc(105px + env(safe-area-inset-bottom));max-width:none}.topline{margin-bottom:31px}.bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:20;background:#fffdfa;border-top:1px solid #e4e8e1;padding:8px 5px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px #536c5710}.bottom-nav button{flex:1;background:none;border:0;display:grid;justify-items:center;gap:2px;min-height:50px;color:#879489;font-size:.7rem}.bottom-nav button.active{color:#4b7557;font-weight:800}.page-heading h1{font-size:1.8rem}.featured{padding:21px}.featured h2{font-size:1.4rem}.today-grid{grid-template-columns:1fr}.mini-card p{min-height:0}.word-grid{grid-template-columns:1fr}.lesson-section{padding:21px}.course-card{gap:11px;min-height:92px;padding:16px}.course-copy strong{font-size:.91rem}.course-copy em{font-size:.72rem}.course-number{font-size:1.08rem}.course-state{font-size:.72rem}.choice-grid{grid-template-columns:1fr}.review-section{padding:20px}.auth-card{padding:28px}}@media(max-width:390px){.main{padding-left:15px;padding-right:15px}.course-state{font-size:0}.course-state svg{width:18px}.review-stats .card{padding:14px}.review-stats strong{font-size:1.3rem}.review-stats span{font-size:.69rem}.auth-card{padding:23px}}