:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#202d29;background:#f5f6f3;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:22px 16px 16px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{font-size:25px;letter-spacing:-1px;margin:0}h1 span{font-size:18px;font-weight:500;letter-spacing:0}header p{font-size:12px;color:#64716a;margin:3px 0 0}.clock{text-align:right;display:grid;gap:3px}.clock strong{font-size:20px;font-variant-numeric:tabular-nums}.clock span{font-size:10px;color:#64716a}nav{display:flex;background:#e7ebe5;border-radius:12px;padding:4px;gap:4px;margin-bottom:22px}button{border:0;border-radius:9px;padding:12px 6px;min-height:44px;flex:1;font:600 13px system-ui;color:#536258;background:transparent;cursor:pointer}button[aria-pressed=true]{background:white;color:#174f3e;box-shadow:0 1px 4px #20342914}button:focus-visible,summary:focus-visible{outline:3px solid #b77b12;outline-offset:3px}[hidden]{display:none!important}.date{font-size:14px;color:#526158;margin:0 0 14px;text-transform:capitalize}.hero{background:#17634c;color:#fff;border-radius:17px;padding:20px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:1.3px;margin:0}.countdown{font-size:11px;background:#ffffff18;border-radius:20px;padding:6px 9px;white-space:nowrap}.lesson-label{font-size:13px;margin:23px 0 6px;color:#d2e8de}.hero h2{font-size:clamp(24px,6.5vw,32px);line-height:1.17;letter-spacing:-.7px;margin:0 0 23px;overflow-wrap:anywhere}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-variant-numeric:tabular-nums}.hero-room{font-weight:750;font-size:19px}.list-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#617066;margin:22px 0 4px}.lessons{list-style:none;padding:0;margin:0}.lesson{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #dfe5de;min-height:70px}.lesson:last-child{border-bottom:0}.number{width:25px;flex-shrink:0;color:#68776e;font-size:13px;font-variant-numeric:tabular-nums}.subject{display:grid;gap:5px;flex:1;min-width:0}.subject strong{font-size:14px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.subject>span{font-size:12px;color:#68776e;font-variant-numeric:tabular-nums}.room{font-size:11px;color:#68776e;white-space:nowrap}.room b{font-size:16px;color:#293d32;font-weight:650}.past{margin-top:20px;border-top:1px solid #dfe5de}.past summary{padding:16px 0;min-height:48px;cursor:pointer;font-size:13px;color:#55645b}.past .subject strong{color:#65736a}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading h2{font-size:19px;margin:0}.section-heading span{font-size:12px;color:#64716a}.day{margin-bottom:24px}.day h3{font-size:15px;margin:0;padding:12px 0;border-bottom:2px solid #17634c;color:#17634c}.upcoming{border-left:3px solid #17634c;padding:5px 0 5px 14px;margin:20px 0 12px}.upcoming .eyebrow{color:#617066;font-size:9px}.upcoming h2{font-size:26px;letter-spacing:-.5px;margin:6px 0 0}.done,.note{font-size:13px;color:#55645b;line-height:1.5}footer{font-size:10px;text-align:center;color:#68776e;border-top:1px solid #dfe5de;margin-top:26px;padding:18px 0 4px}@media(min-width:640px){main{padding:32px 28px}#now{max-width:480px;margin:auto}.week-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.hero{padding:24px}header{margin-bottom:26px}nav{max-width:420px;margin:0 auto 26px}}
