@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;font-size:16px;color:#152338;background:#f4f6f5;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #31a9a0;outline-offset:3px}.shell{width:min(1050px,calc(100% - 40px));margin:auto}.bar{background:#0c1829;color:#fff}.bar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.4rem;font-weight:800;letter-spacing:-.06em;text-decoration:none}.brand span{color:#e2f16c}.bar nav{display:flex;align-items:center;gap:20px}.bar a:hover{color:#e2f16c}.bar nav a{text-decoration:none;font-size:.92rem}.bar button{border:1px solid #657887;background:transparent;color:inherit;border-radius:25px;padding:9px 15px;font-size:.88rem}.intro{padding:55px 0 28px}.eyebrow{margin:0 0 13px;color:#316969;font-size:.78rem;font-weight:800;letter-spacing:.14em}.intro h1{font-size:clamp(2.7rem,6vw,4.9rem);line-height:1.1;letter-spacing:-.075em;margin:0 0 15px}.intro>p:not(.eyebrow){font-size:1.04rem;line-height:1.8;color:#4b5c66;max-width:750px}.notice{margin-top:22px;padding:18px 22px;border-left:4px solid #438a80;background:#e9eeeb;line-height:1.7;border-radius:0 7px 7px 0}.parts{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 35px}.part-tab{min-width:150px;flex:1;border:1px solid #cbd9d3;border-radius:8px;background:#fff;padding:13px 16px;text-decoration:none;font-weight:800;line-height:1.45}.part-tab small{display:block;color:#61737a;font-size:.74rem;font-weight:700;margin-top:3px}.part-tab.active{background:#0c1829;color:#fff;border-color:#0c1829}.part-tab.active small{color:#cedbd4}.exercise{background:#fff;border:1px solid #d7e1db;border-radius:12px;padding:clamp(22px,4vw,42px);margin:0 0 22px;box-shadow:0 12px 32px #1523380b}.exercise-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.exercise-heading h2{font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.055em;margin:0}.question-count{border-radius:40px;background:#e9eeeb;padding:8px 12px;font-size:.76rem;font-weight:800;white-space:nowrap}.instruction{font-weight:800;line-height:1.65;margin:22px 0 4px}.translation{color:#566970;line-height:1.7;margin:0 0 23px}.audio-card{display:grid;grid-template-columns:1fr 1.5fr;gap:13px 25px;align-items:center;padding:20px;background:#edf3f0;border-radius:8px;margin-bottom:29px}.audio-card strong{display:block;font-size:1rem}.audio-card span{display:block;font-size:.85rem;color:#556a6e;line-height:1.55}.audio-card audio{width:100%;min-width:0}.speed-controls{grid-column:2;display:flex;gap:8px}.speed-controls button{background:transparent;border:1px solid #b0c5bd;border-radius:5px;padding:7px 10px;font-size:.78rem;font-weight:800}.speed-controls button.chosen{background:#15454b;color:#fff}.question{border-top:1px solid #e1e9e6;padding:21px 0}.question-head{display:flex;gap:12px;align-items:baseline;font-weight:800;line-height:1.55}.number{flex:0 0 28px;background:#0c1829;color:#fff;text-align:center;border-radius:6px;padding:2px 4px;font-size:.81rem}.short-answer{display:block;margin:13px 0 0 40px;border:1px solid #9cb7ae;border-radius:6px;padding:11px 13px;width:min(360px,calc(100% - 40px));background:#fff;color:#152338}.question fieldset{border:0;padding:5px 0 0 40px;margin:0}.question legend{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.choice{display:flex;align-items:start;gap:10px;padding:6px 0;line-height:1.55;font-size:.95rem}.choice input{margin-top:6px;accent-color:#226f68}.feedback{margin:12px 0 0 40px;padding:12px 15px;border-radius:6px;line-height:1.55;background:#fff1eb;color:#723b2c}.question.correct .feedback{background:#e5f4ec;color:#205b44}.feedback p{margin:4px 0 0}.part-result{border-radius:7px;background:#0c1829;color:white;padding:15px 18px;font-weight:800}.transcript{border-top:1px solid #d7e1db;margin-top:23px;padding-top:17px}.transcript summary{font-weight:800;color:#2a6961;cursor:pointer}.transcript div{margin-top:18px;color:#445760;line-height:1.75}.transcript p{margin:0 0 14px}.transcript strong{color:#152338}.submit-panel{border-radius:11px;background:#0c1829;color:#fff;padding:26px 30px;margin:25px 0 38px;display:flex;align-items:center;flex-wrap:wrap;gap:13px 24px}.submit-panel p:first-child{flex:1;min-width:260px;line-height:1.65;margin:0}.submit-panel button{border:0;border-radius:7px;background:#e2f16c;color:#0c1829;padding:15px 19px;font-weight:800;min-height:50px}.submit-panel #total-result{width:100%;margin:0;font-size:1rem;font-weight:800}.source{font-size:.82rem;color:#5d6f74;line-height:1.7;margin:0 0 65px}.source a{color:#236f68}.footer .shell{display:flex;justify-content:space-between;gap:20px;padding:27px 0;font-size:.82rem}.footer a{text-decoration:none}
[data-theme="dark"]{color-scheme:dark;color:#e8eee9;background:#101c2b}[data-theme="dark"] .eyebrow{color:#91d5c8}[data-theme="dark"] .intro>p:not(.eyebrow),[data-theme="dark"] .translation,[data-theme="dark"] .source{color:#b7c7cb}[data-theme="dark"] .notice,[data-theme="dark"] .question-count,[data-theme="dark"] .audio-card{background:#263d4b}[data-theme="dark"] .exercise,[data-theme="dark"] .part-tab{background:#1e3144;border-color:#3d5262;box-shadow:none}[data-theme="dark"] .part-tab.active{background:#e2f16c;color:#0c1829}[data-theme="dark"] .part-tab small,[data-theme="dark"] .audio-card span,[data-theme="dark"] .transcript div{color:#bfd0d1}[data-theme="dark"] .part-tab.active small{color:#355354}[data-theme="dark"] .question,[data-theme="dark"] .transcript{border-color:#425669}[data-theme="dark"] .short-answer{background:#263d4b;color:#fff;border-color:#6c888e}[data-theme="dark"] .feedback{background:#5a3840;color:#ffe3df}[data-theme="dark"] .question.correct .feedback{background:#235446;color:#e0f8e7}[data-theme="dark"] .transcript summary,[data-theme="dark"] .transcript strong,[data-theme="dark"] .source a{color:#9edccc}
@media(max-width:700px){.bar nav{gap:12px}.bar nav button span{display:none}.intro{padding-top:34px}.parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.part-tab{min-width:0}.exercise-heading{display:block}.question-count{display:inline-block;margin-top:14px}.audio-card{grid-template-columns:1fr}.speed-controls{grid-column:1}.submit-panel{padding:23px}.submit-panel button{width:100%}.bar nav a{font-size:.79rem}}@media(max-width:420px){.shell{width:calc(100% - 28px)}.parts{grid-template-columns:1fr}.question-head{align-items:start}.question fieldset{padding-left:0}.short-answer,.feedback{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}