.household-setup{max-width:1100px;margin:auto;padding:56px 28px}.household-setup>.brand{margin-bottom:48px}.household-setup>h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,5vw,54px);letter-spacing:-1.5px;margin:16px 0}.household-setup>p{max-width:650px;color:#77717c;line-height:1.7}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.setup-grid form,.invite-link-label{display:grid;gap:18px}.setup-grid label,.invite-link-label{display:grid;gap:8px;color:#4e4658;font-size:14px}.setup-grid input,.setup-grid select,.invite-link-label input{width:100%;min-width:0;padding:13px;border:1px solid #ddd7df;border-radius:9px;background:#fff;color:#342d43;font:inherit}.setup-grid button{margin-top:8px}.setup-footer{margin-top:30px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#77717c;font-size:13px}.task-item{display:flex;align-items:center}.task-item .task-row{flex:1;min-width:0}.task-item .icon-button{flex:none;width:30px;height:30px;opacity:.7}.family-filter{flex-wrap:wrap}.person-card .button{margin:6px 0}.person-card .text-button{display:block;margin:12px auto 0}.household-grid+.settings-section{margin-top:28px}.sync-warning,.sync-error{color:#9f432a}.sync-error{padding:20px;border:1px solid #e1c2b5;border-radius:12px;margin:20px 0}.sync-error button{margin-left:16px}.invite-link-label{margin:20px 0}.connection-row>div{min-width:0;overflow-wrap:anywhere}.form-error:empty{display:none}.page-note{line-height:1.6}button:disabled{cursor:not-allowed;opacity:.5}.display-mode .app-footer{display:flex}.account>.eyebrow{font-size:10px}
@media(max-width:720px){.setup-grid{grid-template-columns:1fr}.household-setup{padding:28px 18px}.household-setup>.brand{margin-bottom:30px}.topbar .demo-badge{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-row{flex-wrap:wrap}.family-filter{gap:7px}.filter-chip{font-size:12px}}

/* Guided setup uses the same plum, cream, and sage palette as account entry. */
.setup-walkthrough{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);min-height:100dvh;padding:0;background:#faf9f6}
.setup-story{background:#342d43;color:#f6f3eb;padding:48px clamp(28px,5vw,80px);display:flex;flex-direction:column;gap:42px}
.setup-story .brand{color:#fff;margin:0;display:flex;gap:10px;align-items:center;font-size:36px;letter-spacing:-1.5px;text-decoration:none}
.setup-story .eyebrow{color:#dbdfbc;font-size:10px}.setup-story h2{font-family:Georgia,serif;font-size:clamp(36px,4.3vw,63px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin:20px 0}.setup-story h2 em{color:#dce4bd;font-weight:400}.setup-story p{color:#d5cedd;font-size:14px;line-height:1.8;max-width:290px}
.setup-progress{list-style:none;padding:0;margin:0;display:grid;gap:20px}.setup-progress li{display:flex;gap:14px;align-items:center;color:#c4bbcf;font-size:14px}.setup-progress li>span{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid #80748f;border-radius:50%;font-size:12px}.setup-progress .current{color:#fff;font-weight:700}.setup-progress .current>span{background:#e1e8cb;color:#342d43;border-color:#e1e8cb}.setup-progress .complete>span{border-color:#bbc5a2;color:#dce4bd}.setup-story .setup-privacy{font-size:12px;margin-top:auto}.setup-story-note{font-family:Georgia,serif;font-size:29px;line-height:1.4;color:#e1e8cb}
.setup-content{position:relative;align-self:center;width:100%;max-width:710px;margin:auto;padding:76px clamp(25px,5vw,80px) 40px;min-width:0}.setup-content>.eyebrow{font-size:10px;color:#71657f;letter-spacing:1.8px}.setup-content h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,3.5vw,47px);letter-spacing:-1.6px;line-height:1.08;margin:18px 0}.setup-content h1:focus{outline:none}.setup-description{color:#756e7e;font-size:14px;line-height:1.8;margin-bottom:30px}.setup-content form{display:grid;gap:18px}.setup-content label{display:grid;gap:8px;font-size:13px;color:#51485f;font-weight:600}.setup-content input,.setup-content select{width:100%;min-width:0;background:#fff;border:1px solid #dcd6e1;border-radius:9px;min-height:47px;padding:12px;font:inherit;font-weight:400;color:#342d43}.setup-content .form-hint{font-size:12px;line-height:1.7;margin:6px 0 16px}.setup-content .button{font-size:13px;min-height:46px}.setup-content .text-button{font-size:12px;min-height:42px;white-space:normal}.setup-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e7e2e8;padding-top:20px;margin-top:22px}.setup-actions>div{display:flex;gap:10px;align-items:center}.setup-exit{position:absolute;right:clamp(25px,5vw,80px);top:18px}.setup-content .setup-footer{border-top:1px solid #e7e2e8;margin-top:38px;padding-top:18px;font-size:11px;gap:4px 14px;overflow-wrap:anywhere}.setup-footer>span{min-width:0}.setup-content .form-error{font-size:13px;line-height:1.7;color:#a04035;margin-top:20px}
.setup-people{list-style:none;padding:0;display:grid;gap:10px;margin:0 0 20px}.setup-people li{display:flex;align-items:center;gap:13px;padding:13px 15px;background:#fff;border:1px solid #e7e2e8;border-radius:12px}.setup-people li>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}.setup-people strong{display:block;font-size:14px;font-weight:600}.setup-people small{display:block;color:#80748d;font-size:11px;margin-top:5px}.setup-avatar{display:grid;place-items:center;border-radius:50%;width:37px;height:37px;flex:none;background:#eee8f4;color:#665178;font-size:16px}.setup-avatar.coral{background:#f6e2db;color:#975441}.setup-avatar.green{background:#e4eddd;color:#5d7751}.setup-avatar.blue{background:#e0ebf5;color:#466e95}.setup-avatar.gold{background:#f4ecd2;color:#886e2f}
.setup-note{padding:22px;background:#eeeaf3;border:1px solid #e2daeb;border-radius:13px;margin:0 0 22px;color:#534260;line-height:1.7;font-size:13px}.setup-note strong{font-size:14px}.setup-note p{margin:7px 0 0}.setup-saved{background:#eaf0e1;border-color:#d9e4cc;color:#526547}.setup-invites{list-style:none;padding:0;display:grid;gap:10px;margin:20px 0}.setup-invites li{padding:12px 0;border-bottom:1px solid #e7e2e8;overflow-wrap:anywhere}.setup-invites strong,.setup-invites span{display:block;font-size:12px}.setup-invites span{color:#80748d;margin-top:5px}.setup-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.setup-options button{background:#fff;border:1px solid #ded6e6;border-radius:13px;padding:22px 18px;text-align:left;color:#342d43;display:flex;flex-direction:column;align-items:flex-start;gap:12px;cursor:pointer}.setup-options button:hover{border-color:#796388;background:#f5f1f8}.setup-options strong{font-size:15px}.setup-options button>span:last-child{font-size:12px;line-height:1.7;color:#7c7188}.setup-option-icon{font-size:25px;background:#eeeaf3;border-radius:10px;display:grid;place-items:center;width:40px;height:40px;color:#675076}.setup-success-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#e3ecd6;color:#61744c;font-size:27px;margin-bottom:25px}
@media(max-width:760px){.setup-walkthrough{display:block}.setup-story{padding:25px 25px 22px;gap:22px}.setup-story .brand{font-size:28px}.setup-story .brand img{width:30px;height:30px}.setup-story>div:not(.setup-story-note),.setup-story>.setup-privacy,.setup-story-note{display:none}.setup-progress{display:flex;gap:8px;justify-content:space-between}.setup-progress li{flex:1;flex-direction:column;text-align:center;font-size:10px;gap:7px;line-height:1.5}.setup-progress li>span{width:27px;height:27px;font-size:11px}.setup-content{padding:60px 24px 30px;max-width:600px}.setup-content h1{font-size:36px}.setup-content input,.setup-content select{font-size:16px}.setup-content .button{font-size:12px}.setup-content .setup-exit{right:24px;top:10px}.setup-actions{gap:8px}.setup-content .setup-footer{margin-top:28px}.setup-options{gap:10px}.setup-options button{padding:18px 13px}.setup-options strong{font-size:13px}.setup-options button>span:last-child{font-size:11px}}