:root{color:#17231e;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}a{color:inherit}.page{width:min(100% - 2rem,46rem);min-height:100vh;margin:0 auto;padding:1.25rem 0 3rem}.page--centered{align-content:center;justify-items:center;gap:1.25rem;display:grid}.page--centered>.card,.page--centered>.page-header{width:100%}.page>.card{margin-top:1.5rem}.brand-mark{color:#fff;background:#225f4a;border-radius:1.35rem;place-items:center;width:4.25rem;height:4.25rem;font-size:2rem;font-weight:750;display:grid}.brand-mark--small{border-radius:.65rem;width:2rem;height:2rem;font-size:1rem}.brand{color:#225f4a;align-items:center;gap:.6rem;min-height:2.75rem;font-weight:750;text-decoration:none;display:inline-flex}.brand--back,.text-link{color:#225f4a;align-items:center;min-height:2.75rem;font-weight:650;text-decoration:none;display:inline-flex}.page h1,.page h2,.page p{margin-top:0}.page h1{margin-bottom:.5rem;font-size:clamp(1.65rem,7vw,2.2rem);line-height:1.15}.page h2{margin-bottom:.5rem;font-size:1.1rem}.intro{color:#516158;text-align:center;max-width:26rem;margin:0;line-height:1.5}.muted{color:#637168;font-size:.92rem}.card{background:#fff;border:1px solid #e1e9e3;border-radius:1.25rem;padding:clamp(1.25rem,5vw,2rem);box-shadow:0 .6rem 2rem #1a34260f}.card--form{max-width:32rem}.card>p:last-child{margin-bottom:0}.form{gap:1.1rem;margin-top:1.4rem;display:grid}.form label{color:#293a31;gap:.45rem;font-size:.95rem;font-weight:650;display:grid}.form input,.form select{color:#17231e;background:#fff;border:1px solid #b9c9bd;border-radius:.65rem;width:100%;min-height:3rem;padding:.65rem .8rem}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7ab89a}.button{cursor:pointer;text-align:center;border:0;border-radius:.7rem;justify-content:center;align-items:center;min-height:3rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{cursor:wait;opacity:.65}.button--primary{color:#fff;background:#225f4a}.button--primary:hover:not(:disabled){background:#184a38}.button--secondary{color:#225f4a;background:#f8fbf8;border:1px solid #b8cdbf}.button--danger{color:#fff;background:#8d2d20}.button--danger:hover:not(:disabled){background:#6f2118}.button--text{color:#225f4a;background:0 0;min-height:2.75rem;padding-inline:.5rem}.notice{border-radius:.6rem;margin:0;padding:.8rem .9rem}.notice--error{color:#8d2d20;background:#fff5f3;border:1px solid #ecc8c2}.notice--success{color:#1c563b;background:#f0faf3;border:1px solid #b8d9c4}.page-header{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.page-header form{margin:0}.group-list{gap:.75rem;padding:0;list-style:none;display:grid}.family-list{gap:1rem;margin-top:1rem;display:grid}.family-card{margin-top:0}.family-parents,.child-list{gap:.65rem;padding-left:1.2rem;display:grid}.child-list li{flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;display:flex}.child-list--managed li{flex-direction:column;align-items:flex-start}.form--inline{flex-wrap:wrap;margin-top:.25rem;display:flex}.family-form{border-top:1px solid #e1e9e3;padding-top:1.25rem}.invitation-list{gap:.75rem;padding:0;list-style:none;display:grid}.invitation-list li{border:1px solid #e1e9e3;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.confirm-dialog{border:1px solid #e1e9e3;border-radius:1rem;width:min(100% - 2rem,28rem);max-width:28rem;padding:1.5rem;box-shadow:0 1rem 3rem #1a34263d}.confirm-dialog::backdrop{background:#121e177a}.confirm-dialog .form{grid-template-columns:repeat(2,minmax(0,1fr))}.group-list li{border:1px solid #e1e9e3;border-radius:.7rem;justify-content:space-between;gap:1rem;padding:.9rem;display:flex}@media (width>=640px){.page{padding-top:2rem}}
