/* iPhone-first study. A contained phone preview on desktop; full-width on iPhone. */
:root{--ios-bg:#f7f8f2;--ios-surface:#fff;--ios-line:#e4e8dc;--ios-ink:#253a29;--ios-muted:#707a69;--ios-green:#557d32;--ios-accent:#d1f3aa;font-size:16px;background:#e9ece4}
body{background:#e9ece4}#app{width:402px;height:844px;max-height:calc(100dvh - 154px);margin:25px auto 16px;border:6px solid #fff;border-radius:38px;background:var(--ios-bg);box-shadow:0 18px 55px #24381a18,0 0 0 1px #d0d7c7;overflow:hidden;position:relative}.shell,[data-variant='1'] .shell,[data-variant='2'] .shell,[data-variant='3'] .shell,[data-variant='4'] .shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--ios-bg);overflow:hidden}.sidebar,[data-variant='1'] .sidebar,[data-variant='2'] .sidebar,[data-variant='3'] .sidebar,[data-variant='4'] .sidebar{display:none}.main,[data-variant='1'] .main,[data-variant='2'] .main,[data-variant='3'] .main,[data-variant='4'] .main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 22px 30px;scrollbar-width:none}.main::-webkit-scrollbar{display:none}.topbar{margin:0 0 25px;min-height:23px}.topbar>.eyebrow{font-size:9px;letter-spacing:.06em;color:var(--ios-muted)}.topbar .house-pill{font-size:11px;font-weight:500;padding:0;background:none;color:var(--ios-muted)}.topbar .avatar{display:none}.main:has(.ios-home) .topbar{display:none}.bottom-nav,.shell:has(.chat-panel) .bottom-nav{position:static;flex:0 0 auto;display:flex;justify-content:space-around;background:#ffffffed;border-top:1px solid #dfe5d7;gap:0;padding:9px 8px 20px;z-index:9;backdrop-filter:blur(16px)}.bottom-nav button{flex:1;min-width:0;min-height:45px;background:none;border:0;display:grid;justify-items:center;align-content:center;gap:4px;font-size:10px;color:#78836f;border-radius:10px;font-weight:500;letter-spacing:.02em}.bottom-nav button span{display:flex;width:auto;font-size:22px}.bottom-nav button svg{width:23px;height:23px;stroke-width:1.65}.bottom-nav button.active{background:none;color:#4b702c;font-weight:600}.bottom-nav button.active svg{stroke-width:2.1}.bottom-nav:after{content:'';position:absolute;bottom:7px;width:110px;height:4px;border-radius:4px;background:#263a26}.study-footer{max-width:850px;margin:0 auto;background:none;border:0;justify-content:center;text-align:center;padding:0 16px 12px;display:block;font-size:10px}.study-footer>span{display:block;margin:0}.study-footer button{font-size:10px;min-height:30px}.study-bar{min-height:64px}.demo-label{display:block;font-size:9px}.study-bar nav a{min-height:36px}.ios-home{color:var(--ios-ink)}.ios-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 27px}.ios-kicker{font-size:10px;font-weight:600;letter-spacing:.07em;color:#7c8572}.ios-title h1{font-size:41px;letter-spacing:-1.5px;line-height:1.15;font-weight:700;margin:6px 0 0;color:var(--ios-ink)}.ios-title h1>span{color:#7cb543}.ios-profile{height:40px;width:40px;border-radius:50%;background:#e1edcf;border:1px solid #d2e0c0;box-shadow:inset 0 1px 0 #fff9;color:#56733b;font-size:16px;font-weight:600}.ios-greeting{margin:0 0 27px;border-left:3px solid #b99a76;padding:2px 0 2px 13px}.ios-greeting h2{font-size:19px;letter-spacing:-.65px;font-weight:600}.ios-greeting p{font-size:13px;color:var(--ios-muted);margin-top:5px}.ios-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;min-height:30px}.ios-section-head h2,.ios-section>h2{font-size:19px;letter-spacing:-.5px;font-weight:650}.ios-caption{font-size:12px;color:var(--ios-muted)}.ios-group{border:1px solid #e6e9df;border-radius:16px;overflow:hidden;background:var(--ios-surface);box-shadow:0 2px 5px #2b421504}.ios-row{display:flex;align-items:center;gap:12px;position:relative;width:100%;padding:16px 14px;border:0;background:none;text-align:left;color:var(--ios-ink);min-height:78px;transform:none!important}.ios-row:not(:last-child):after{content:'';position:absolute;left:61px;right:0;bottom:0;height:1px;background:var(--ios-line)}.ios-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:#edf4e4;color:#5f823f}.ios-row:nth-child(2) .ios-icon{background:#f1ece3;color:#9b7955}.ios-row:nth-child(3) .ios-icon{background:#eaf0e4;color:#688352}.ios-row strong{display:block;font-size:15px;font-weight:550;letter-spacing:-.25px}.ios-row small{display:block;font-size:11px;color:var(--ios-muted);margin-top:5px}.ios-row>b{font-size:22px;color:#b1b9a9;font-weight:300;margin-left:2px}.ios-row>span:nth-child(2){flex:1;min-width:0}.ios-row .ios-value{font-size:14px;font-weight:600;flex:none;font-variant-numeric:tabular-nums}.ios-badge{font-size:12px;display:grid;place-items:center;width:24px;height:24px;background:#eaf2df;color:#5b793e;border-radius:8px}.ios-live-dot{height:7px;width:7px;background:#8eb653;border-radius:50%;display:block;flex:none}.ios-board,.ios-people,.ios-plans,.ios-section{margin-top:27px}.ios-plus{border:0;background:#e7efdc;color:#517431;border-radius:50%;font-size:22px;width:30px;height:30px;display:grid;place-items:center;padding:0}.ios-note{padding:17px 18px 12px;border-radius:15px;background:#f0f2e6;border:1px solid #e7ebdb}.ios-note-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ios-muted)}.ios-note-meta strong{font-size:11px;color:#5a654f;font-weight:600}.ios-note-meta>span:last-child{margin-left:auto;font-size:9px}.mini-avatar{display:grid;place-items:center;height:23px;width:23px;border-radius:50%;background:#ddceba;color:#786248;font-size:10px;font-weight:600}.ios-note p{font-size:14px;line-height:1.6;margin:13px 0 6px;letter-spacing:-.1px}.ios-text-action{border:0;background:none;color:#57783b;padding:7px 0;min-height:32px;font-size:12px;display:flex;align-items:center;gap:8px}.ios-note .ios-text-action{font-weight:500;font-size:11px}.ios-faces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 0 4px}.ios-person{text-align:center}.ios-face{position:relative;display:grid;place-items:center;width:47px;height:47px;margin:0 auto 9px;border-radius:50%;background:#e5ecd8;color:#576840;font-size:17px}.face-1{background:#eee2d0;color:#876c4b}.face-2{background:#e4e9df;color:#6b7963}.face-3{background:#eeeccd;color:#8a8556}.ios-face i{position:absolute;bottom:0;right:0;width:11px;height:11px;border:2px solid var(--ios-bg);border-radius:50%;background:#84af50}.ios-face .quiet{background:#bca784}.ios-person strong{display:block;font-size:11px;font-weight:550}.ios-person small{display:block;font-size:9px;color:#828b77;margin-top:4px}.ios-plan{display:flex;width:100%;align-items:center;gap:14px;padding:16px;border:1px solid var(--ios-line);background:#fff;border-radius:14px;text-align:left;color:var(--ios-ink)}.ios-date{display:grid;text-align:center;gap:3px;border-right:1px solid #e4e8dc;padding-right:15px}.ios-date small{font-size:9px;color:#819164;font-weight:600}.ios-date strong{font-size:24px;font-weight:500}.ios-plan>span:nth-child(2){flex:1}.ios-plan>span:nth-child(2)>strong{font-size:14px;font-weight:550}.ios-plan>span:nth-child(2)>small{display:block;font-size:10px;color:var(--ios-muted);margin-top:5px;line-height:1.5}.ios-plan>b{color:#a6b198;font-weight:300}.ios-sign{display:flex;position:relative;overflow:hidden;background:#f5f6ee;border:1px solid #e0ddcd;min-height:166px;border-radius:13px;margin-bottom:24px;padding:24px 18px}.ios-sign>div:first-child{position:relative;z-index:1;max-width:77%}.ios-sign>div>span{font-size:9px;letter-spacing:.11em;color:#7b846a}.ios-sign h2{font-size:28px;font-weight:600;line-height:1.12;letter-spacing:-1.25px;max-width:180px;margin:13px 0 10px;color:#517332}.ios-sign h2 span{color:#9dcd52}.ios-sign p{font-size:11px;color:#7f856f}.ios-sign-wood{position:absolute;right:0;top:0;bottom:0;width:28%;border-left:5px solid #fbfbf5;background:repeating-linear-gradient(90deg,#b89572 0,#b89572 14px,#ad8c69 15px,#be9d7c 16px);display:grid;place-items:center}.ios-sign-wood b{font-size:65px;font-weight:500;letter-spacing:-5px;color:#d1ff95;position:relative}.ios-sign-wood b span{position:absolute;right:-7px;top:6px;font-size:28px}.courtyard-home .ios-title{margin-bottom:21px}.courtyard-home .ios-people{margin:0 0 26px;padding:0 4px}.courtyard-home .ios-note{background:#fffdf8;border-top:3px solid #b89370;box-shadow:0 4px 10px #786a4410}.courtyard-home .ios-group{border-color:#dedccf}.courtyard-home .ios-section-head h2{font-size:18px}.ios-neon{background:#324b32;border-radius:18px;padding:25px 24px 20px;border-bottom:4px solid #b79876;margin-bottom:18px}.ios-neon>span{font-size:9px;letter-spacing:.12em;color:#ceddc2}.ios-neon h2{font-size:46px;line-height:1.05;letter-spacing:-2px;color:#c5ff77;font-weight:550;margin:14px 0 13px}.ios-neon h2 span{color:#a7d75c}.ios-neon p{font-size:12px;color:#d4e2c9}.ios-neon button{border:0;background:none;border-top:1px solid #6e7f5a66;width:100%;text-align:left;display:flex;justify-content:space-between;color:#e4f9d1;font-size:12px;padding:13px 0 0;margin-top:20px;min-height:32px}.ios-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ios-action-grid>button{background:#e8f5d6;border:1px solid #dfedcc;border-radius:15px;padding:16px;text-align:left;position:relative;color:#3e5e29}.ios-action-grid>button:nth-child(2){background:#f1f3e9;border-color:#e6eadb}.ios-action-grid>button>span{display:block}.ios-action-grid strong{display:block;font-size:30px;font-weight:550;letter-spacing:-1px;margin:14px 0 4px}.ios-action-grid small{font-size:10px}.ios-action-grid b{position:absolute;right:15px;top:15px;font-weight:400}.ios-laundry-strip{display:flex;align-items:center;gap:12px;margin-top:13px;width:100%;background:#fff;border:1px solid var(--ios-line);border-radius:13px;padding:14px 15px;color:#5d7546;text-align:left}.ios-laundry-strip>span{flex:1}.ios-laundry-strip strong{font-size:13px;font-weight:550;display:block}.ios-laundry-strip small{font-size:10px;display:block;color:var(--ios-muted);margin-top:4px}.ios-laundry-strip>b{color:#adb8a0}.fresh-home .ios-title{margin-bottom:20px}.fresh-home .ios-title h1>span{color:#b6e95f}.sunroom-home .ios-greeting{border:0;padding:0;margin:0 0 24px}.sunroom-home .ios-greeting h2{font-size:21px;max-width:280px;line-height:1.25}.sunroom-home .ios-people{padding:17px 15px;background:#eaf0df;border-radius:20px;margin:0 0 27px;position:relative;border-top:3px solid #bea280}.sunroom-home .ios-people .ios-section-head h2{font-size:16px}.sunroom-home .ios-people .ios-face{border:3px solid #fff7;height:48px;width:48px}.sunroom-home .ios-people .ios-face i{border-color:#eaf0df}.sunroom-home .ios-people .ios-person small{color:#6d785c}.sunroom-home .ios-group{border-radius:20px;border:0;box-shadow:0 3px 16px #42642a06}.sunroom-home .ios-row{min-height:84px}.sunroom-home .ios-icon{border-radius:50%;height:37px;width:37px;flex-basis:37px}.sunroom-home .ios-note{background:#edf3e3;border-radius:20px}.sunroom-home .ios-plan{border-radius:18px}.ios-end-note{font-size:11px;text-align:center;color:#8b967c;margin-top:32px}.ios-section>h2{margin-bottom:14px}.ios-section .form{margin-top:12px}.intro .eyebrow{font-size:9px}.intro h1{font-size:33px;font-weight:700;letter-spacing:-1px}.intro p{font-size:13px;line-height:1.6}.grid,.schedule-grid{grid-template-columns:minmax(0,1fr)}.card{padding:20px 17px;border-radius:14px}.card-head{flex-wrap:wrap}.card-head h2{font-size:18px;font-weight:600}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid>*,.field{min-width:0}input,select,textarea{max-width:100%}.schedule-times .form-grid{grid-template-columns:minmax(0,1fr)}.field{font-size:12px}input,select,textarea{font-size:16px;min-height:46px}.photo-menu summary{font-size:14px}.primary,button.primary{min-height:46px;font-size:14px}.option-tile{font-size:12px}.expense-amount{font-size:17px}.row{flex-wrap:wrap}.item.spread{flex-wrap:wrap}.main:has(.chat-panel){padding:0!important;overflow:hidden}.shell:has(.chat-panel){display:flex;height:100%}#content:has(.chat-panel){height:100%}.chat-panel{height:100%;min-height:0;border:0;border-radius:0!important}.chat-header{padding:20px 18px 15px}.chat-header h1{font-size:19px;font-weight:650}.chat-header p{font-size:10px}.chat-log{padding:20px 24px}.chat-composer{padding:12px 15px}.chat-message{max-width:82%}.chat-text{font-size:14px}.chat-reply{width:25px;min-width:25px;height:32px}.chat-composer textarea{font-size:16px}.chat-compose-row .chat-send{border-radius:50%;background:#c4eda1}.toast{bottom:105px;max-width:360px;font-size:12px}.ios-home button:hover{filter:brightness(.98)}
[data-variant='2']{--ios-bg:#f4f2e9;--ios-line:#e5e0d2;--ios-surface:#fffdf8}[data-variant='2'] .main{border-left:3px solid #b9936e;border-right:3px solid #b9936e;padding-left:19px;padding-right:19px}[data-variant='2'] .bottom-nav{background:#fbf9f2}[data-variant='2'] .ios-title h1{color:#394631}[data-variant='3']{--ios-bg:#f8faf3;--ios-green:#436b29}[data-variant='3'] .ios-profile{background:#d9f7b7;border-color:#c7eaa0}[data-variant='3'] .bottom-nav button.active{color:#4e7c25}[data-variant='3'] .bottom-nav button.active>span{background:#dcf6bd;padding:4px 14px;border-radius:16px;margin-top:-4px;margin-bottom:-4px}[data-variant='4']{--ios-bg:#f8f8ef;--ios-surface:#fffffc;--ios-line:#e8ebdd}[data-variant='4'] .ios-title h1{color:#4f683a;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,sans-serif}[data-variant='4'] .bottom-nav{background:#f8faf1}[data-variant='4'] .ios-profile{background:#e5eed5}
@media(max-width:760px){body{background:var(--ios-bg)}.study-bar{height:96px;min-height:96px;padding:9px 14px}.study-bar .study-title{font-size:10px;margin-bottom:6px}.study-bar nav a{min-height:47px;font-size:10px}.study-bar nav a span{font-size:8px}.demo-label{display:none}#app{width:100%;height:calc(100dvh - 96px);max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}.main,[data-variant='1'] .main,[data-variant='2'] .main,[data-variant='3'] .main,[data-variant='4'] .main{padding:25px 22px 30px}[data-variant='2'] .main{padding-left:19px;padding-right:19px}.study-footer{display:none}.bottom-nav,.shell:has(.chat-panel) .bottom-nav{padding-bottom:max(20px,env(safe-area-inset-bottom));position:relative}.bottom-nav:after{bottom:7px}.ios-title h1{font-size:40px}.ios-section-head h2{font-size:18px}.toast{bottom:90px;max-width:calc(100vw - 32px)}.chat-header{padding-top:21px}.intro h1{font-size:32px}.shell:has(.chat-panel){height:100%}.main:has(.chat-panel){min-height:0}}
[data-embed='true'] .study-bar,[data-embed='true'] .study-footer{display:none}[data-embed='true'] #app{width:100%;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}[data-embed='true'] body{background:var(--ios-bg)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.ios-plans .ios-plan+.ios-plan{margin-top:10px}.ios-date svg{color:#729052}.demo-balance{padding:21px 20px;margin:0 0 23px;background:#eaf0df;border-radius:19px;border-top:3px solid #bea280}.demo-balance>span{font-size:12px;color:#6c7d58}.demo-balance>strong{display:block;font-size:39px;font-weight:600;letter-spacing:-1.3px;margin:8px 0 7px;font-variant-numeric:tabular-nums}.demo-balance p{font-size:12px;color:#506443}.demo-balance small{display:block;font-size:10px;line-height:1.5;color:#758268;margin-top:13px}.ios-section-head h2{overflow-wrap:anywhere}.ios-plus{position:relative}.ios-plus:before{content:'';position:absolute;inset:-7px}
.utility-chart{margin:0 0 24px}.demo-tag{font-size:10px;border-radius:5px;background:#edf2e4;color:#70815b;padding:4px 7px}.metric-switch{display:flex;background:#eff1e9;border-radius:9px;padding:3px;margin-bottom:16px}.metric-switch button{flex:1;border:0;background:none;border-radius:7px;min-height:38px;color:#77816a;font-size:13px}.metric-switch button[aria-pressed='true']{background:#fff;color:#435f2d;box-shadow:0 1px 4px #293c1b14;font-weight:600}.utility-chart .field{font-size:11px}.utility-chart select{min-height:42px;font-size:14px}.chart-label{display:flex;justify-content:space-between;font-size:10px;color:#7a866d;margin-top:20px}.utility-bars{display:flex;gap:15px;margin-top:14px;align-items:flex-end}.utility-bar-column{flex:1;min-width:0;text-align:center;color:#6d7c5b;font-size:11px}.utility-bar-space{height:120px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;border-bottom:1px solid #dfe6d5;margin-bottom:9px}.utility-bar-space>span{font-size:10px;color:#50633c;font-variant-numeric:tabular-nums;white-space:nowrap}.utility-bar{width:33px;max-width:100%;background:#bdcf9f;border-radius:5px 5px 0 0}.utility-bar-column:last-child .utility-bar{background:#7da153}.chart-note{font-size:10px;line-height:1.6;color:#79866a;margin-top:15px}.utility-per-person{font-size:11px;color:#527638;border-top:1px solid #edf0e5;padding-top:11px;margin-top:11px}
/* Keep the four monthly bars and their labels together on the first phone screen. */
.main:has(.utility-chart) .topbar{display:none}.main:has(.utility-chart) .intro{margin-bottom:18px}.main:has(.utility-chart) .intro p{font-size:12px;margin-top:7px}.main:has(.utility-chart) .intro .eyebrow{font-size:8px}.main:has(.utility-chart) .demo-balance{padding:16px 18px;margin-bottom:18px}.main:has(.utility-chart) .demo-balance>strong{font-size:34px;margin:6px 0}.main:has(.utility-chart) .demo-balance small{font-size:9px;line-height:1.4;margin-top:9px}.utility-chart{padding:18px 17px}.utility-chart .card-head{margin-bottom:14px}.utility-chart .metric-switch{margin-bottom:12px}.utility-chart .chart-label{margin-top:16px}
.wide{width:100%}.photo-flow-note{background:#edf2e4;color:#687d50;padding:13px 15px;border-radius:12px;font-size:12px;line-height:1.6;margin:0 0 23px;display:flex;align-items:flex-start;gap:10px}.photo-flow-note .ui-icon{font-size:18px;margin-top:2px}.chore-back{font-size:15px;margin-bottom:16px;min-height:44px}.main:has(.chore-detail) .topbar{display:none}.chore-detail .intro{margin-bottom:20px}.chore-detail .intro h1{font-size:30px}.chore-steps{display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.chore-steps>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#8c967e;flex:1}.chore-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ebeee3;font-size:11px;font-weight:600}.chore-steps .step-current{color:#4b6d2f;font-weight:600}.chore-steps .step-current b{background:#d6edb4;color:#466429}.chore-steps .step-done{color:#638149}.chore-steps .step-done b{background:#e0ebd0}.chore-checklist{font-size:13px;line-height:1.6;padding:14px 16px;border-left:3px solid #b89a77;background:#f0f3e8;border-radius:0 9px 9px 0}.chore-checklist strong{display:block;font-size:11px;color:#6e7f5a;margin-bottom:4px}.simulation-disclosure{font-size:10px;line-height:1.6;color:#7e896e;margin:14px 0 20px}.photo-step h2{font-size:18px;margin:0 0 16px}.photo-help{font-size:12px;line-height:1.6;color:#6b7d59;margin:0 0 16px}.photo-step .photo-picker legend{font-size:12px}.photo-step .photo-menu summary{font-size:14px}.photo-step .form{gap:14px}.photo-step .primary{min-height:46px}.photo-step .example-photo{font-size:11px;margin-top:10px;min-height:44px}.picked-photo{width:100%;max-height:180px;object-fit:contain;border-radius:10px;background:#f2f4ec;margin-top:10px}.chore-photo{margin:0 0 16px}.chore-photo img{display:block;width:100%;max-height:230px;object-fit:contain;border-radius:10px;background:#eef1e7}.chore-photo figcaption{font-size:11px;color:#748562;margin-top:8px}.locked-step{font-size:12px;color:#849176;background:#f1f4eb;padding:16px;border-radius:9px;line-height:1.5}.demo-outcome{font-size:11px;color:#72825d}.demo-outcome summary{padding:8px 0;min-height:36px;display:flex;align-items:center}.demo-outcome summary:after{content:'⌄';margin-left:auto}.demo-outcome select{margin-top:6px;font-size:14px}.vision-review{background:#edf4e2;border:1px solid #dfe9d2;border-radius:12px;padding:16px;margin-bottom:16px}.vision-review h3{font-size:21px;font-weight:600;margin:13px 0 8px;color:#527439}.vision-review p{font-size:12px;line-height:1.6;color:#657c50}.vision-review small{display:block;font-size:10px;line-height:1.5;margin-top:12px;color:#7e8d6d}.review-retry{background:#f6f1e6;border-color:#e9dfc8}.review-retry h3{color:#947441}.review-retry p{color:#857452}.chore-submitted{font-size:14px;font-weight:600;color:#567736;padding:17px 0}.chore-submitted small{display:block;font-size:11px;font-weight:400;line-height:1.5;margin-top:8px;color:#788b62}

.photo-step{scroll-margin-top:14px}

/* Household profiles and account settings */
button.ios-person{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:4px;min-width:0;border-radius:16px}
.ios-person:focus-visible,.ios-profile:focus-visible{outline:2px solid #547d39;outline-offset:4px}
.ios-face img,.ios-profile img,.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.ios-face{position:relative}.ios-profile{overflow:hidden}.member-heading{display:flex;align-items:center;gap:16px;margin:24px 0;flex-wrap:wrap}.member-heading h1{margin:0}.member-heading .ios-profile{flex-shrink:0}.ios-row>span{min-width:0}.ios-row small{white-space:normal}

/* Preserve the original unboxed household faces, including variant overrides. */
html[data-variant] .ios-home .ios-people button.ios-person{appearance:none;display:block;background:transparent;border:0;box-shadow:none;padding:0;margin:0;border-radius:0;min-height:0;min-width:0;width:auto;font:inherit;color:inherit;text-align:center;transform:none}
html[data-variant] .ios-home .ios-people button.ios-person:hover{background:transparent;box-shadow:none}
.profile-page{padding-top:2px;color:var(--ios-ink)}
.main:has(.profile-page) .topbar{display:none}
.profile-back{min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:500}
.profile-hero{text-align:center;padding:12px 0 28px}
.profile-portrait{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;margin:0 auto 14px;background:#e1edcf;color:#56733b;font-size:28px;font-weight:600;overflow:hidden}
.profile-portrait img{width:100%;height:100%;object-fit:cover}
.profile-hero h1{font-size:29px;letter-spacing:-.9px;line-height:1.2}
.profile-hero h2{font-size:22px;letter-spacing:-.6px}
.profile-hero>p{font-size:13px;color:var(--ios-muted);margin-top:7px}
.profile-presence{display:flex;align-items:center;justify-content:center;gap:7px}
.profile-presence i{width:7px;height:7px;background:#84af50;border-radius:50%}
.profile-presence .quiet{background:#bca784}
.profile-section{margin-top:24px}
.profile-count{font-size:12px;color:var(--ios-muted);font-variant-numeric:tabular-nums}
.profile-page .empty{padding:12px 0 18px;font-size:13px;color:var(--ios-muted)}
.profile-message{padding:16px 0;border-top:1px solid #dfe5d7}
.profile-message time{font-size:11px;color:var(--ios-muted)}
.profile-message p{font-size:14px;line-height:1.55;margin-top:7px;overflow-wrap:anywhere}
.settings-title{font-size:32px;margin:8px 0 4px;letter-spacing:-1px}
.settings-page .profile-hero{padding:18px 0 2px}
.profile-label{font-size:10px;font-weight:600;letter-spacing:.09em;color:var(--ios-muted);margin:0 0 10px 4px}
.settings-group{background:var(--ios-surface);border:1px solid #e6e9df;border-radius:16px;padding:16px}
.settings-group .form+.form{margin-top:10px}
.profile-file{display:grid;gap:10px;font-size:13px;color:var(--ios-ink)}
.profile-file input{max-width:100%;font-size:12px;background:transparent}
.settings-group .choice-fieldset{border:0;padding:0;margin:0;min-width:0}
.settings-group .choice-fieldset legend{font-size:14px;font-weight:600;margin-bottom:12px}
.invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.invite-row strong{font-size:14px;font-weight:550}
.invite-row p{font-size:12px;margin-top:6px;letter-spacing:.06em;color:var(--ios-muted)}
.demo-settings{border-top:1px solid #dfe5d7;padding-top:18px;margin-bottom:8px}
.demo-settings summary{font-size:12px;color:var(--ios-muted);min-height:44px;display:flex;align-items:center}

.ios-devices{margin:0 0 27px;background:var(--ios-surface);border:1px solid #e6e9df;border-radius:20px;padding:17px 15px 5px}
.ios-devices .ios-section-head{margin-bottom:6px}.ios-devices h2{font-size:16px}.ios-devices .ios-caption{font-size:10px}
.device-status-row{display:flex;align-items:center;gap:10px;min-height:52px;border-top:1px solid #edf0e7}
.device-status-row:first-child{border-top:0}.device-symbol{display:grid;place-items:center;width:30px;height:30px;color:#7d8c6b}.device-symbol svg{width:20px;height:20px}
.device-name{font-size:13px;font-weight:550}.device-state{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;color:var(--ios-muted)}
.device-state i{width:6px;height:6px;border-radius:50%;background:#adb5a4}.device-running{color:#547b32}.device-running i{background:#7ca748}.device-finished{color:#967047}.device-finished i{background:#b58b5e}.device-state small{display:block;font-size:9px;margin-top:3px;text-align:right;color:var(--ios-muted)}
/* Live application adjustments: full-height shell without the design-study frame. */
:root { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
h1,h2,h3,.brand { font-family: inherit; }
#app > .auth { height:100%; overflow:auto; }
.skip { position:fixed; top:-100px; left:12px; z-index:100; background:white; padding:10px; }
.skip:focus { top:12px; }
.ios-person, .ios-profile { cursor:pointer; }
.ios-face img, .ios-profile img, .avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.ios-profile { padding:0; overflow:hidden; }
.ios-face img { position:absolute; inset:0; }
.ios-face i { z-index:1; }
.ios-faces { grid-template-columns:repeat(auto-fit,minmax(58px,1fr)); }
.invite-row p { overflow-wrap:anywhere; }
.invite-row > div { min-width:0; }
@media (min-width:761px) {
  [data-embed='true'] #app { max-width:1000px; margin:auto; }
  .ios-home, .profile-page { max-width:600px; margin:auto; }
}
.device-caption { margin:0 0 8px; font-size:10px; color:var(--ios-muted); }
.chore-list-row { border:0; overflow-wrap:anywhere; }
.chore-detail .section-gap { margin-top:18px; }
/* Household reminder preferences */
.reminder-actions { display:grid; gap:9px; margin-top:14px; }
.reminder-actions button { width:100%; min-height:44px; }
.settings-group details { margin-top:14px; }
.settings-group details .form { margin-top:12px; }
.claimed-chores .form, [data-claimed-chores] .form { margin-top:10px; }