:root{--navy:#071a33;--navy2:#0b2b52;--cyan:#23d5cf;--blue:#4e7cff;--gold:#ffc74d;--ink:#eaf7ff;--muted:#a8c1d8;--line:#194a72;--panel:#0a2444;--success:#69e6a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0,#143d74 0,transparent 32%),var(--navy);color:var(--ink);font:16px/1.55 Inter,Segoe UI,Arial,sans-serif}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(5,20,39,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-weight:800;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#041426;font-size:1.25rem}.top-actions{display:flex;align-items:center;gap:14px;color:var(--muted)}.shell{display:grid;grid-template-columns:330px 1fr;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid var(--line);padding:22px;overflow:auto}.course-card{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.course-card img{width:64px;height:92px;object-fit:cover;border-radius:8px;box-shadow:0 10px 22px #0008}.course-card small,.kicker{color:var(--cyan);font-weight:800;letter-spacing:.12em}.course-card strong{display:block;line-height:1.25;margin-top:4px}.sidebar nav{display:grid;gap:6px;margin-top:18px}.chapter-link{border:0;background:transparent;color:var(--muted);padding:10px;border-radius:10px;text-align:left;display:grid;grid-template-columns:30px 1fr;gap:5px;cursor:pointer;font:inherit}.chapter-link:hover,.chapter-link.active{background:#12385f;color:#fff}.chapter-link.done span:first-child{background:var(--success);color:#06273a}.chapter-link span:first-child{width:25px;height:25px;border-radius:50%;background:#173e65;display:grid;place-items:center;font-size:.78rem}.workspace{padding:38px clamp(22px,5vw,72px) 60px;max-width:1250px;width:100%;margin:auto}.view{display:none}.view.active{display:block}.mobile-tabs{display:flex;gap:8px;margin-bottom:28px}.mobile-tabs button{border:1px solid var(--line);color:var(--muted);background:#09203d;padding:10px 15px;border-radius:999px;cursor:pointer;font-weight:700}.mobile-tabs button.active{color:#06192c;background:var(--cyan);border-color:var(--cyan)}.chapter-head,.tool-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.tool-head{display:block}.chapter-head h1,.tool-head h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;margin:.28rem 0 1rem;max-width:860px}.chapter-head p,.tool-head p{color:var(--muted);max-width:780px;font-size:1.08rem}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lesson,.form-card,.result{background:linear-gradient(145deg,rgba(13,49,85,.92),rgba(7,29,55,.96));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 50px #00112655}.lesson h2{margin:0 0 10px;font-size:1.18rem}.lesson p{color:#c8dbea}.lesson.accent{border-color:#967b28;background:linear-gradient(145deg,#352f1a,#162a3c)}.lesson.full{grid-column:1/-1}.lesson ol{margin:0;padding-left:1.35rem}.prompt{border-left:4px solid var(--cyan)}button{font:inherit}.primary,.ghost{border-radius:11px;padding:11px 17px;font-weight:800;cursor:pointer}.primary{border:0;color:#041728;background:linear-gradient(135deg,var(--cyan),#6991ff)}.ghost{border:1px solid var(--line);background:#0b2748;color:var(--ink)}.pager{display:flex;justify-content:space-between;margin-top:22px}.form-card{display:grid;gap:18px;max-width:860px}.form-card label{display:grid;gap:7px;font-weight:700}.form-card input,.form-card textarea{width:100%;border:1px solid #2a5d83;background:#061b34;color:#fff;border-radius:10px;padding:13px;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checks label{display:flex;grid-template:none;gap:11px;align-items:flex-start;font-weight:500;color:#d5e5f2}.checks input[type=checkbox]{width:20px;height:20px;accent-color:var(--cyan)}.result{margin-top:18px;max-width:860px;border-left:4px solid var(--gold)}.result h2{margin-top:0}.score{font-size:2rem;font-weight:900;color:var(--gold)}#saveStatus{color:var(--success)}@media(max-width:900px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto}.chapter-link{min-width:210px}.workspace{padding-top:26px}}@media(max-width:620px){.topbar{padding:0 15px}.brand span:last-child{display:none}.top-actions{font-size:.86rem}.sidebar{padding:15px}.chapter-head{display:block}.chapter-head .primary{margin-top:12px}.lesson-grid,.two{grid-template-columns:1fr}.lesson.full{grid-column:auto}.mobile-tabs{overflow:auto}.workspace{padding:20px 15px 45px}.chapter-head h1,.tool-head h1{font-size:2.2rem}}