@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#080e19;--panel:#101927;--line:#233044;--muted:#8290a7;--cyan:#69f4d2;--text:#edf4fc}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button{transition:transform .2s,background .2s,box-shadow .2s}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}svg{flex-shrink:0}p{line-height:1.8}.app{min-height:100vh;display:flex}.sidebar{z-index:30;background:#0b1320;border-right:1px solid #202b3b;flex-direction:column;width:246px;padding:32px 21px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;align-items:center;gap:11px;font:700 26px Space Grotesk,sans-serif;display:flex}.brand-symbol{width:43px;height:46px;color:var(--cyan);background:linear-gradient(140deg,#193e3c,#122126);border:1px solid #65f3d264;border-radius:13px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 25px #60efd316}.brand-sub{letter-spacing:1.6px;color:#8293a8;margin-top:4px;font:500 8px Space Grotesk,sans-serif;display:block}.space-label{letter-spacing:1.8px;color:#68778e;margin:51px 10px 17px;font:500 9px Space Grotesk,sans-serif}.nav-item{text-align:left;color:#94a2b9;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:14px 12px;font-size:13px;display:flex}.nav-item.selected{color:var(--cyan);box-shadow:inset 3px 0 var(--cyan);background:linear-gradient(90deg,#163b36,#142830);border-color:#2c5b51}.nav-item small{background:#1c2b3a;border-radius:4px;margin-left:auto;padding:2px 6px;font-family:Space Grotesk}.sidebar-course{color:#b8c9d6;background:radial-gradient(at 100% 0,#203a40,#0000 80%),#101b29;border:1px solid #293548;border-radius:12px;margin-top:44px;padding:19px}.tiny-chip{letter-spacing:1.5px;color:var(--cyan);margin-bottom:25px;font:9px Space Grotesk;display:block}.sidebar-course>svg{color:#7ee8d5}.sidebar-course h4{margin:13px 0 4px;font-size:20px}.sidebar-course p{color:#9aaabd;margin:0;font-size:11px}.divider{background:#2b3b48;height:1px;margin:18px 0 13px}.sidebar-course{font-size:10px}.status-dot,.online i{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 9px #5df4c891}.sidebar-bottom{border-top:1px solid #202b3b;align-items:center;gap:9px;margin:auto -21px 0;padding:20px 13px;display:flex}.avatar{color:#a8b9cd;background:#253348;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.sidebar-bottom strong{font-size:10px;display:block}.sidebar-bottom small{color:#6e8098;margin-top:3px;font-size:9px;display:block}.sidebar-bottom .icon-button{margin-left:auto}.icon-button{color:#91a0b5;background:0 0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.app>main{flex:1;min-width:0;margin-left:246px}header{background:#0b1220;border-bottom:1px solid #1b2839;justify-content:space-between;align-items:center;height:79px;padding:0 38px;display:flex;position:relative}.breadcrumb{color:#7b8ca3;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb b{color:#c4cedc;font-weight:400}.header-actions{align-items:center;gap:20px;display:flex}.online{color:#91a397;font-size:10px}.notification{position:relative}.notification>i{background:var(--cyan);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:8px}.login-button{background:#152031;border:1px solid #2b3b4f;border-radius:7px;align-items:center;gap:10px;padding:9px 14px;font-size:11px;display:flex}.content{max-width:1590px;margin:0 auto;padding:33px 38px 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.7px;color:#7e94ab;font:500 9px Space Grotesk,sans-serif}.eyebrow>span{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.page-heading h1{letter-spacing:-.5px;margin:10px 0 5px;font-size:26px}.page-heading p{color:var(--muted);margin:0;font-size:11px}.course-code{color:#8f9db1;border:1px solid #2a3648;border-radius:6px;padding:9px 13px;font-size:10px}.course-code b{color:#dbe8ee;margin-left:7px;font:500 12px Space Grotesk}.hero{background:radial-gradient(at 80% 45%,#164d492e,#0000 52%),linear-gradient(110deg,#12232c,#0d1725 60%,#101e2b);border:1px solid #294246;border-radius:17px;min-height:398px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;width:60%;padding:34px 36px;position:relative}.pill{letter-spacing:1.2px;color:#8df4d7;background:#1a3b36b3;border:1px solid #35635b;border-radius:30px;align-items:center;gap:7px;padding:7px 10px;font:9px Space Grotesk;display:inline-flex}.hero h2{letter-spacing:-.8px;margin:20px 0 0;font-size:37px;font-weight:600;line-height:1.45}.hero h2 span:not(.title-dot),.title-dot{color:var(--cyan)}.english-title{color:#acbdc9;letter-spacing:.4px;margin:9px 0 17px;font:15px Space Grotesk}.hero-description{color:#8da6b6;margin:0 0 21px;font-size:11px}.hero-buttons{align-items:center;gap:13px;display:flex}.primary{color:#082b27;background:linear-gradient(155deg,#96ffdf,#49d6b7);border:1px solid #9fffe2;border-radius:8px;justify-content:center;align-items:center;gap:13px;padding:11px 18px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 4px #248872,0 7px 22px #4ce4bd20,inset 0 1px #d6fff5}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #248872,0 10px 25px #4ce4bd33}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #248872}.ghost{color:#c3d0dc;background:#17253266;border:1px solid #354755;border-radius:7px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;display:inline-flex}.hero-meta{color:#86a29e;gap:18px;margin-top:23px;font-size:9px;display:flex}.hero-meta span{align-items:center;gap:5px;display:flex}.hero-meta span+span{border-left:1px solid #33464b;padding-left:17px}.hero-art{width:46%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.art-grid{background-image:linear-gradient(#61f8d414 1px,#0000 1px),linear-gradient(90deg,#61f8d414 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:35% -30% -50%;transform:perspective(280px)rotateX(55deg);-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.orbit{border:1px solid #5becc626;border-radius:50%;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.orbit-one{width:310px;height:310px}.orbit-two{width:360px;height:220px;transform:translate(-50%,-50%)rotate(-35deg)}.orbit-three{width:410px;height:140px;transform:translate(-50%,-50%)rotate(35deg)}.scales-object{color:#a0ffe0;filter:drop-shadow(3px 5px #31927e)drop-shadow(0 0 28px #6df6cf65);z-index:2;width:180px;height:180px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.scales-object svg{width:100%;height:100%}.platform{background:linear-gradient(#27574e,#112e32);border:1px solid #7df8cf8a;border-radius:50%;width:195px;height:65px;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px #0b292b,0 10px #396e5d,0 0 45px #66eac322}.platform-two{z-index:0;width:240px;height:75px;box-shadow:none;background:0 0;border-color:#67f6c828;top:76%}.platform-one{z-index:1}.floating-tag{color:#9af2d5;z-index:4;background:#142b2ee6;border:1px solid #4e8e7666;border-radius:7px;align-items:center;gap:9px;padding:11px 12px;font:9px Space Grotesk;display:flex;position:absolute;box-shadow:0 5px 20px #0002}.tag-one{top:15%;right:10%;transform:rotate(5deg)}.tag-one i{background:#a6fbd6;border-radius:50%;width:5px;height:5px}.tag-two{bottom:18%;left:6%;transform:rotate(-5deg)}.tag-two small{color:#7eafa4;margin-top:4px;font-size:8px;display:block}.art-caption{white-space:nowrap;color:#729d95;letter-spacing:2.2px;font:8px Space Grotesk;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:21px 0 34px;display:grid}.stat{background:linear-gradient(120deg,#141e2d,#101825);border:1px solid #253143;border-radius:10px;align-items:center;gap:13px;padding:19px 16px;display:flex;position:relative}.stat-icon{border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.stat-icon svg{width:19px}.cyan{color:#72efd4;background:#173b3a}.violet{color:#bfa1ff;background:#2b2546}.amber{color:#f0ce7c;background:#383326}.stat small{color:#90a0b4;font-size:10px}.stat strong{margin-top:6px;font:500 25px Space Grotesk;display:block}.stat strong span{color:#78889f;font-family:IBM Plex Sans Thai;font-size:10px;font-weight:400}.stat-label{color:var(--cyan);background:#213e36;border-radius:4px;padding:3px 5px;font-size:7px;position:absolute;top:12px;right:10px}.progress-stat{display:block}.progress-stat>div:first-child{justify-content:space-between;align-items:center;display:flex}.progress-stat strong{color:var(--cyan);margin:0;font-size:20px}.progress-track{background:#273449;border-radius:5px;height:5px;margin:11px 0 7px;overflow:hidden}.progress-track span{background:var(--cyan);height:100%;transition:width .3s;display:block}.progress-stat>small{color:#6b7b91;font-size:8px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px;display:flex}.section-heading h2{margin:8px 0 0;font-size:20px;font-weight:500}.count-badge{color:#90a3b8;vertical-align:middle;background:#172536;border:1px solid #2c3d4f;border-radius:5px;margin-left:8px;padding:4px 7px;font:11px Space Grotesk}.text-button{color:#a4b4c7;background:0 0;align-items:center;gap:9px;font-size:10px;display:flex}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.unit-card{background:#111b29;border:1px solid #293649;border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.unit-card:hover{border-color:#5dc7b280;transform:translateY(-4px)}.card-visual{color:#75eacc;background:radial-gradient(at 60% 65%,#255b56,#122b31 70%);height:147px;position:relative;overflow:hidden}.unit-number{letter-spacing:1.6px;background:#ffffff08;border:1px solid #ffffff20;border-radius:4px;padding:5px 8px;font:10px Space Grotesk}.card-visual>.unit-number{position:absolute;top:16px;left:17px}.unit-art{filter:drop-shadow(2px 3px #ffffff12)drop-shadow(0 0 24px);width:95px;height:95px;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)rotate(-9deg)}.visual-lines{border:1px solid #ffffff09;border-radius:50%;width:190px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.visual-lines:after{content:"";border:1px dashed #ffffff12;border-radius:50%;position:absolute;inset:19px}.visual-code{letter-spacing:1.5px;opacity:.5;font:7px Space Grotesk;position:absolute;bottom:12px;left:16px}.tone-1 .card-visual{color:#b7b0ff;background:radial-gradient(at 60% 65%,#33365f,#1a233c 70%)}.tone-2 .card-visual{color:#89d5ff;background:radial-gradient(at 60% 65%,#284c66,#152b3e 70%)}.tone-3 .card-visual{color:#e4adf3;background:radial-gradient(at 60% 65%,#5a3e61,#302039 70%)}.tone-4 .card-visual{color:#f2d58d;background:radial-gradient(at 60% 65%,#5e5030,#2f2a20 70%)}.card-body{padding:21px 19px 17px}.card-eyebrow{letter-spacing:1.1px;color:var(--cyan);font:8px Space Grotesk}.card-eyebrow>span{float:right;color:#71869e;letter-spacing:0;font:9px IBM Plex Sans Thai}.card-body h3{min-height:53px;margin:11px 0 8px;font-size:16px;font-weight:500;line-height:1.65}.card-body>p{color:#8394aa;min-height:36px;margin:0 0 18px;font-size:10px;line-height:1.8}.card-meta{color:#8798ac;gap:14px;font-size:9px;display:flex}.card-meta>span{align-items:center;gap:5px;display:flex}.card-button{color:#cae1df;background:0 0;border-top:1px solid #293447;justify-content:space-between;align-items:center;width:100%;margin-top:18px;padding:10px 0 0;font-size:11px;display:flex}.card-button svg{color:var(--cyan)}.done-badge{background:#183d33;border:1px solid #407f67;border-radius:5px;align-items:center;gap:3px;padding:3px 5px;font-size:9px;display:flex;position:absolute;top:17px;right:10px}.bottom-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;display:grid}.teacher-card,.tip-card{background:#111b29;border:1px solid #273448;border-radius:10px;align-items:center;gap:15px;padding:19px;display:flex}.teacher-avatar{color:#a0d5d1;background:#263a42;border:1px solid #3c5b60;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.teacher-card h3{margin:6px 0 0;font-size:14px;font-weight:500}.teacher-card p,.tip-card p{color:#8394ab;margin:4px 0 0;font-size:9px}.teacher-card>.lucide{color:#7bc4b5;margin-left:auto}.tip-icon{color:#e2cb8d}.tip-card h4{margin:0;font-size:12px;font-weight:500}.tip-card>.lucide{color:#718398;margin-left:auto}footer{color:#61728a;border-top:1px solid #202d3f;justify-content:space-between;align-items:center;margin-top:35px;padding:21px 0;font-size:9px;display:flex}.footer-brand{color:#9cb6b8;align-items:center;gap:6px;font:600 12px Space Grotesk;display:flex}.footer-brand>span{letter-spacing:1px;color:#5e7485;margin-left:6px;font-size:7px}.menu{display:none}.notification-panel{z-index:45;background:#162333;border:1px solid #3e5c66;border-radius:10px;max-width:330px;padding:22px;position:absolute;top:67px;right:35px;box-shadow:0 20px 60px #0008}.notification-panel p{color:#adbecf;font-size:12px}.notification-panel small{color:var(--cyan);font-size:10px}.toast{z-index:100;background:#132e2d;border:1px solid #4eb69e;border-radius:12px;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:15px;animation:.25s slide-in;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 50px #0009,0 0 35px #52e4bb18}.toast>div{color:var(--cyan)}.toast>span{font-size:12px}.toast button,.error button{color:inherit;background:0 0;margin-left:auto;display:flex}.error{color:#ffc4c9;background:#44212e;border:1px solid #8e4454;border-radius:8px;align-items:center;gap:12px;margin-bottom:18px;padding:13px 16px;font-size:12px;display:flex}.warning{color:#f4d692;background:#3d3423;border:1px solid #6c5a34;border-radius:8px;margin-bottom:18px;padding:13px;font-size:12px}.warning button{color:#fff1c6;background:0 0;margin-left:12px}.lesson-panel{background:#111b29;border:1px solid #2a3c4c;border-radius:14px;padding:28px}.lesson-heading{padding:10px 0 18px}.lesson-heading .unit-number{color:var(--cyan)}.lesson-heading h2{margin:18px 0 4px;font-size:25px}.lesson-heading p{color:#8599b2;font-family:Space Grotesk}.tabs{border-bottom:1px solid #2a3b4d;gap:8px;margin-bottom:22px;padding-bottom:14px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;color:#8fa4bd;background:#192638;border-radius:7px;padding:10px 14px;font-size:12px}.tabs button.active{color:var(--cyan);background:#193b38;border:1px solid #356456}.lesson-tools{color:#8c9eb5;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.lesson-text{white-space:pre-wrap;color:#c2d0e0;max-width:850px;margin:28px auto 35px;font-size:15px;line-height:2}.lesson-text p{line-height:2.1}.instructions{border-left:3px solid var(--cyan);color:#a9c5cd;background:#142930;border-radius:5px;margin:20px 0;padding:18px;font-size:13px}.instructions p{margin:7px 0 0;font-size:12px}.prompt{background:#182536;border:1px solid #2c3e52;border-radius:8px;margin:12px 0;padding:17px;line-height:1.9}.answer-label{margin:25px 0 10px;font-size:13px;display:block}input,textarea{color:#edf5fc;background:#0c1624;border:1px solid #35475b;border-radius:7px;outline:none;width:100%;padding:12px}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #69f4d210}textarea{resize:vertical;line-height:1.9}.submit-row{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.submit-row small{color:#8599b1;font-size:11px}fieldset{border:1px solid #2a3d52;border-radius:10px;margin:25px 0;padding:20px}legend{padding:0 10px;font-size:14px;line-height:1.9}.option{cursor:pointer;background:#152233;border:1px solid #2b3e53;border-radius:7px;align-items:center;gap:12px;margin-bottom:9px;padding:13px;font-size:13px;display:flex}.option input{width:15px;accent-color:var(--cyan);flex-shrink:0}.option>span{color:#7cbfb7}.option.chosen{background:#183933;border-color:#55b59d}.empty{text-align:center;color:#9bacc1;border:1px dashed #334a5d;border-radius:14px;padding:55px 20px}.empty>svg{color:var(--cyan)}.empty h2{color:#edf6fc;font-size:20px}.empty .primary{margin-top:14px}.score-banner{background:linear-gradient(120deg,#163c37,#122131);border:1px solid #356557;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:30px;display:flex}.score-banner h2{font-weight:500}.score-banner p{color:#91b1b3;font-size:12px}.score-banner>strong{color:var(--cyan);font:55px Space Grotesk}.score-banner>strong span{color:#93aaa9;font-size:20px}.table-wrap{border:1px solid #2a3b50;border-radius:11px;overflow:auto}table{border-collapse:collapse;background:#101c2b;width:100%;min-width:650px;font-size:12px}th{text-align:left;color:#a0b6c9;background:#18293a;font-weight:500}th,td{border-bottom:1px solid #28394c;padding:17px 15px}tr:last-child td{border-bottom:0}.feedback{color:#869bb3;max-width:220px;margin-top:7px;font-size:10px;display:block}.score-value{color:var(--cyan);font:600 18px Space Grotesk}.review-title{margin-top:35px;font-size:21px}.review-card{background:#132131;border:1px solid #2a3d51;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px;display:flex}.review-card p{color:#8ba2bc;margin:5px 0 0;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:80;background:#030913cb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(140deg,#172c35,#101a29 60%);border:1px solid #35564f;border-radius:18px;width:430px;max-width:100%;max-height:90vh;padding:35px;position:relative;overflow-y:auto;box-shadow:0 35px 100px #0008}.modal h2{margin:23px 0 10px;font-size:22px}.modal>p{color:#94aabe;font-size:12px}.modal-close{position:absolute;top:14px;right:14px}.modal form label{color:#b7c7d8;margin:22px 0 8px;font-size:12px;display:block}.modal input,.modal textarea{margin-top:9px}.modal form>.primary{width:100%;margin-top:23px}.modal>small{text-align:center;color:#617d95;margin-top:25px;font-size:10px;display:block}.grade-modal{width:740px}.submitted-answer{white-space:pre-wrap;background:#0e1b2a;border:1px solid #30465c;border-radius:8px;max-height:40vh;padding:20px;font-size:13px;line-height:2;overflow:auto}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1450px){.unit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.card-body h3{min-height:80px}.card-body>p{min-height:58px}.hero{min-height:420px}.hero h2{font-size:43px}.hero-content{padding:35px 42px}.hero-art{width:48%}.scales-object{width:205px;height:205px}}@media (max-width:1150px){.sidebar{width:215px;padding-left:16px;padding-right:16px}.app>main{margin-left:215px}.content{padding:27px 24px 0}header{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:31px}.hero-content{width:65%;padding:30px 25px}.hero-art{opacity:.85;width:42%}.scales-object{width:145px;height:145px}.floating-tag{padding:8px;font-size:7px}.tag-two{left:0}.hero-meta{gap:9px}.hero-meta span+span{padding-left:9px}.bottom-grid{grid-template-columns:1fr}.breadcrumb b{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.header-actions{gap:10px}.online{display:none}}@media (max-width:760px){.sidebar{width:246px;transition:transform .2s;transform:translate(-100%);box-shadow:20px 0 80px #0008}.sidebar.visible{transform:translate(0)}.app>main{margin-left:0}.menu{display:flex}.content{padding:24px 18px 0}header{height:65px;padding:0 13px}.breadcrumb{gap:5px}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb b{max-width:190px;font-size:10px}.header-actions{gap:2px}.login-button{gap:5px;padding:7px 9px;font-size:9px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading h1{font-size:23px}.page-heading p{max-width:270px;font-size:10px}.course-code{white-space:nowrap;margin-top:16px;padding:7px;font-size:8px}.course-code b{margin:3px 0 0;font-size:9px;display:block}.eyebrow{letter-spacing:1px;font-size:8px}.hero{min-height:430px}.hero-content{width:100%;padding:25px 23px}.hero h2{font-size:31px}.hero-art{opacity:.3;pointer-events:none;width:270px;top:100px;right:-85px}.hero-content{z-index:3}.hero-description{font-size:11px}.pill{font-size:7px}.hero-buttons{margin-top:27px}.hero-meta{z-index:4;margin-top:30px;font-size:8px;position:relative}.stats{gap:10px;margin:16px 0 26px}.stat{gap:10px;padding:15px 12px}.stat-icon{width:32px;height:32px}.stat strong{font-size:22px}.stat small{font-size:9px}.stat-label{display:none}.section-heading h2{font-size:17px}.section-heading .text-button{white-space:nowrap;font-size:8px}.count-badge{display:none}.unit-grid{gap:13px}.card-visual{height:120px}.card-body{padding:16px 13px}.card-eyebrow{letter-spacing:.3px;font-size:7px}.card-eyebrow>span{font-size:8px}.card-body h3{min-height:70px;font-size:14px}.card-body>p{min-height:70px;font-size:10px}.card-meta{gap:8px;font-size:8px}.card-meta svg{width:11px}.unit-art{width:76px;height:76px}.card-visual>.unit-number{font-size:8px;top:12px;left:11px}.card-button{font-size:10px}.bottom-grid{gap:12px}.teacher-card,.tip-card{gap:12px;padding:16px}.teacher-card h3{font-size:13px}.teacher-card p,.tip-card p{font-size:9px}footer{flex-direction:column;align-items:flex-start;gap:13px;font-size:8px}.lesson-panel{padding:17px}.lesson-heading h2{font-size:20px}.lesson-text{font-size:14px}.lesson-tools{align-items:flex-start;font-size:10px}.lesson-tools .ghost{white-space:nowrap;font-size:9px}.tabs{gap:5px}.tabs button{padding:9px;font-size:10px}.submit-row{align-items:flex-end}.submit-row small{font-size:10px}.submit-row .primary{white-space:nowrap}.modal{padding:27px 23px}.score-banner{padding:20px}.score-banner h2{font-size:18px}.score-banner>strong{font-size:38px}.score-banner p{font-size:10px}.score-banner>strong span{font-size:13px}.toast{bottom:15px;right:15px}.toast>span{font-size:11px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}