:root{--ink:#071426;--paper:#f6f8fb;--blue:#1f6feb;--teal:#168b87;--orange:#e87518;--purple:#7551c8;--green:#299657;--gold:#e7a817;--red:#c63e3e;--line:#dbe3ee}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}button,a{font:inherit}.ot-header{display:flex;justify-content:space-between;align-items:center;padding:16px clamp(18px,5vw,64px);background:var(--ink);color:#fff;border-bottom:4px solid var(--blue)}.ot-header a{color:#fff;text-decoration:none;font-weight:800}.ot-header div{text-align:right;display:grid;gap:2px}.ot-header span{font-size:.78rem;color:#b8c8dc}.hero{padding:clamp(40px,8vw,88px) clamp(18px,7vw,90px);background:linear-gradient(135deg,#071426 0%,#102442 62%,#153b6d 100%);color:#fff}.eyebrow{margin:0 0 8px;font-weight:900;letter-spacing:.12em;font-size:.78rem;text-transform:uppercase}.hero h1{font-size:clamp(2.7rem,8vw,6.7rem);line-height:.92;margin:.1em 0}.hero h1 span{display:block;color:#78c7ff}.hero>p:not(.eyebrow){font-size:clamp(1.05rem,2vw,1.35rem);max-width:680px}.hero-actions,.task-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.primary,.secondary,.text-button,.levels button{border:0;cursor:pointer}.primary,.secondary{padding:13px 20px;border-radius:12px;font-weight:900}.primary{background:#fff;color:var(--ink)}.secondary{background:#ffffff15;color:#fff;border:1px solid #ffffff35}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px clamp(18px,5vw,64px);background:#fff;border-bottom:1px solid var(--line)}.levels button{border-radius:16px;padding:18px;text-align:left;background:#eef4fb;border:2px solid transparent}.levels button:nth-child(1){border-color:#82b8ff}.levels button:nth-child(2){background:#e9efff;border-color:#577de8}.levels button:nth-child(3){background:#eef0f4;border-color:#253754}.levels button.active{box-shadow:0 0 0 4px #07142620;transform:translateY(-2px)}.levels b,.levels span,.levels small{display:block}.levels span{font-size:1.25rem;font-weight:900;margin:3px 0}.board,.activities{padding:34px clamp(18px,5vw,64px)}.board-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.board-head h2{margin:0;font-size:clamp(1.65rem,3vw,2.4rem)}.text-button{background:transparent;color:var(--blue);font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{min-height:142px;border:0;border-radius:20px;padding:20px;color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 22px #07142618}.category-card b{display:block;font-size:1.45rem}.category-card span{display:block;margin-top:8px;opacity:.92}.category-card.active{outline:4px solid var(--ink);outline-offset:3px}.math{background:var(--blue)}.reading{background:var(--teal)}.writing{background:var(--orange)}.word{background:var(--purple)}.steam{background:var(--green)}.games{background:#41556f}.quick{background:var(--gold);color:#241800}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.activity-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 24px #0714260d;display:grid;gap:10px;cursor:pointer}.activity-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #07142618}.activity-card .tag{font-size:.75rem;font-weight:900;letter-spacing:.08em}.activity-card h3{margin:0;font-size:1.3rem}.activity-card p{margin:0;color:#4d5b6c}.activity-card .meta{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:.77rem;font-weight:800;border-radius:999px;padding:6px 9px;background:#edf1f6}.count{font-weight:900;color:#607086}.task-dialog{border:0;border-radius:22px;padding:0;width:min(650px,92vw);box-shadow:0 26px 80px #0005}.task-dialog::backdrop{background:#06101dcf}.task-panel{padding:28px;position:relative}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:2rem;cursor:pointer}.task-panel h2{font-size:2rem;margin:.15em 0}.task-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.task-meta span{background:#eef2f7;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:900}.directions{font-size:1.08rem;line-height:1.55}.materials{padding:12px 14px;background:#f4f6f9;border-radius:12px}.task-panel .secondary{color:var(--ink);border-color:#ccd5e1;background:#f0f4f8}.status{font-weight:800;color:#1c6d42}.empty{padding:28px;background:#fff;border:1px dashed #a9b6c7;border-radius:16px}footer{padding:24px clamp(18px,5vw,64px);background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.levels{grid-template-columns:1fr}.category-grid,.activity-grid{grid-template-columns:1fr}.ot-header{align-items:flex-start}.ot-header div{font-size:.85rem}.hero-actions .primary,.hero-actions .secondary{width:100%}}@media print{body>*:not(.task-dialog){display:none!important}.task-dialog{display:block!important;position:static;width:100%;box-shadow:none}.task-dialog::backdrop{display:none}.close,.task-actions,.status{display:none!important}.task-panel{padding:0}.task-panel h2{font-size:24pt}.directions{font-size:14pt}.materials{border:1px solid #bbb}}