*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#3d3837;background:#fefcfb;max-width:640px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}h1{margin-bottom:.5rem;font-size:1.5rem}h2{margin-bottom:.5rem;font-size:1.25rem}.coming-soon-banner{color:#7a4b1f;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#fff1da,#ffe2b6);border:1px solid #f0cfa2;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #cc8e4333}.coming-soon-banner:before{content:"";background:#e07a5f;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 2px #fff4e1}p{margin-bottom:1rem}label{margin-bottom:.25rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=date],input[type=datetime-local],select{border:1px solid #e8e4e2;border-radius:8px;width:100%;margin-bottom:1rem;padding:.5rem;font-size:1rem}button{cursor:pointer;border:none;border-radius:8px;min-width:44px;min-height:44px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;display:inline-block}button.primary{color:#fff;background:#e07a5f}button.primary:hover{background:#c86a52}button.secondary{color:#3d3837;background:#e8e4e2}button.secondary:hover{background:#ddd8d5}.card{background:#fffaf7;border:1px solid #e8e4e2;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.site-footer{text-align:center;margin-top:3rem;padding-top:1rem;font-size:.8rem}.site-footer a{color:#9ca3af;text-decoration:none}.site-footer a:hover{text-decoration:underline}.link-box{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.link-box input{background:#fefcfb;flex:1;margin-bottom:0}.invite-email{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.invite-email-row{align-items:center;gap:.5rem;display:flex}.invite-email-row input{margin-bottom:0}.invite-email-row button{white-space:nowrap}@media (max-width:480px){.invite-email-row{flex-direction:column;align-items:stretch}}.children-list{list-style:none}.children-list li{border-bottom:1px solid #e8e4e2;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.65rem 0;display:flex}.children-list li>div{flex:1;min-width:0}.children-list li:last-child{border-bottom:none}.child-name{font-weight:600}.child-month{color:#6b6462;margin-left:.5rem;font-size:.9rem}.child-meta{color:#888;margin-left:.5rem;font-size:.85rem}.class-overview-card{background:linear-gradient(160deg,#fffaf7 0%,#fffdfb 45%,#fff9f5 100%);border-color:#e7ddd8}.class-overview-header{margin-bottom:1rem}.class-overview-intro{color:#6b6462;margin-bottom:.75rem}.class-overview-stats{flex-wrap:wrap;gap:.5rem;display:flex}.overview-stat{color:#5f4b45;background:#fff3ed;border:1px solid #ead9d1;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.85rem;display:inline-flex}.overview-section{background:#ffffffbf;border:1px solid #eee4de;border-radius:10px;margin-bottom:.9rem;padding:1rem}.overview-section:last-child{margin-bottom:0}.overview-section h3{margin-bottom:.4rem;font-size:1rem}.overview-empty{color:#6b6462;margin-bottom:0}.planning-group-list{gap:.75rem;display:grid}.planning-group-card{background:#fff8f3;border:1px solid #efdcd4;border-radius:10px;padding:.75rem}.planning-group-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.6rem;display:flex}.planning-group-header h4{color:#664b43;font-size:.98rem}.planning-group-header p{color:#83675f;margin-bottom:0;font-size:.82rem}.planning-month-list{gap:.55rem;display:grid}.planning-month-block{background:#fffdfb;border:1px solid #eee3de;border-radius:8px;padding:.55rem .7rem}.planning-month-title{color:#705c56;margin-bottom:.3rem;font-size:.82rem}.class-add-child-panel{background:#fff8f4;border-color:#edd7cd}.class-add-child-panel--secondary{margin-top:.35rem}.overview-help{color:#6f605b;margin-bottom:.75rem;font-size:.9rem}.party-groups{flex-direction:column;gap:1rem;display:flex}.party-group{background:#fef6f3;border:1px solid #f5dad3;border-radius:8px;padding:1rem}.group-label{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.group-children{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.group-children li{color:#00796b;background:#e0f2f1;border-radius:999px;padding:.25rem .75rem;font-size:.9rem;font-weight:500}button.danger{color:#fff;background:#dc2626}button.danger:hover{background:#b91c1c}button.danger-small{color:#dc2626;background:0 0;min-height:44px;padding:.25rem .5rem;font-size:.85rem;font-weight:500}button.danger-small:hover{background:#fef2f2}button.danger-small:disabled{opacity:.5;cursor:not-allowed}.confirm-overlay{z-index:1200;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#3d38377a;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-dialog{background:linear-gradient(160deg,#fffaf7 0%,#fffdfb 45%,#fff9f5 100%);border:1px solid #e7ddd8;border-radius:12px;width:min(440px,100%);padding:1.2rem;box-shadow:0 18px 42px #3d383733}.confirm-kicker{color:#7b5a50;letter-spacing:.05em;text-transform:uppercase;background:#fff3ed;border:1px solid #edd7cd;border-radius:999px;align-items:center;margin-bottom:.6rem;padding:.15rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.confirm-dialog h3{color:#533d36;margin-bottom:.45rem}.confirm-description{color:#5f4b45;margin-bottom:.55rem}.confirm-note{color:#7b645c;margin-bottom:1rem;font-size:.88rem}.confirm-actions{justify-content:flex-end;gap:.55rem;display:flex}@media (max-width:420px){.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}.danger-zone{background:#fff5f5;border-color:#fecaca}.danger-zone h2{color:#dc2626}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem}.calendar-timeline{grid-template-columns:1fr;gap:0;display:grid}.timeline-month{border-bottom:1px solid #e8e4e2;flex-direction:column;padding:.5rem 0;display:flex}.timeline-month:last-child{border-bottom:none}.timeline-month-header{align-items:center;gap:.5rem;min-height:44px;padding:0 .25rem;display:flex}.timeline-month-abbr{display:none}.timeline-month-full{color:#9ca3af;font-size:.85rem;font-weight:500}.timeline-month--active .timeline-month-full{color:#3d3837;font-weight:700}.timeline-month-groups{flex-direction:column;gap:.5rem;display:flex}.timeline-group-content{padding:.25rem}.timeline-group-label{color:#c86a52;font-size:.9rem;font-weight:700}.timeline-group-kids{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.timeline-kid{color:#00796b;background:#e0f2f1;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:500}@media (min-width:480px){.calendar-timeline{grid-template-columns:repeat(2,1fr);gap:.25rem}.timeline-month{border:1px solid #e8e4e2;border-radius:8px;padding:.5rem}.timeline-month--active{background:#fef6f3;border-color:#f5dad3;grid-column:1/-1}}.auth-container{text-align:center;max-width:400px;margin:2rem auto}.auth-container h1{margin-bottom:.5rem;font-size:1.75rem}.auth-subtitle{color:#6b6462;margin-bottom:2rem}.auth-form{text-align:left;margin-bottom:1.5rem}.auth-form input[type=email]{border:1px solid #e8e4e2;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem;font-size:1rem}.auth-form input[type=email]:focus{border-color:#e07a5f;outline:none;box-shadow:0 0 0 3px #e07a5f1a}.auth-form button[type=submit]{color:#fff;cursor:pointer;background:#e07a5f;border:none;border-radius:8px;width:100%;min-height:48px;padding:.75rem;font-size:1rem;font-weight:600}.auth-form button[type=submit]:hover:not(:disabled){background:#c86a52}.auth-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-footer{color:#6b6462;font-size:.85rem}.auth-footer a{color:#e07a5f;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.otp-inputs{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.otp-input{text-align:center;border:2px solid #e8e4e2;border-radius:8px;width:48px;height:56px;font-size:1.5rem;font-weight:600;margin-bottom:0!important}.otp-input:focus{border-color:#e07a5f;outline:none;box-shadow:0 0 0 3px #e07a5f1a}.link-button{color:#e07a5f;cursor:pointer;font-size:inherit;background:0 0;border:none;min-width:auto;min-height:auto;padding:0}.link-button:hover{text-decoration:underline}.link-button:disabled{opacity:.6;cursor:not-allowed}.form-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem}.app-nav{border-bottom:1px solid #e8e4e2;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.9rem;display:flex}.app-brand{color:#3d3837;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none}.app-brand:hover{text-decoration:underline}.app-nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.app-nav-link{color:#3d3837;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:auto;min-height:auto;padding:.45rem .75rem;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.app-nav-link:hover{background:#f1ece9}.app-nav-link:focus-visible{outline-offset:1px;outline:3px solid #e07a5f59}.app-nav-link-active{background:#ede7e4;border-color:#e1dad7}.app-nav-signout{cursor:pointer}.page-header{margin-bottom:1.25rem}.page-header h1{margin-bottom:0}.class-list{list-style:none}.class-item{background:#fffaf7;border:1px solid #e8e4e2;border-radius:8px;margin-bottom:.75rem;overflow:hidden}.class-item:hover{border-color:#e07a5f}.class-item-link{width:100%;color:inherit;padding:1rem;font-weight:600;text-decoration:none;display:block}.class-item-link:focus-visible{outline-offset:-3px;outline:3px solid #e07a5f80}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;color:#6b6462;padding:3rem 1rem}.empty-state h2{color:#3d3837;margin-bottom:.5rem}@media (min-width:900px){body{max-width:820px}}@media (max-width:640px){.app-nav{flex-direction:column;align-items:flex-start}.app-nav-links{justify-content:flex-start;width:100%}}@media (min-width:700px){.planning-month-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.landing{padding-top:1rem}.landing-hero{text-align:center;background:linear-gradient(160deg,#fff5ee 0%,#fefcfb 50%,#fdf2eb 100%);border:1px solid #f0ddd4;border-radius:16px;margin-bottom:1.5rem;padding:2rem 1rem 1.5rem;position:relative;overflow:hidden}.landing-hero:before{content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(circle,#e07a5f 1.5px,#0000 1.5px),radial-gradient(circle,#f4a261 1px,#0000 1px),radial-gradient(circle,#81d4c2 1px,#0000 1px),radial-gradient(circle,#ffe066 1.2px,#0000 1.2px);background-position:10px 15px,50px 30px,30px 50px,70px 10px;background-size:80px 60px,120px 90px,100px 80px,90px 70px;position:absolute;inset:0}.landing-hero>*{position:relative}.landing-logo{margin-bottom:.75rem}.landing-hero h1{color:#3d3837;margin-bottom:.25rem;font-size:2rem}.landing-slogan{color:#705c56;margin-bottom:1rem;font-size:1.1rem;font-weight:500}.landing-description{color:#6b6462;text-align:center;margin-bottom:1.5rem;font-size:1.05rem}.card-action{border-left:3px solid #e07a5f}.auth-logo{margin-bottom:.75rem}.empty-state-icon{margin-bottom:.5rem;font-size:2.5rem;line-height:1}.app-brand{align-items:center;gap:.5rem;display:inline-flex}.app-brand-slogan{color:#705c56;font-weight:400}