:root{--navy:#10365a;--blue:#087e9d;--aqua:#17b5b4;--coral:#f2786b;--ink:#18364d;--muted:#657988;--border:#dbe8ef;--bg:#f4f9fb;--ok:#147a59}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}header{background:white;border-bottom:1px solid var(--border);padding:16px max(20px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand small{display:block;color:var(--muted);font-size:12px}.logo{background:var(--blue);color:white;border-radius:12px;padding:5px 15px;font-size:28px;font-weight:800}.tag{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--blue);background:#e1f4f7;padding:7px 12px;border-radius:20px}main{max-width:1040px;margin:auto;padding:25px 20px 55px}.hero{background:linear-gradient(120deg,#123e63,#067f9b);color:white;padding:38px;border-radius:24px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--aqua)}.hero .eyebrow{color:#9ce9e6}h1{font-size:clamp(28px,4vw,43px);line-height:1.16;max-width:740px;margin:14px 0}h2{font-size:25px;margin:8px 0}h3{font-size:21px;margin:12px 0}.hero p{max-width:670px;color:#e1f2f7}.meta{display:inline-block;margin:12px;color:#cbeaf0;font-size:13px}button{font:inherit;cursor:pointer;border-radius:11px;border:1px solid transparent;padding:11px 17px;font-weight:700;transition:.15s}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--coral);color:#fff}.primary:hover:not(:disabled){filter:brightness(.95)}.secondary{background:white;border-color:#bcd1dc;color:var(--navy)}.panel{margin-top:22px;padding:26px;background:white;border:1px solid var(--border);border-radius:20px;box-shadow:0 5px 22px #163b5410}.heading{display:flex;justify-content:space-between;gap:12px}.heading p{color:var(--muted);margin:0}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:22px}.day{background:#f5f9fb;border:1px solid var(--border);border-radius:12px;text-align:center;padding:14px 4px;color:var(--muted);font-size:12px}.day strong{display:block;font-size:20px}.day.open{background:#e4f6f5;border-color:var(--aqua);color:var(--navy);cursor:pointer}.day.done{background:#e0f7e9;border-color:#7ac99e}.lesson>p{max-width:760px}.progressrow{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:25px}.bar{height:10px;background:#e8f0f3;border-radius:20px;overflow:hidden;margin:8px 0 22px}.bar>div{height:100%;width:0;background:linear-gradient(90deg,var(--aqua),var(--blue));transition:width .2s}.task{background:#f8fbfc;border:1px solid var(--border);border-radius:16px;padding:23px}.task .kind{font-size:12px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dialog{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin:15px 0}.line{margin:12px 0}.line b{display:block;color:var(--blue);font-size:12px}.audio{display:inline-flex;gap:7px;align-items:center;margin:6px 5px 6px 0;background:#e0f4f7;color:#075f79;border-color:#b2dfe7}.choices{display:grid;gap:9px;margin:15px 0}.choice{text-align:left;background:#fff;border:1px solid #bed2dc;color:var(--ink)}.choice.selected{border-color:var(--blue);background:#e3f6f9}.feedback{border-radius:10px;padding:12px 14px;background:#e9f7ef;color:#126142;margin-top:13px}.feedback.bad{background:#fff0eb;color:#a13d28}.nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.footnote{color:var(--muted);font-size:12px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.chip{background:white;border:1px solid #a9c9d6}.chip:disabled{background:#dce8ee;color:#69808b}.sentence{min-height:62px;background:white;border:1px dashed #9fbcc9;border-radius:10px;padding:12px;margin:12px 0}.field{width:100%;max-width:480px;padding:12px;border:1px solid #aac5d0;border-radius:10px;font:inherit}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.small{font-size:13px;color:var(--muted)}.scenario{border-left:4px solid var(--aqua);background:white;padding:15px;border-radius:8px;margin:12px 0}.video-placeholder{background:linear-gradient(130deg,#113d5e,#157f93);min-height:160px;border-radius:12px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.video-placeholder strong{font-size:18px}.scorebig{font-size:42px;font-weight:900;color:var(--blue)}.task ol{padding-left:20px}@media(max-width:650px){header{padding:12px}.brand b{font-size:13px}.tag{font-size:9px}.hero{padding:26px}.panel{padding:18px}.days{grid-template-columns:repeat(4,1fr)}.task{padding:16px}.nav button{padding:10px}.meta{display:block;margin:12px 0 0}}