.family-status{max-width:1280px;margin:0 auto;padding:0 20px;color:#416f62;font-size:.85rem;min-height:1.4em}.family-status:empty{display:none}.family-dialog{box-sizing:border-box;width:min(94vw,700px);max-height:92dvh;padding:24px;border:0;border-radius:24px;color:#24473d;background:#fffdf5;overflow:auto;box-shadow:0 25px 80px #17493b55}.family-dialog::backdrop{background:#183e4aba}.family-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.family-dialog h2{font-size:1.4rem;margin:0}.family-dialog h3{margin-bottom:10px}.family-dialog form{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid #d6e2d7}.family-dialog label{display:grid;gap:6px}.family-dialog input{box-sizing:border-box;min-width:0;width:100%;padding:12px;border:1px solid #abc9b9;border-radius:10px;font:inherit}.family-dialog p{line-height:1.65}.family-dialog li{margin:10px 0}.family-dialog details{margin-top:18px}.family-dialog [role=status]{color:#9a402b}.family-child-list{display:grid;gap:10px;margin:16px 0}.family-child-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#eaf4e9;border-radius:12px}.family-progress{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:#ecf5ee;border-radius:16px;margin:12px 0}.family-progress strong,.family-progress small{width:100%}.family-progress strong{font-size:1.25rem}.family-watch{max-width:720px;margin:32px auto;padding:24px;background:#fffdf5;border-radius:24px}.family-watch button{margin:6px}.family-gate{max-width:720px;margin:20px auto;padding:20px;background:#fff7d9;border:2px solid #e2cb73;border-radius:18px}.family-nav{max-width:240px;overflow-wrap:anywhere}.family-dialog a.primary{display:inline-block;text-decoration:none;padding:14px;border-radius:14px}@media(max-width:600px){.family-dialog{padding:18px}.family-child-list article{align-items:stretch}.family-nav{max-width:100%;font-size:.82rem}.family-watch{padding:18px;margin:15px}.family-gate{margin:15px}.home-navigation{flex-wrap:wrap}}

.family-bar{max-width:1160px;padding:0 28px 12px;margin:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.family-bar .family-nav{max-width:280px;min-height:42px;padding:8px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.family-bar .family-status{margin:0;padding:0;max-width:100%;flex:1;min-width:180px}@media(max-width:800px){.family-bar{padding:0 12px 10px;gap:8px}.family-bar .family-nav{font-size:.82rem}.family-bar .family-status{font-size:.78rem}}

.family-login-options{display:grid;gap:12px;margin:20px 0}.family-login{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:10px 20px;border:1px solid #c3d3cb;border-radius:14px;font-weight:700;text-decoration:none;color:#174b3d;background:white}.family-login.line{background:#06c755;color:#fff;border-color:#06c755}.family-login img{object-fit:contain;flex-shrink:0}.family-login:focus-visible{outline:3px solid #b57614;outline-offset:3px}

.family-child-list article{display:block;min-width:0}.family-child-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.family-child-heading strong{overflow-wrap:anywhere;min-width:0}.family-child-heading button{flex-shrink:0}.family-child-list .family-progress{margin:10px 0;padding:0;background:transparent;font-size:.9rem;gap:8px 12px}.family-delete{color:#9a402b;font-size:.85rem}.family-dialog [data-family-logout]{display:block;margin-top:20px}@media(max-width:380px){.family-dialog{padding:14px}.family-child-heading button{padding:10px;font-size:.85rem}}