:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102d59;background:#edf2f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#102d59;color:white;padding:22px max(22px,calc((100vw - 960px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #e64156}.brand{display:flex;gap:12px;align-items:center}.mark{font-weight:800;padding:12px 9px;border:1px solid #6580a8;border-radius:9px;letter-spacing:-1px}.brand strong{font-size:21px}.brand small{display:block;font-size:14px;color:#cad8eb;margin-top:4px}.total{font-size:14px;color:#cad8eb}main{max-width:960px;margin:auto;padding:32px 22px}.topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.6px;color:#5c6c82}#mastered{font-size:14px;color:#5c6c82}h1{font-size:clamp(25px,4vw,36px);letter-spacing:-1px;margin:9px 0 27px}nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}button,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:13px 18px;background:white;color:#102d59;min-height:46px;transition:background .15s}button:hover{background:#dfe9f7}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #548ad1;outline-offset:3px}nav button{background:transparent;font-weight:650}nav button.active{background:#102d59;color:white}#errors{display:inline-block;font-size:12px;padding:2px 6px;border-radius:5px;background:#dae3ef;color:#102d59}.controls{display:flex;align-items:flex-end;gap:14px;justify-content:space-between;margin-bottom:20px}label{font-size:14px;display:grid;gap:7px;flex:1;max-width:430px;color:#53647b}select{border:1px solid #c8d4e5;background:white;color:#102d59;border-radius:9px;padding:12px;width:100%}.quiet{background:transparent;color:#5c6c82;border:1px solid #c8d4e5}.panel{background:white;border:1px solid #d6e0ed;box-shadow:0 8px 30px #1a3e6210;border-radius:18px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:20px 26px;background:#f8fafd;border-bottom:1px solid #e1e8f2;font-size:14px;color:#5c6c82}.bar{height:4px;background:#e2e9f2}.bar div{height:100%;background:#e64156;transition:width .2s}.content{padding:29px 30px}.qtag{font-size:13px;color:#667891;font-weight:650;letter-spacing:.6px}h2{font-size:clamp(22px,3.2vw,29px);line-height:1.45;font-weight:650;margin:12px 0 18px;letter-spacing:-.4px}.audio{background:#edf3fa;font-size:14px;padding:10px 13px}.audio-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.options{display:grid;gap:11px}.option{text-align:left;display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid #d5dfed;background:white;line-height:1.5;border-radius:11px}.letter{flex-shrink:0;width:28px;height:28px;border:1px solid #d5dfed;border-radius:7px;text-align:center;font-size:14px;line-height:26px;font-weight:700}.option.correct{background:#e9f6ef;border-color:#26815b;color:#17633f}.option.wrong{background:#fff0f1;border-color:#d7495d;color:#a32137}.option.selected{border-color:#102d59;background:#eaf0fa}.option:disabled{cursor:default;opacity:1}.feedback{margin-top:22px;padding:21px;background:#f1f6fc;border-left:4px solid #102d59;border-radius:6px;line-height:1.65}.feedback strong{display:block;font-size:18px}.answer{font-size:20px;line-height:1.55;color:#102d59}.translation{font-size:16px;color:#586b84;line-height:1.65}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;flex-wrap:wrap}.primary{background:#102d59;color:white;font-weight:650}.primary:hover{background:#204779}.empty{text-align:center;padding:40px 25px}.score{font-size:60px;color:#102d59;font-weight:750;margin:20px 0 10px}footer{font-size:14px;color:#64758c;line-height:1.65;padding:21px 4px}summary{cursor:pointer;color:#102d59}a{color:#225ea6}details p{max-width:750px}#storage-note{color:#a32137}.exam-note{font-size:14px;margin:0 0 18px;color:#62738a}.review{border-top:1px solid #d9e3ef;margin-top:20px;padding-top:15px;text-align:left}.review p{margin:9px 0} @media(max-width:600px){header{padding:18px 18px}.total{display:none}main{padding:24px 16px}.topline{align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:1px}#mastered{font-size:12px;white-space:nowrap}h1{margin-top:10px}nav{gap:3px}nav button{padding:12px 10px;font-size:14px}.controls{align-items:stretch;flex-direction:column;gap:9px}.controls label{max-width:none}.controls .quiet{align-self:flex-end;font-size:14px;padding:8px 13px}.panel-top{padding:15px 18px;font-size:13px}.content{padding:23px 18px}.option{padding:13px;gap:10px;font-size:16px}h2{font-size:22px}.actions button{flex:1}.feedback{padding:16px}.brand small{font-size:13px}}

.result-percent{font-size:24px;font-weight:700;color:#17633f;margin:0 0 18px;line-height:1.4}

.question-translation{font-size:17px;line-height:1.6;color:#526783;margin:0 0 8px;border-left:3px solid #ccd9e9;padding-left:14px}.translation-toggle{background:transparent;text-decoration:underline;font-size:14px;color:#506986;padding:5px 0;min-height:36px;margin-bottom:10px}.answer-visuals{margin:22px 0 8px}.visual-gallery{display:grid;gap:18px}.visual-gallery.multiple{grid-template-columns:repeat(3,minmax(0,1fr))}.visual{margin:0;background:white;border-radius:12px;border:1px solid #d5dfed;overflow:hidden}.image-link{display:block;background:#fff}.visual img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.portrait img{height:310px;object-fit:contain;background:#f5f7fb}.multiple .portrait img{height:220px}.multiple .landscape img{height:170px;object-fit:cover}.symbol img{max-height:300px;padding:18px}.symbol img[src*="flag"]{min-height:130px;image-rendering:auto}.visual figcaption{padding:14px 16px;line-height:1.5}.visual figcaption strong{font-size:17px}.visual figcaption p{font-size:14px;color:#526783;margin:6px 0}.image-credit{font-size:12px;color:#61758f}.date-memory{background:#102d59;color:white;border-radius:10px;padding:20px;margin-bottom:18px;display:grid;gap:7px}.date-memory strong{color:white;font-size:clamp(22px,4vw,32px);letter-spacing:.5px}.date-memory span{font-size:15px;color:#d4e2f6}.review-status{font-size:16px;font-weight:700;margin-top:36px;color:#17633f}.review>.question-translation{margin-top:10px}@media(max-width:650px){.visual-gallery.multiple{grid-template-columns:1fr}.multiple .portrait img{height:270px}.multiple .landscape img{height:auto}.visual figcaption strong{font-size:17px}}