@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f5f7f4;--panel:#fff;--ink:#17231f;--muted:#727e78;--line:#e5eae5;--green:#176b4b;--green2:#e8f4ed;--lime:#d5f07a;--shadow:0 18px 60px #132f2010}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif;min-height:100vh}.app-shell{max-width:1160px;margin:auto;padding:25px 34px 16px;min-height:100vh;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between}header{height:48px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font:700 16px Manrope,sans-serif}.brand small{display:block;font:500 10px 'DM Sans';color:var(--muted);margin-top:2px}.brand-mark{width:37px;height:37px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font:800 12px Manrope;letter-spacing:-.5px}.head-actions{display:flex;gap:10px}.icon-button,.quiet{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:10px 13px;cursor:pointer}.icon-button{font-size:18px;width:42px;height:42px}.primary{background:var(--green);border:0;color:white;border-radius:12px;padding:14px 21px;font-weight:700;cursor:pointer;box-shadow:0 7px 18px #176b4b22}.primary:hover{background:#10583c}.quiet{font-weight:600}.hidden{display:none!important}main{flex:1;display:grid;align-items:center;padding:36px 0}.login-card{width:min(100%,510px);margin:0 auto;padding:48px 50px}.card{background:var(--panel);border:1px solid #ebefeb;border-radius:22px;box-shadow:var(--shadow)}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:700;margin-bottom:18px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.7px}h1{font-size:38px;line-height:1.22;margin:0 0 15px;font-weight:700}h1 em{font-style:normal;color:var(--green)}.muted{color:var(--muted);line-height:1.7}.login-card form{margin-top:31px}.login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.login-row{display:flex;gap:10px}.login-row input,input,textarea{font:inherit;color:var(--ink)}.login-row input{min-width:0;flex:1;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:0 15px;outline:none}.login-row input:focus,input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b4b16;outline:none}.notice{min-height:22px;margin-top:9px;font-size:12px;color:#b34c39}.login-foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.login-foot span{color:#829d3a;margin-right:6px}footer{font-size:11px;color:#8c9690;padding:12px 0}footer button{border:0;background:none;color:var(--muted);cursor:pointer}dialog{max-width:480px;border:0;border-radius:18px;padding:33px;box-shadow:var(--shadow);color:var(--ink);background:var(--panel);line-height:1.7}dialog::backdrop{background:#111a17a8}.dialog-close{float:right;border:0;background:none;font-size:24px;cursor:pointer}.dash{width:100%}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin:3px 0 22px}.welcome-row h1{font-size:32px;margin:0}.welcome-row p{margin:5px 0 0}.date-tag{font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:10px 13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:16px}.hero-card{padding:25px;background:#155c43;color:white;position:relative;overflow:hidden;min-height:255px}.hero-card:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff1c;border-radius:50%;right:-40px;top:-92px;box-shadow:0 0 0 24px #ffffff08,0 0 0 50px #ffffff06}.hero-card .eyebrow{color:#d7ef9d}.hero-card h2{font-size:27px;margin:8px 0}.hero-card p{color:#d8e9df;max-width:400px;line-height:1.6}.stats{display:flex;gap:25px;margin-top:22px}.stat b{display:block;font:700 20px Manrope}.stat span{font-size:10px;color:#c2d7ca}.start-button{position:absolute;right:24px;bottom:24px;background:var(--lime);color:#1a3528;border:0;border-radius:12px;padding:13px 19px;font-weight:700;cursor:pointer}.side-stack{display:grid;gap:16px}.small-card{padding:21px}.small-card h3{font-size:14px;margin:0 0 13px}.progress-bar{height:7px;background:#edf1ed;border-radius:8px;overflow:hidden}.progress-bar i{height:100%;display:block;background:#96bd54;border-radius:8px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:9px}.week-card{display:flex;align-items:center;gap:14px}.week-num{width:45px;height:45px;border-radius:15px;background:var(--green2);color:var(--green);display:grid;place-items:center;font:700 16px Manrope}.week-card p{margin:4px 0 0;font-size:11px;color:var(--muted)}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 15px}.tab{background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--muted);padding:9px 13px;cursor:pointer;font-weight:600;font-size:12px}.tab.active{background:var(--green2);border-color:#c9e4d2;color:var(--green)}.content-card{padding:24px;min-height:250px}.content-card h2{margin:3px 0 10px;font-size:22px}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lesson-item{border:1px solid var(--line);padding:15px;border-radius:13px;cursor:pointer}.lesson-item:hover{border-color:#acd0b8}.lesson-item b{display:block}.lesson-item span{font-size:11px;color:var(--muted)}.lesson-head{display:flex;justify-content:space-between;align-items:center}.lesson-head button{border:1px solid var(--line);background:var(--panel);padding:9px 12px;border-radius:9px;cursor:pointer}.block-list{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.block-chip{border:1px solid var(--line);border-radius:20px;padding:8px 11px;font-size:11px;color:var(--muted)}.block-chip.current{background:var(--green2);color:var(--green);border-color:#c9e4d2}.timer{font:700 48px Manrope;letter-spacing:1px;margin:15px 0}.session-actions{display:flex;gap:9px;flex-wrap:wrap}.session-actions button,.action{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:11px 14px;font-weight:600;cursor:pointer}.session-actions .primary{background:var(--green);color:white;border:0}.item-card{padding:25px;background:var(--bg);border-radius:15px;margin:16px 0}.english{font:700 24px Manrope;margin-bottom:8px}.translation{color:var(--green);font-weight:600}.sample{color:var(--muted);font-size:13px;margin-top:10px}.answer-list{display:grid;gap:9px;margin:15px 0}.answer-list button{text-align:left;border:1px solid var(--line);background:var(--panel);padding:13px;border-radius:11px;cursor:pointer}.answer-list button:hover{border-color:var(--green)}.field{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:13px;min-height:120px;resize:vertical}.secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.result{padding:13px;background:var(--green2);color:#174d37;border-radius:11px;margin-top:12px;line-height:1.5}.alert{padding:13px;background:#fff6de;color:#70551c;border-radius:11px;margin:12px 0;font-size:12px}.review-row,.checkpoint{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.review-row:last-child{border-bottom:0}.pill{font-size:10px;color:var(--green);background:var(--green2);padding:5px 8px;border-radius:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid input{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:12px}.small{font-size:11px;color:var(--muted)}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#0c1711;border-radius:14px;overflow:hidden;margin:14px 0}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.dark{color-scheme:dark;--bg:#111a16;--panel:#19251f;--ink:#edf5ef;--muted:#a2b1a8;--line:#2a3930;--green:#52ae7d;--green2:#203c2e;--shadow:0 18px 60px #0004}body.dark .hero-card{background:#174d38}body.dark .item-card{background:#142019}body.dark .progress-bar{background:#2a3930}body.dark .login-row input{background:#142019}
@media(max-width:760px){.app-shell{padding:17px 16px 12px}.login-card{padding:34px 25px}.dashboard-grid{grid-template-columns:1fr}.hero-card{min-height:275px}.welcome-row{align-items:start;gap:12px}.welcome-row h1{font-size:27px}.date-tag{white-space:nowrap}.lesson-list{grid-template-columns:1fr}.content-card{padding:18px}.start-button{left:24px;right:auto}.stats{gap:18px}h1{font-size:32px}.timer{font-size:42px}}