:root{font-family:Inter,Arial,sans-serif;color:#172f47;background:#f3f6f9;font-synthesis:none;--accent:#b9ef76;--ink:#172f47}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #207db2;outline-offset:4px}main{max-width:760px;margin:auto;padding:34px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--ink);color:var(--accent);border-radius:11px;width:38px;height:38px;font-size:26px}.brand-dot{color:#49902b}.clock{text-align:right;font-variant-numeric:tabular-nums}.clock time{font-size:23px;font-weight:700}.clock small{display:block;font-size:12px;color:#647489;margin-top:4px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4a963a;margin-right:8px}.children{display:grid;grid-template-columns:1fr 1fr;gap:12px}.children button{border:1px solid #dce4ec;border-radius:18px;background:white;text-align:left;padding:20px;color:var(--ink)}.children button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink);box-shadow:0 8px 20px #172f4712}.tab-top{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:24px;font-weight:750}.tab-top small{font-size:13px;font-weight:600;border:1px solid #d9e2e9;border-radius:6px;padding:4px 6px;white-space:nowrap}.children button[aria-selected=true] small{border-color:#617487;color:#dbe6f0}.school-hours{display:flex;flex-wrap:wrap;gap:4px 15px;margin-top:14px;font-size:14px;line-height:1.7;color:#586c80}.children button[aria-selected=true] .school-hours{color:#d5e2ef}.school-hours b{color:inherit;font-variant-numeric:tabular-nums}.today-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 24px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.4px;font-weight:700;color:#65768a;margin:0 0 9px}h1{font-size:30px;letter-spacing:-1px;margin:0}.today-button{background:white;border:1px solid #d7e0e9;border-radius:20px;padding:9px 17px;color:var(--ink);font-size:14px}.days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px;background:#e8eef3;border-radius:13px;margin-bottom:24px}.days button{border:0;background:transparent;border-radius:9px;min-height:44px;color:#57697c;font-size:14px}.days button[aria-pressed=true]{background:white;color:var(--ink);font-weight:700;box-shadow:0 2px 5px #172f470c}.status-card{background:var(--ink);color:white;border-radius:20px;padding:25px 27px;position:relative;overflow:hidden}.status-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#d5e3ed;display:flex;gap:8px;align-items:center}.status-label .live-dot{background:var(--accent);margin:0}.status-card h2{font-size:29px;letter-spacing:-.6px;margin:15px 0 8px;line-height:1.2}.status-card p{color:#d2dfeb;margin:0;font-size:15px;line-height:1.6}.status-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:22px;font-size:14px;color:var(--accent)}.progress{margin-top:10px;background:#405569;height:5px;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);border-radius:8px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px}.list-heading h2{font-size:18px;margin:0;letter-spacing:-.3px}.list-heading>span{font-size:13px;color:#6e7e8e}ol{list-style:none;padding:0;margin:0;display:grid;gap:9px}.lesson{display:flex;gap:16px;align-items:center;border:1px solid #e1e7ed;background:white;border-radius:13px;padding:15px 17px;min-height:77px}.lesson.active{background:#ecf9dc;border:1.5px solid #8ebc58}.lesson.past{background:#f8fafc}.times{display:flex;flex-direction:column;gap:5px;border-right:1px solid #e1e7ed;padding-right:17px;font-variant-numeric:tabular-nums;min-width:64px;font-size:15px;font-weight:700}.times small{font-size:12px;font-weight:400;color:#758498}.subject{flex:1;min-width:0;font-size:16px;font-weight:650;line-height:1.4}.subject small{display:block;color:#718297;font-size:12px;font-weight:400;margin-top:3px}.badge{font-size:11px;letter-spacing:.6px;font-weight:750;color:#38621c;background:#d3ecb3;padding:6px 8px;border-radius:6px;white-space:nowrap}.done{color:#80948a;font-size:18px}footer{text-align:center;color:#6e7e8f;font-size:12px;line-height:1.7;margin:29px auto 0;max-width:450px}footer>span{margin:0 4px}footer p{font-size:12px;margin-top:8px;color:#7c8a9a}.footer-mark{font-size:16px}@media(min-width:900px){main{padding-top:48px}.children button{padding:24px}.status-card{padding:29px 32px}}@media(max-width:480px){main{padding:23px 18px}header{margin-bottom:28px}.brand{font-size:21px}.brand-icon{width:33px;height:33px}.clock time{font-size:21px}.children{gap:10px}.children button{padding:17px 14px}.tab-top{font-size:22px}.tab-top small{font-size:12px}.school-hours{gap:0 8px;font-size:12px}.today-head{margin:28px 0 20px}h1{font-size:27px}.status-card{padding:23px}.status-card h2{font-size:27px}.lesson{gap:12px;padding:14px 13px}.times{padding-right:12px;min-width:59px}.subject{font-size:15px}.badge{font-size:10px;padding:5px 6px}}@media(prefers-reduced-motion:no-preference){button{transition:background .18s,color .18s}}