.family-setup {margin:16px 0;padding:18px;border:1px solid #8fb4c4;border-radius:18px;background:linear-gradient(120deg,rgba(95,138,168,.42),rgba(28,60,83,.82));color:#edf7ff;}
.family-setup .setup-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.family-setup h2 {font-size:20px;margin:0;min-width:0;overflow-wrap:anywhere;}
.family-setup h3 {font-size:16px;margin:0;}
.family-setup p {margin:6px 0;color:#d6e8f7;font-size:14px;}
.family-setup small {font-size:12px;color:#c3dce9;}
.family-setup .setup-steps {list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.family-setup .setup-steps li {display:flex;align-items:flex-start;gap:9px;min-width:0;}
.family-setup .setup-steps li>div {min-width:0;}
.family-setup .setup-number {display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#294b65;border:1px solid #7eabbd;color:#ffdb89;font-weight:bold;}
.family-setup .is-done .setup-number {background:#a7ddcb;color:#133e48;border-color:#c9f3df;}
.family-setup .setup-actions {display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.family-setup button {min-height:36px;padding:7px 10px;font-size:13px;white-space:nowrap;}
.family-setup .setup-note {font-size:12px;margin-bottom:0;}
#project-view > .parent-daily-actions #setup-open {margin-left:0;}
#project-view > .parent-daily-actions:has(+ #settings-setup:not(.hidden)) #setup-open {display:none;}
@media(max-width:1100px){.family-setup .setup-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;}}
@media(max-width:480px){.family-setup {padding:14px;}.family-setup .setup-steps {grid-template-columns:1fr;gap:14px;}.family-setup .setup-heading p {font-size:12px;}.family-setup .setup-steps li>div {flex:1;}.family-setup .setup-steps p {font-size:13px;}.parent-daily-actions #setup-open {font-size:12px;padding:7px 8px;}}

body.hd2d-preview .family-setup {border-radius:12px;background:var(--fg-panel);border-color:var(--fg-border);color:var(--fg-text);box-shadow:none}
body.hd2d-preview .family-setup :is(p,small) {color:var(--fg-muted);font-family:system-ui,"Microsoft YaHei UI",sans-serif}
body.hd2d-preview .family-setup .setup-number {background:var(--fg-input);border-color:var(--fg-border);color:var(--fg-reward);font-variant-numeric:tabular-nums}
body.hd2d-preview .family-setup .is-done .setup-number {background:var(--fg-action);border-color:var(--fg-action);color:var(--fg-action-ink)}
body.hd2d-preview .family-setup button {border-radius:8px}