:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f4ef;--surface:#fff;--surface-muted:#f0eee8;--text:#1f211f;--text-muted:#64675f;--line:#dedbd2;--line-strong:#c9c4b8;--primary:#0f766e;--primary-soft:#e1f1ee;--accent:#b45309;--accent-soft:#fff3db;--focus:#0f766e}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;scroll-padding-top:84px;overflow:hidden auto}body{overscroll-behavior-y:auto;background:var(--background);max-width:100%;min-height:100%;color:var(--text);margin:0;font-family:Avenir Next,Helvetica Neue,Hiragino Sans,sans-serif;font-size:16px;line-height:1.7;overflow:hidden visible}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}.site-header{z-index:10;border-bottom:1px solid var(--line);background:#f6f4eff5;justify-content:space-between;align-items:center;min-height:64px;padding:0 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;font-weight:700}.site-nav{color:var(--text-muted);align-items:center;gap:20px;font-size:14px;display:flex}.page-shell{width:min(1060px,100% - 40px);margin:0 auto;padding:30px 0 64px}.lesson-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:0 0 22px;display:grid}.list-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-bottom:24px;display:grid}.lesson-number{color:var(--primary);margin:0 0 4px;font-size:14px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:8px;font-size:34px;line-height:1.2}h2{letter-spacing:0;margin-bottom:0;font-size:20px;line-height:1.3}h3{letter-spacing:0;margin-bottom:2px;font-size:18px;line-height:1.35}.lesson-summary{max-width:680px;color:var(--text-muted);margin-bottom:0}.lesson-meta{grid-template-columns:repeat(3,auto);gap:16px;margin:0;display:grid}.lesson-meta div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:112px;padding:12px 14px}.lesson-meta dt{color:var(--text-muted);font-size:13px}.lesson-meta dd{margin:1px 0 0;font-size:14px;font-weight:700}.text-button,.plain-button{border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:700;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.text-button:hover,.plain-button:hover{background:var(--primary-soft);color:var(--primary);border-color:#0f766e73}.text-button:focus-visible,.plain-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:#0f766e8c}.content-grid{padding-top:20px}.lesson-body{gap:18px;display:grid}.list-shell{gap:22px;display:grid}.random-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.random-panel h2,.random-panel p{margin-bottom:0}.random-panel p{color:var(--text-muted);font-size:14px}.random-card .lesson-card{border:0}.level-list{gap:22px;display:grid}.level-section{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.level-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:16px;padding:18px 20px;display:flex}.level-heading h2,.level-heading p{margin-bottom:0}.level-heading p,.level-heading span{color:var(--text-muted);font-size:14px}.lesson-grid{background:var(--surface);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:16px;display:grid}.lesson-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.lesson-card a{gap:12px;min-height:188px;padding:18px;display:grid}.lesson-card a:hover,.lesson-card a:focus{background:var(--primary-soft)}.lesson-card-top{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.lesson-card h3,.lesson-card p{margin-bottom:0}.lesson-card p{color:var(--text-muted)}.lesson-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.lesson-card dt{color:var(--text-muted);font-size:12px}.lesson-card dd{margin:0;font-size:13px;font-weight:700}.empty-state{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:12px;padding:18px 20px;display:grid}.empty-copy{background:var(--surface);padding:18px 20px}.empty-state h1,.empty-state h2,.empty-state p,.empty-copy{margin-bottom:0}.empty-state p,.empty-copy{color:var(--text-muted)}.reading-card,.translation-panel,.vocabulary-section{border:1px solid var(--line);background:var(--surface);border-radius:8px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.section-heading span{color:var(--text-muted);white-space:nowrap;font-size:14px}.passage{padding:24px 28px 12px}.passage p{margin-bottom:20px;font-size:17px;line-height:1.85}.word-mark{background:var(--primary-soft);color:#103f3a;cursor:help;border-bottom:2px solid #0f766e73;border-radius:4px;padding:0 3px;font-weight:700;display:inline-block;position:relative}.word-mark:after{z-index:5;border:1px solid var(--line-strong);color:#fffdf8;content:attr(data-meaning);opacity:0;pointer-events:none;background:#1f211f;border-radius:6px;min-width:140px;max-width:220px;padding:8px 10px;font-size:13px;font-weight:500;line-height:1.45;transition:opacity .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.word-mark:hover:after,.word-mark:focus:after{opacity:1}.word-mark:focus{outline:2px solid var(--focus);outline-offset:2px}.translation-panel summary{color:var(--primary);cursor:pointer;padding:16px 20px;font-weight:700}.translation-panel summary:hover{background:var(--surface-muted)}.translation-copy{color:#393b37;padding:0 20px 18px}.translation-copy p{margin-bottom:12px}.vocabulary-grid{background:var(--line);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;display:grid}.word-card{background:var(--surface);min-height:158px;padding:18px 18px 16px}.word-card:target{background:var(--accent-soft);outline-offset:-2px;outline:2px solid #b4530947}.word-card p{margin-bottom:10px}.word-type{color:var(--text-muted);font-size:14px}blockquote{border-left:3px solid var(--line-strong);color:var(--text-muted);margin:14px 0 0;padding-left:12px;font-size:14px;line-height:1.55}@media (width<=900px){.site-header{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 20px}.lesson-header,.list-header,.random-panel{grid-template-columns:1fr}.lesson-meta{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.lesson-meta div{min-width:0}}@media (width<=640px){.page-shell{width:min(100% - 24px,1060px);padding-top:18px}h1{font-size:27px}.lesson-header{gap:16px}.site-nav{justify-content:space-between;width:100%}.text-button,.plain-button{width:100%}.random-panel{padding:14px}.level-heading{flex-direction:column;align-items:flex-start;gap:4px;padding:16px}.lesson-grid{grid-template-columns:1fr}.lesson-card a{min-height:0;padding:16px}.lesson-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lesson-meta div{padding:8px 9px;display:block}.lesson-meta dt{font-size:12px}.lesson-meta dd{font-size:13px;line-height:1.35}.section-heading{flex-direction:column;align-items:flex-start;gap:4px}.passage{padding:18px 16px 4px}.passage p{font-size:16px;line-height:1.8}.word-card{padding:16px}.word-mark:after{min-width:0;max-width:none;position:fixed;bottom:14px;left:14px;right:14px;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}