:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#183b3b}*{box-sizing:border-box}body{margin:0}.landing{min-height:100vh;background:radial-gradient(circle at 85% 5%,#f9d8f2,transparent 33%),radial-gradient(circle at 8% 83%,#b9f3e5,transparent 38%),#f7faf9}.landing-wrap{max-width:1050px;margin:auto;padding:clamp(28px,6vw,85px) 24px}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.16em;color:#337c7a}.landing h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:1.05;letter-spacing:-.055em;margin:12px 0 22px}.landing h1 span{color:#cc5ea9}.lead{font-size:1.2rem;max-width:650px;line-height:1.6;color:#476769}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:46px 0 26px}.choice{display:block;border-radius:30px;padding:32px;text-decoration:none;color:#183b3b;box-shadow:0 15px 35px #30585816;border:2px solid #ffffff;transition:transform .18s,box-shadow .18s}.choice:hover,.choice:focus-visible{transform:translateY(-4px);box-shadow:0 20px 40px #30585825}.choice.parent{background:#fce6f4}.choice.child{background:#d8f7ee}.choice-icon{display:grid;place-items:center;background:#fff;width:58px;height:58px;border-radius:20px;font-size:28px}.choice h2{font-size:1.9rem;margin:23px 0 8px}.choice p{line-height:1.55;min-height:50px}.choice strong{display:inline-block;margin-top:12px}.note{color:#526969;line-height:1.5}.reset{border:1px solid #568a87;background:#fff;color:#245c5b;border-radius:99px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer}.demo-nav{position:relative;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#173e3f;color:#fff;padding:10px 22px;font:700 .86rem system-ui,sans-serif}.demo-nav a{color:#fff;text-decoration:none}.demo-nav a:hover{text-decoration:underline}.demo-nav span{opacity:.8}.child-body{min-height:100vh;background:linear-gradient(135deg,#d9f8ef,#fce5f2 65%,#e8e2fc)}.child-app{max-width:1180px;margin:auto;padding:28px 20px 55px}.child-header{display:flex;justify-content:space-between;align-items:end;gap:20px}.child-header p{font-weight:700;color:#2f7776;margin:0 0 7px}.child-header h1{font-size:clamp(2.1rem,5vw,3.4rem);margin:0;letter-spacing:-.04em}.child-header h1 span{color:#ad5f9f}.date-control{display:flex;gap:7px;background:#fff9;border-radius:16px;padding:6px}.date-control button{border:0;background:transparent;color:#295f5e;border-radius:12px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer}.date-control button.active{background:#0d7774;color:#fff}.child-date{font-weight:650;color:#486b6a;margin:8px 0 24px}.child-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;align-items:start}.child-card{background:#fff;border:2px solid #95d7cc;border-radius:26px;padding:22px;box-shadow:0 12px 25px #245b5720;min-height:330px}.grades-card{border-color:#edafd6}.task-card{border-color:#c2b4ea}.child-card h2{font-size:1.4rem;margin:0 0 4px}.section-hint{font-size:.87rem;line-height:1.4;color:#526766;margin:0 0 18px}.lesson,.grade-row,.task-row{display:flex;align-items:center;gap:13px;border-top:1px solid #d9e9e5;padding:14px 0}.lesson>*:nth-child(2),.grade-row>*:first-child,.task-row>*:nth-child(2){flex:1}.lesson-time{font-size:.82rem;color:#426463;font-weight:700;line-height:1.35}.lesson strong,.grade-row strong,.task-row strong{display:block}.lesson small,.grade-row small,.task-row small{display:block;color:#526766;margin-top:3px}.lesson.cancelled strong{text-decoration:line-through;color:#805a78}.lesson.cancelled small{color:#ad3076;font-weight:800}.grade-row b{background:#dbf4e0;color:#205b32;border-radius:12px;padding:8px 12px}.task-row{width:100%;text-align:left;background:none;border-left:0;border-right:0;border-bottom:0;cursor:pointer;font:inherit;color:inherit}.task-check{display:grid;place-items:center;flex:none;width:28px;height:28px;border:2px solid #0b7a76;border-radius:9px;color:#fff}.task-row.done .task-check{background:#0b7a76}.task-row.done strong{text-decoration:line-through;color:#697b79}.child-foot{color:#496663;margin-top:24px;font-size:.9rem}@media(max-width:900px){.child-grid{grid-template-columns:1fr 1fr}.lesson-card{grid-column:1/-1}}@media(max-width:620px){.choice-grid,.child-grid{grid-template-columns:1fr}.lesson-card{grid-column:auto}.child-header{align-items:start;flex-direction:column}.demo-nav span{display:none}.choice{padding:25px}.child-card{min-height:0}}
.header-actions{display:flex;align-items:end;gap:16px}.live-clock{display:flex;flex-direction:column;align-items:flex-end;min-width:160px}.live-clock small{font-weight:700;color:#47716e}.live-clock strong{font-size:1.9rem;font-variant-numeric:tabular-nums;line-height:1.2}.calendar-strip{display:flex;align-items:center;gap:24px;background:#f1fffb;border:2px solid #85cfc5;border-radius:23px;padding:15px 19px;margin:-8px 0 18px}.calendar-strip>div:first-child{min-width:180px}.calendar-strip strong,.calendar-strip small,.calendar-event b,.calendar-event span{display:block}.calendar-strip small{font-size:.79rem;color:#536b69}.calendar-events{display:flex;gap:10px;overflow:auto;flex:1}.calendar-event{min-width:175px;background:#fff;border:1px solid #b7ded6;border-radius:15px;padding:9px 12px}.calendar-event b{font-size:.75rem;color:#397471}.calendar-event span{font-size:.88rem;font-weight:750;margin:3px 0}.alarm-summary{margin-top:19px;padding:15px;border-radius:17px;background:#f0ebff;border:1px solid #b8a8e6}.alarm-summary span,.alarm-summary strong,.alarm-summary small,.alarm-summary em{display:block}.alarm-summary span{font-size:.83rem;font-weight:800;color:#64538a}.alarm-summary strong{font-size:1.7rem;margin:3px 0}.alarm-summary small{color:#4d4267;line-height:1.45}.alarm-summary em{font-size:.76rem;color:#635877;margin-top:9px;font-style:normal}@media(max-width:900px){.header-actions{align-items:flex-end}.calendar-strip{align-items:stretch;flex-direction:column;gap:10px}}@media(max-width:620px){.header-actions{width:100%;justify-content:space-between;align-items:center}.live-clock{align-items:flex-start;min-width:0}.live-clock strong{font-size:1.4rem}.calendar-event{min-width:155px}}