/* Nova Auto: tactile controls, calm surfaces and consistent visual hierarchy. */
:root{--ink:#173c34;--forest:#164d3d;--lime:#d9f58a;--line:#dce5d9;--surface:#fff;--shadow:0 12px 32px #173b3110}body{font-family:Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}main{padding:30px 40px 36px;max-width:1510px}h1{font-weight:780;letter-spacing:-1.15px}p{color:#60766a}header{padding-bottom:22px;border-bottom:1px solid #284b3414;margin-bottom:30px;letter-spacing:.06em}header>span:first-child{font-size:10px;font-weight:650}.avatar{display:flex;align-items:center;gap:10px;padding:7px 15px 7px 7px;border:1px solid #dbe6d6;box-shadow:0 3px 10px #203d2405;letter-spacing:0}.avatar-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:linear-gradient(145deg,#e4f7bc,#c4de9c);color:#315b35;font-weight:800;font-size:13px;box-shadow:inset 0 1px #fff}.avatar small{display:block;font-size:9px;color:#81917e;margin-top:2px}aside{padding:27px 20px;border-right:1px solid #dfe8d9;box-shadow:4px 0 26px #12372605}.brand-image{margin:0 -5px 24px}.nav-caption{display:block;font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8b9a8b;padding:3px 12px 10px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:11px;min-height:44px;margin:0;padding:8px 11px;border-radius:12px;border:1px solid transparent;font-size:12px;font-weight:550;color:#6a7c71;transition:transform .18s,background .18s,box-shadow .18s}.nav-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:linear-gradient(145deg,#f6f8f2,#e8eee1);box-shadow:inset 0 1px 1px #fff,0 2px 2px #213a1d08;font-size:16px;color:#6a8069;flex-shrink:0}nav button.active{background:linear-gradient(140deg,#245c46,#153f32);color:#f4f9ec;border-color:#194431;box-shadow:inset 0 1px #87b18366,0 3px 0 #0f3028,0 8px 13px #183e3016}.active .nav-icon{background:linear-gradient(145deg,#e3f8b7,#b8da7d);color:#214b33;box-shadow:inset 0 1px #f9ffe1,0 2px 0 #8bad60}.asidefoot{margin-top:24px;background:radial-gradient(ellipse at top right,#396e4d,#193f32);color:#b7cdb6;border:1px solid #426b4c;padding:17px 16px;box-shadow:inset 0 1px #ffffff14,0 4px 0 #102f25;border-radius:14px;font-size:10px}.asidefoot strong{display:block;color:#e4f6c5;font-size:12px;margin:3px 0}button.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;line-height:1.35;padding:13px 21px;border:1px solid #b6d76f;border-top-color:#eefec4;border-radius:12px;background:linear-gradient(165deg,#edffba 0%,#d7f28b 42%,#c6e777 100%);color:#21432f;box-shadow:inset 0 1px 0 #ffffffc7,0 4px 0 #8ea957,0 8px 14px #2545221a;text-shadow:0 1px #ffffff66;font-size:12px;font-weight:750;letter-spacing:.01em;transition:transform .16s,box-shadow .16s,filter .16s;will-change:auto}button.btn.secondary{background:linear-gradient(160deg,#ffffff,#f0f5e9 60%,#e4eddc);color:#315b43;border-color:#d0ddc6;border-top-color:white;box-shadow:inset 0 1px #fff,0 4px 0 #bdcdb1,0 7px 11px #3153340b;text-shadow:none}button.btn:active{transform:translateY(4px);box-shadow:inset 0 2px 3px #29421c1c,0 0 0 #8ea957,0 2px 5px #25452213}button.btn.secondary:active{box-shadow:inset 0 2px 4px #31533414,0 0 0 #bdcdb1}button.btn:disabled{filter:grayscale(.5);opacity:.6;cursor:default;transform:none}button:focus-visible,a:focus-visible{outline:3px solid #058367;outline-offset:5px}button.link{border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;min-height:36px}.hero{box-shadow:inset 0 1px #91bd8d44,0 8px 0 #163a2d,0 20px 35px #173d2e1a;margin-bottom:30px}.hero h2{font-weight:750}.hero .tag{font-weight:700;letter-spacing:2px}.hero .btn{margin-top:4px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:26px 0}.quick-btn{display:flex;align-items:center;text-align:left;gap:14px;min-height:88px;padding:15px 18px;background:linear-gradient(150deg,#ffffff,#f3f7ed);border:1px solid #d8e4ce;border-top-color:#fff;border-radius:16px;box-shadow:inset 0 1px #fff,0 5px 0 #cedbc1,0 11px 20px #1d452e09;color:#294d37;transition:transform .17s,box-shadow .17s}.quick-btn>span:first-child{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:linear-gradient(145deg,#346750,#184735);border:1px solid #35634b;border-top-color:#668d65;border-radius:13px;color:#ddf5ac;font-size:24px;box-shadow:inset 0 1px #a2c29266,0 3px 0 #103325,0 6px 9px #193c2525}.quick-btn:nth-child(2)>span:first-child{background:linear-gradient(145deg,#eef8cb,#c4dc91);border-color:#b6cd83;border-top-color:white;color:#4c6332;box-shadow:inset 0 1px #fff,0 3px 0 #9eb570,0 6px 9px #193c2510}.quick-btn strong{display:block;font-size:13px;font-weight:750}.quick-btn small{display:block;font-size:10px;color:#83917c;margin-top:5px}.quick-btn:active{transform:translateY(5px);box-shadow:inset 0 2px 4px #1e4b2410,0 0 0 #cedbc1}.stats{gap:17px}.stat{position:relative;padding:22px 24px;border-radius:17px;background:linear-gradient(145deg,#fff,#fbfdf7);border:1px solid #e0e7d9;box-shadow:inset 0 1px #fff,0 4px 0 #d9e2d1,0 10px 20px #24432b08}.stat>span{font-size:11px;font-weight:600}.stat strong{font-size:31px;color:#234735;letter-spacing:-1px;margin:9px 0}.stat small{font-size:10px;color:#6b8863}.stat::after{position:absolute;right:20px;top:21px;content:'▤';display:grid;place-items:center;width:30px;height:30px;font-size:16px;color:#66815a;border-radius:10px;background:linear-gradient(145deg,#f0f6e6,#e3ebd7);box-shadow:inset 0 1px #fff,0 2px 0 #d3dec5}.stat:nth-child(2)::after{content:'✓'}.stat:nth-child(3)::after{content:'↻'}.sectionhead{margin:34px 0 18px}.sectionhead h2{font-size:19px;font-weight:750;letter-spacing:-.4px}.grid{gap:19px}.card{padding:22px;border:1px solid #dfe7d8;border-top-color:#fff;border-radius:19px;background:#fffffff7;box-shadow:inset 0 1px #fff,0 4px 0 #d8e1ce,0 14px 28px #1d42260a;transition:transform .2s,box-shadow .2s}.module-kicker{font-size:8px;letter-spacing:1.7px;font-weight:750;color:#96a18a;display:block;margin:1px 0 14px}.card h3{font-weight:750;letter-spacing:-.25px}.card>p{line-height:1.7;margin-bottom:14px}.card>.muted{font-size:10px;color:#8b987e}.card .lesson-art{border-radius:12px;border:1px solid #edf0e8}.card>.btn{width:100%;margin-top:auto;margin-bottom:5px}.panel{border-radius:22px;padding:32px;border-color:#dce5d4;background:#fffffff7;box-shadow:inset 0 1px white,0 6px 0 #d9e3ce,0 20px 45px #1d3f2810}.panel>.btn{margin-right:7px;margin-bottom:10px}.panel h2{letter-spacing:-.5px}.panel h1{font-size:29px}.audio-bar{gap:13px;background:linear-gradient(135deg,#f0f6e8,#e6efdc);border:1px solid #dae6cb;box-shadow:inset 0 1px #fff;border-radius:15px;padding:18px}.audio-bar .btn{font-size:11px;min-height:41px;padding:10px 14px}.audio-bar select,.video-promo select{border-color:#ccdaba;box-shadow:inset 0 2px 3px #35582c0b,0 1px white;border-radius:8px;color:#3b5a37}.audio-status{color:#768a66;font-size:11px}.option{display:flex;align-items:center;gap:14px;min-height:65px;padding:13px 17px;border:1px solid #d6e1cb;border-top-color:white;border-radius:14px;background:linear-gradient(155deg,#fff,#f9fbf4);box-shadow:inset 0 1px white,0 4px 0 #d2ddc6,0 7px 13px #193e2406;color:#2c4935;font-size:14px;line-height:1.55;transition:transform .16s,background .16s,box-shadow .16s}.option-letter{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;background:linear-gradient(150deg,#f2f7e8,#e3ebd5);border:1px solid #d9e3c8;border-radius:9px;font-size:12px;font-weight:750;color:#687f54;box-shadow:inset 0 1px white,0 2px 0 #d0dcbf}.option[aria-pressed="true"]{background:linear-gradient(140deg,#28634b,#164b38);color:white;border-color:#175137;box-shadow:inset 0 1px #76a47b66,0 4px 0 #0b3526,0 8px 15px #153e2914}.option[aria-pressed="true"] .option-letter{background:linear-gradient(140deg,#edffbd,#c6e383);color:#34502a;border-color:#c5e586;box-shadow:inset 0 1px white,0 2px 0 #9cba66}.option.correct{background:linear-gradient(145deg,#ecf8e9,#def0d5);border-color:#88b274;color:#23532d;box-shadow:inset 0 1px #fff,0 4px 0 #afcb98}.option.wrong{background:linear-gradient(145deg,#fff4ee,#fae5dd);border-color:#d99d88;color:#8b4032;box-shadow:inset 0 1px #fff,0 4px 0 #dfb5a4}.option:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 3px #234a2111,0 1px 0 #d2ddc6}.option:disabled{opacity:1;cursor:default}.options{gap:16px;margin:24px 0}.feedback{background:#eff6e6;border:1px solid #dce9cb;border-radius:13px;padding:18px;font-size:14px}.progress{height:8px;box-shadow:inset 0 1px 3px #3e5e2d15;background:#e7eedf}.progress i{background:linear-gradient(90deg,#3e7d55,#a9d478);border-radius:8px}.question-timer{background:linear-gradient(145deg,#f0f7e7,#e2eed5);border:1px solid #d4e3c1;box-shadow:inset 0 1px #fff}.time-track{box-shadow:inset 0 1px 2px #3450231a}.motion-toggle{box-shadow:inset 0 1px #96b38222,0 3px 0 #102f26;border-bottom-color:#143c2b;padding:10px 13px;transition:transform .15s}.motion-toggle:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #102f2655,0 1px 0 #102f26}footer{border:1px solid #e1e9d6;font-size:10px;line-height:1.9}.video-cover img{border:1px solid #dde7d1}.video-promo{border:1px solid #dce7cf;border-radius:14px}@media(hover:hover) and (pointer:fine){nav button:not(.active):hover{background:#f0f5e8;border-color:#dfe8d3;transform:translateX(2px)}button.btn:hover{filter:brightness(1.035);transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 5px 0 #8ea957,0 11px 20px #2545221c}button.btn.secondary:hover{box-shadow:inset 0 1px #fff,0 5px 0 #bdcdb1,0 11px 18px #31533410}.quick-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px white,0 7px 0 #cedbc1,0 16px 24px #1d452e0e}.card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 7px 0 #d8e1ce,0 20px 32px #1d422612}.option:not(:disabled):not([aria-pressed="true"]):hover{border-color:#a8c294;background:linear-gradient(145deg,#fff,#f2f7e8)}button.btn:active{transform:translateY(4px);box-shadow:inset 0 2px 3px #29421c1c,0 0 0 #8ea957}.quick-btn:active{transform:translateY(5px);box-shadow:inset 0 2px 4px #1e4b2410,0 0 0 #cedbc1}}
@media(max-width:950px){aside{padding:25px 14px}main{padding:25px}.nav-caption{font-size:8px;letter-spacing:1.4px;padding-left:10px}nav button{gap:8px;padding:8px;font-size:11px}.nav-icon{width:26px;height:26px;font-size:14px}.quick-btn{padding:13px;gap:10px}.quick-btn strong{font-size:12px}.quick-btn>span:first-child{width:35px;height:38px;font-size:21px}.stat{padding:19px}.stat::after{right:14px;top:16px;width:26px;height:26px}.stat strong{font-size:28px}.avatar small{display:none}}
@media(max-width:650px){aside{padding:17px 17px 15px;box-shadow:0 4px 20px #143a2306}.brand-image{margin:-4px 0 8px}.nav-caption{display:none}nav{display:flex;gap:9px;padding:4px 2px 7px;overflow:auto;scrollbar-width:thin}.brand-image+nav{margin-top:4px}nav button{display:flex;min-height:40px;flex-shrink:0;border-radius:11px;padding:6px 9px;font-size:11px}.nav-icon{width:22px;height:24px;font-size:13px;border-radius:7px}.asidefoot{display:none}main{padding:21px 17px 30px}header{padding-bottom:17px;margin-bottom:24px;gap:10px}header>span:first-child{font-size:8px;letter-spacing:.1em;max-width:145px;line-height:1.6}.avatar{padding:5px 8px 5px 5px;gap:6px;font-size:10px}.avatar-mark{width:27px;height:27px;font-size:11px}.hero{box-shadow:inset 0 1px #91bd8d44,0 6px 0 #163a2d,0 13px 25px #173d2e14;margin-top:22px;margin-bottom:23px}.hero h2{font-size:29px}.hero .btn{font-size:12px;min-height:46px;width:100%;max-width:300px}.quick-actions{gap:9px;margin:24px 0}.quick-btn{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 10px;min-height:116px;border-radius:13px;box-shadow:inset 0 1px #fff,0 4px 0 #cedbc1,0 8px 16px #1d452e09}.quick-btn>span:first-child{width:33px;height:33px;font-size:20px;border-radius:10px}.quick-btn strong{font-size:11px;line-height:1.35}.quick-btn small{font-size:9px;margin-top:4px}.stats{gap:9px}.stat{padding:13px 10px}.stat::after{display:none}.stat>span{font-size:9px}.stat strong{font-size:25px}.stat small{font-size:9px;line-height:1.5;display:block}.sectionhead{margin-top:29px}.sectionhead h2{font-size:17px}.sectionhead .link{font-size:10px;white-space:nowrap}.card{padding:20px}.panel{padding:23px 19px;border-radius:18px}.panel h1{font-size:25px}.panel>.btn{max-width:100%;padding-left:15px;padding-right:15px}.audio-bar{padding:14px;gap:12px}.option{padding:12px;gap:11px;font-size:13px}.option-letter{width:29px;height:29px}.question-timer{padding:15px}.question-timer>div:first-child{flex-direction:row;align-items:center}.question-timer strong{font-size:21px}footer{padding:16px;font-size:9px}}
@media(prefers-reduced-motion:reduce){button.btn,.card,.quick-btn,nav button,.option,.motion-toggle{transition:none!important}.card:hover,.quick-btn:hover,button.btn:hover,nav button:hover{transform:none!important}}

#correction-video{width:100%;aspect-ratio:16/9;background:#103e36;border-radius:14px}#correction-chapter{display:block;width:100%;max-width:100%;font:inherit;padding:12px;margin:10px 0 20px;border:1px solid #b8cec1;border-radius:10px;background:#f5f9f1}#exam-correction .sectionhead{margin-top:0}#exam-correction button:disabled{opacity:.4;cursor:default}#correction-transcript p{color:#344e47}