:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#183346;background:#f5f8fa;font-synthesis:none;--dark:#133349;--blue:#176f93;--light:#ecf7f8;--line:#dbe5eb;--muted:#607784;--good:#176e53;--bad:#a54040}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue)}.shell{max-width:950px;margin:auto;padding:0 20px 100px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;font-weight:850;font-size:20px;letter-spacing:-.5px;color:var(--dark)}.logo-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--dark);color:white;font-size:22px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.thin{font-weight:400}.right{margin-left:auto}.kicker{color:#297b90;letter-spacing:.12em;font-weight:750;font-size:11px;text-transform:uppercase}.headline{font-size:clamp(28px,5vw,42px);line-height:1.15;letter-spacing:-1.25px;margin:12px 0 10px;color:var(--dark)}.intro{margin:0 0 28px;max-width:600px;line-height:1.65}.row{display:flex;gap:14px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.student-card,.subject-card,.login-card,.feature,.question-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 5px 25px #1f54620b}.student-card{padding:25px;min-height:210px;text-align:left;transition:transform .16s,border .16s;width:100%}.student-card:hover,.subject-card:hover{border-color:#8bbac7;transform:translateY(-2px)}.student-avatar{display:grid;place-items:center;width:66px;height:66px;border-radius:21px;background:#e8f3f5;font-size:30px;margin-bottom:20px}.student-card:nth-child(2) .student-avatar{background:#f0effd}.student-card:nth-child(3) .student-avatar{background:#fff1e6}.student-name{font-size:23px;font-weight:770;color:var(--dark);margin:0 0 6px}.section-title{font-size:21px;letter-spacing:-.6px;color:var(--dark);margin:35px 0 16px}.panel{padding:22px}.feature{padding:20px}.subject-card{padding:21px;text-align:left;min-height:155px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%}.subject-card strong{font-size:18px;color:var(--dark)}.pill{display:inline-block;padding:6px 10px;border-radius:30px;background:var(--light);color:#1c7284;font-weight:700;font-size:12px}.button{background:var(--dark);color:white;border:1px solid var(--dark);padding:12px 17px;border-radius:12px;font-weight:750;min-height:44px}.button:hover{background:#215371}.button.secondary{background:white;color:var(--dark);border-color:#b8cbd5}.button.secondary:hover{background:#f0f5f7}.button.ghost{background:transparent;color:var(--blue);border:0}.button.full{width:100%}.button.negative{background:#9c3d3b}.input{background:white;border:1px solid #b1c4d0;border-radius:12px;padding:15px;width:100%;outline:none;color:var(--dark)}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2383a324}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 10%,#e1f0ed,transparent 40%),#f5f8fa}.login-card{max-width:440px;width:100%;padding:36px}.login-card h1{font-size:31px;margin:18px 0 10px}.login-card p{line-height:1.6}.login-card label{font-size:13px;font-weight:750;display:block;margin:24px 0 8px}.error{background:#fff0ee;color:var(--bad);border-radius:12px;padding:12px;margin:13px 0}.success{background:#e8f6ed;color:var(--good);border-radius:12px;padding:12px;margin:13px 0}.nav{position:sticky;bottom:14px;margin:30px auto 0;max-width:630px;display:flex;justify-content:space-around;gap:5px;padding:7px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 35px #21344a1c;z-index:5}.nav button{flex:1;background:transparent;border:0;padding:12px 4px;border-radius:11px;color:var(--muted);font-size:12px;font-weight:750}.nav button.active{background:var(--light);color:var(--dark)}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin:10px 0 20px}.breadcrumbs button{background:transparent;border:0;padding:4px;color:var(--blue);font-weight:750}.question-card{padding:25px}.progress-track{height:10px;width:100%;background:#e4edf1;border-radius:999px;overflow:hidden;margin:12px 0 20px}.progress-fill{height:100%;background:#3299a2;transition:width .2s}.question-text{font-size:clamp(20px,5vw,27px);line-height:1.55;font-weight:690;color:var(--dark);margin:20px 0 25px}.answer-row{display:flex;gap:9px;margin:20px 0}.answer-row .input{flex:1;min-width:0}.prompt-box{padding:17px;border-radius:13px;background:#f3f8fa;margin-top:14px;line-height:1.65}.prompt-box.good{background:#eaf7f0}.prompt-box.bad{background:#fff4ee}.metric{background:#eef6f6;border-radius:15px;padding:20px;flex:1}.metric strong{display:block;font-size:26px;color:var(--dark)}.metric span{font-size:13px;color:var(--muted)}.report-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.report-item:last-child{border-bottom:0}.report-item a{white-space:nowrap}.list-reset{list-style:none;padding:0;margin:0}.mobile-nav{display:none}.footer{color:var(--muted);text-align:center;margin-top:25px;font-size:12px;line-height:1.6}.notice{border-left:4px solid #6ca7bb;padding:13px 17px;background:#eff7fa;border-radius:8px;line-height:1.5;margin:14px 0}.lesson-action{margin-top:16px}.day-indicator{font-size:13px;color:var(--muted)}.separator{height:1px;background:var(--line);margin:18px 0}.report-select{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:white;width:100%;max-width:230px}.settings-item{padding:15px 0;border-bottom:1px solid var(--line)}
@media(max-width:680px){.shell{padding:0 14px 105px}.topbar{height:74px}.topbar .desktop-only{display:none}.grid{grid-template-columns:1fr;gap:12px}.two{grid-template-columns:1fr}.student-card{min-height:110px;padding:17px;display:flex;align-items:center;gap:18px}.student-avatar{margin:0;width:55px;height:55px;flex:none}.student-name{font-size:20px}.subject-card{min-height:125px}.headline{font-size:30px}.panel{padding:17px}.question-card{padding:20px 16px}.answer-row{flex-direction:column}.nav{position:fixed;bottom:0;left:0;right:0;margin:0;max-width:none;border-radius:17px 17px 0 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));}.report-item{align-items:flex-start;flex-direction:column}.login-card{padding:26px}}