:root{--ink:#193451;--accent:#2563c7;--paper:#ffffff;--line:#dce6f0;--muted:#65768a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}.shell{max-width:1130px;margin:auto;padding:0 36px}header{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-weight:800;font-size:24px}.brand span{font-weight:400;font-size:18px}.badge,.eyebrow,.small{font-size:11px;letter-spacing:1.6px;font-weight:700}.badge{border:1px solid var(--line);border-radius:20px;padding:7px 12px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px 0 30px}h1{font:48px/1.15 Georgia,serif;letter-spacing:-1.4px;margin:15px 0}h1 em{font-weight:400;color:var(--accent)}.sub{color:var(--muted);font-size:15px}.master{min-width:235px;background:#eaf4ff;border-radius:18px;padding:23px}.master strong{font:70px/1.3 Georgia,serif}.master div>span{font-size:22px;color:var(--muted)}.master p{font-size:12px;margin-bottom:0}.bar{height:6px;background:#c9def5;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.toolbar{display:flex;align-items:end;gap:20px;padding:20px 0 25px}label{font-size:12px;color:var(--muted);display:block}select{display:block;background:transparent;border:1px solid #cad9e8;border-radius:8px;padding:10px;color:var(--ink);margin-top:5px;font:14px system-ui}button{font:14px system-ui;cursor:pointer;border:1px solid #cad9e8;background:transparent;border-radius:8px;padding:11px 16px;color:var(--ink)}button:hover{background:#edf5ff}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#1d4f9e}.toolbar .primary{margin-left:auto}.card{background:#ffffff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 8px 24px #214d8210}.empty{text-align:center;padding:25px}.empty h2{font:28px Georgia,serif}.empty p{color:var(--muted)}.question-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.round{display:flex;gap:5px;margin:15px 0}.round i{height:4px;flex:1;background:#e5edf6;border-radius:5px}.round i.done{background:var(--accent)}h2{font-size:22px;line-height:1.4;margin:15px 0}.hint{font-size:13px;color:var(--muted)}.options{display:grid;gap:10px;margin:20px 0}.option{width:100%;text-align:left;display:flex;align-items:center;gap:13px;padding:14px 16px;background:white;line-height:1.5}.option .mark{flex-shrink:0;width:23px;height:23px;border:1px solid #cad9e8;border-radius:6px;display:grid;place-items:center;font-size:13px}.option.selected{background:#edf5ff;border-color:var(--accent)}.option.selected .mark{background:var(--accent);color:white}.option.right{background:#eaf4ff;border-color:#6da3e6}.option.wrong{background:#fff0e9;border-color:#cb836f}.option:disabled{opacity:1}.feedback{border-radius:10px;background:#edf5ff;padding:18px;margin:18px 0}.feedback.error{background:#fcf0e8}.feedback p{font-size:14px;margin:8px 0}.actions{display:flex;gap:10px;align-items:center}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font:25px Georgia,serif}.section-head span{font-size:12px;color:var(--muted)}.overview{padding:30px 0}#map{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.tile{padding:10px 3px;background:#f5f8fc;text-align:center;border-radius:8px;font-size:14px;border:1px solid var(--line)}.tile small{display:block;font-size:10px;color:var(--muted)}.tile.studying{background:#e1efff;border-color:#9bbfec}.tile.learned{background:var(--accent);color:white}.tile.learned small{color:#dceaff}.legend{display:flex;gap:22px;font-size:12px;color:var(--muted);margin-top:16px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.dot.learned{background:var(--accent)}.dot.studying{background:#9bbfec}.dot.fresh{background:#d6e2ef}footer{border-top:1px solid var(--line);padding:22px 0 30px;color:var(--muted);font-size:12px}footer div{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}:focus-visible{outline:3px solid #4899ec;outline-offset:3px}@media(max-width:700px){.shell{padding:0 18px}.badge{display:none}.intro{display:block;padding-top:25px}h1{font-size:37px}.master{margin-top:23px;min-width:0;padding:17px}.master strong{font-size:44px}.toolbar{flex-wrap:wrap;gap:12px}.toolbar .primary{width:100%;margin:0}.card{padding:20px}#map{grid-template-columns:repeat(5,1fr)}.section-head{display:block}.legend{gap:12px}.question-meta{gap:10px}h2{font-size:19px}}
