@charset "UTF-8";
:root{--ink:#302d39;--muted:#797580;--purple:#705691;--purple-dark:#51406d;--lilac:#eee8f5;--paper:#f8f7f4;--line:#eae6e2;--green:#47745e;--peach:#f9eadb;--white:#fff;--radius:22px;--shadow:0 7px 30px #40324c06;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ab8dd4;outline-offset:4px}button svg{flex-shrink:0}svg{vertical-align:middle}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:14px}.skip:focus{top:10px}button{border:0;background:none}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:white;border-right:1px solid var(--line);padding:36px 22px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-1px;padding:0 6px}.brand-mark{display:flex;align-items:center;justify-content:center;width:38px;height:40px;background:var(--purple);border-radius:13px 13px 18px 18px;color:white;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.brand-caption{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:#a098a9;margin:14px 0 33px 8px}.nav-list{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;border-radius:13px;min-height:48px;padding:12px 14px;font-size:14px;font-weight:600;color:#837c8a;transition:background .15s,color .15s}.nav-item:hover{background:#f8f5fb;color:var(--purple-dark)}.nav-item.active{background:var(--lilac);color:var(--purple-dark)}.nav-counter{margin-left:auto;font-size:10px;min-width:20px;height:20px;display:grid;place-items:center;background:white;border-radius:6px}.sidebar-bottom{margin-top:auto}.sidebar-card{padding:18px;background:#f7f4f9;border:1px solid #eee9f2;border-radius:16px;font-size:12px;line-height:1.65;color:#888090}.sidebar-card strong{display:block;font-size:13px;color:var(--purple-dark);margin:8px 0 4px}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:0 6px;color:#a6a0ab;font-size:11px}.sidebar-footer button{font-size:11px;color:var(--muted);padding:8px 0}.shell{margin-left:230px;min-height:100vh}.topbar{height:87px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.house-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650}.house-label .icon{color:var(--purple)}.house-label small{color:var(--muted);font-weight:400;border-left:1px solid #d8d3dc;padding-left:12px;margin-left:4px}.top-right{display:flex;gap:16px;align-items:center}.preview-badge{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#8c8297;background:#efeaf3;border:1px solid #e8e0f0;border-radius:6px;padding:5px 8px}.profile-control{display:flex;align-items:center;gap:8px}.profile-control select{border:0;background:transparent;max-width:135px;color:var(--ink);font-weight:600;font-size:13px;padding:9px 3px}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:750;border:2px solid white;flex-shrink:0}.avatar.big{width:44px;height:44px;font-size:14px}.michel{background:#e3dbef;color:#6b538e}.suus{background:#fae0d7;color:#a45e47}.dex{background:#dcebdc;color:#4a7851}.luuk{background:#f7e9b9;color:#97793a}.chloe{background:#dce6f6;color:#527db0}main{padding:35px 42px 30px;max-width:1500px;margin:auto;outline:none}.eyebrow{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;font-weight:700;color:#938997;margin:0 0 9px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.page-heading h1{font-size:32px;line-height:1.22;letter-spacing:-1.2px;font-weight:650;margin:0 0 8px}.sub{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.btn{min-height:43px;border-radius:11px;padding:10px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:650;white-space:nowrap;transition:transform .15s,background .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--purple);color:white;box-shadow:0 3px 8px #70569115}.btn-primary:hover{background:var(--purple-dark)}.btn-soft{background:var(--lilac);color:var(--purple-dark)}.btn-white{background:white;border:1px solid var(--line)}.btn-danger{color:#a24646;background:#faeded}.btn .icon{width:17px;height:17px}.text-button{color:var(--purple);display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;padding:8px 0}.text-button .icon{width:15px;height:15px}.hero{border-radius:var(--radius);background:#eee7f2;position:relative;overflow:hidden;min-height:209px;display:flex;justify-content:space-between;margin-bottom:25px;border:1px solid #e7dfec}.hero-copy{padding:28px 32px;z-index:1;max-width:62%}.hero .eyebrow{color:#8f7c9f}.hero h2{font-size:25px;letter-spacing:-.7px;line-height:1.25;color:#514360;font-weight:650;margin:0 0 9px}.hero p{font-size:12px;color:#8a7c94;line-height:1.7;margin:0 0 17px}.family-stack{display:flex;align-items:center;gap:0}.family-stack .avatar{margin-left:-5px;width:35px;height:35px}.family-stack .avatar:first-child{margin-left:0}.family-stack button{margin-left:13px;color:var(--purple-dark);font-size:11px;display:flex;align-items:center;gap:5px;padding:8px 0}.family-stack .icon{width:13px;height:13px}.hero-art{width:300px;align-self:stretch;flex-shrink:0;position:absolute;right:10px;bottom:-10px;height:220px;opacity:.95}.hero-art svg{width:100%;height:100%}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,1fr);gap:24px;align-items:start}.column{display:grid;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px 25px;box-shadow:var(--shadow);min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.card-title{display:flex;align-items:center;gap:9px}.card-title .icon{width:18px;height:18px;color:#a693b1}.card h2,.card h3{font-weight:650;font-size:16px;letter-spacing:-.35px;margin:0}.small-tag{border-radius:6px;background:#f4f1f7;color:#9a8aa8;font-size:10px;padding:4px 7px}.schedule-row{display:flex;gap:14px;align-items:center;padding:13px 0;position:relative}.schedule-row+.schedule-row{border-top:1px solid #f2efed}.event-time{font-size:11px;color:#8a8390;width:39px;flex-shrink:0}.event-line{width:3px;height:37px;border-radius:2px;background:#b6a0d2;flex-shrink:0}.event-line.green{background:#a5bca0}.event-line.orange{background:#e1aa88}.row-copy{flex:1;min-width:0}.row-copy strong{font-size:13px;font-weight:600;display:block;overflow-wrap:anywhere}.row-copy small{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.tiny-avatar{width:27px;height:27px;font-size:9px}.row-edit{padding:8px;color:#b3a9bc;display:flex;border-radius:9px}.row-edit:hover{background:var(--lilac)}.row-edit .icon{width:15px;height:15px}.task-row,.shop-row{display:flex;align-items:center;gap:12px;padding:12px 0;min-height:60px}.task-row+.task-row,.shop-row+.shop-row{border-top:1px solid #f2efed}.check{border:1.5px solid #d7d0de;border-radius:7px;width:23px;height:23px;display:grid;place-items:center;padding:0;flex-shrink:0;position:relative}.check:after{content:"";position:absolute;inset:-10px}.check .icon{width:14px;height:14px;opacity:0}.check.checked{background:#87739d;border-color:#87739d;color:white}.check.checked .icon{opacity:1}.is-done .row-copy strong{text-decoration:line-through;color:#a5a0a8}.task-progress{display:flex;align-items:center;gap:12px;font-size:10px;color:#9c909f;margin-top:16px}.progress{height:5px;background:#f0ebf5;border-radius:20px;flex:1;overflow:hidden}.progress span{display:block;height:100%;background:#b7a1d0;border-radius:20px;transition:width .2s}.meal-card{background:#fcf6ee;border-color:#f1e5d7}.meal-art{height:135px;background:#f2e3ce;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:15px}.meal-art:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #dbc7a6;border-radius:50%;right:-60px;top:-70px}.food-plate{width:133px;height:115px;filter:drop-shadow(0 6px 5px #b9966030)}.meal-card h3{font-size:19px;margin:0 0 7px;font-weight:650}.meal-card .meal-details{display:flex;align-items:center;gap:12px;font-size:10px;color:#9b8b78;margin:10px 0 17px;flex-wrap:wrap}.meal-details span{display:flex;align-items:center;gap:4px}.meal-details .icon{width:13px;height:13px}.meal-card .btn{width:100%;background:white;border:1px solid #e9ddce;color:#8c7153}.mini-shopping{display:flex;justify-content:space-between;gap:15px;align-items:center}.mini-shopping .large-number{font-size:30px;font-weight:650;color:var(--purple);letter-spacing:-1px;line-height:1}.mini-shopping h3{font-size:14px;margin-bottom:5px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.chip{font-size:10px;padding:6px 9px;border-radius:7px;background:#f5f2f7;color:#968a9e}.happy-card{background:#eaf0e7;border-color:#e1e8dc;display:flex;gap:16px;align-items:center}.happy-card .happy-icon{background:#dce7d6;color:#709263;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.happy-card h3{font-size:13px;margin-bottom:5px}.happy-card p{font-size:11px;color:#819078;margin:0;line-height:1.6}.prototype-note{max-width:1500px;padding:4px 42px 25px;margin:auto;font-size:10px;color:#a29aa5;text-align:center;line-height:1.8}.prototype-note button{font-size:10px;text-decoration:underline;color:inherit;padding:6px}.bottomnav{display:none}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{display:flex;gap:7px;align-items:center;border-radius:25px;border:1px solid #e6e0e8;padding:7px 13px;font-size:11px;background:white;min-height:38px}.filter.active{background:var(--purple);border-color:var(--purple);color:white}.filter .avatar{width:22px;height:22px;font-size:8px;border:0}.filter.active .avatar{opacity:.9}.list-card{padding-top:8px;padding-bottom:8px}.task-list .task-row{min-height:77px}.task-list .row-copy strong,.shopping-list .row-copy strong{font-size:14px}.task-list .row-copy small,.shopping-list .row-copy small{font-size:11px}.count-note{font-size:12px;color:var(--muted)}.empty{padding:45px 20px;text-align:center;color:#94879e;font-size:13px;line-height:1.8}.empty .icon{width:32px;height:32px;margin-bottom:12px}.inline-add{display:flex;gap:9px;margin-bottom:22px;align-items:center}.inline-add input{min-width:0;flex:1}.field,input[type=text],input[type=number],input[type=date],input[type=time],textarea,.form-grid select{width:100%;border:1px solid #e1dae6;border-radius:10px;min-height:44px;padding:11px 12px;background:white;color:var(--ink);font-size:13px}.inline-add .btn{height:44px}.shop-section-title{font-size:10px;color:#a397ad;letter-spacing:1.8px;text-transform:uppercase;margin:24px 0 10px}.shop-row .amount{color:#a396ae;font-size:11px}.shopping-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.side-tip{background:#eee8f5;color:#82718e;border-radius:20px;padding:24px;font-size:12px;line-height:1.8}.side-tip h3{font-size:16px;color:#685177;margin:10px 0}.week-nav{display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);background:white;border-radius:10px;color:#8a7b97}.week-nav strong{font-size:13px;font-weight:600}.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:22px 0}.day-button{border:1px solid var(--line);border-radius:14px;background:white;text-align:center;padding:13px 3px;color:#a397ad;display:grid;gap:7px;font-size:10px;min-width:0}.day-button strong{font-size:21px;color:#70617d;font-weight:600}.day-button.active{background:var(--purple);border-color:var(--purple);color:#d8cce3}.day-button.active strong{color:white}.day-dot{width:4px;height:4px;display:block;background:#c9bcd6;border-radius:50%;margin:auto}.day-button.active .day-dot{background:#f1d4a6}.planning-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:24px;align-items:start}.presence-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.presence-person{display:flex;align-items:center;gap:10px;font-size:12px}.presence-person span:last-child{margin-left:auto;font-size:10px;color:#a399ac}.presence-person.away{opacity:.5}.info-note{font-size:11px;line-height:1.7;color:#9889a1;background:#f7f3fa;border-radius:12px;padding:13px;margin-top:18px}.date-label{font-size:10px;color:#b29dba}.meals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.meal-tile{padding:20px;display:flex;flex-direction:column}.meal-tile .meal-art{height:110px}.meal-tile .food-plate{height:90px}.meal-tile h3{font-size:15px;margin-bottom:8px}.meal-tile .sub{font-size:11px}.meal-tile .day-label{font-size:10px;color:#a195a6;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:14px}.meal-tile .actions{display:flex;gap:6px;margin-top:auto;padding-top:17px}.meal-tile .actions .btn{font-size:10px;padding:9px 10px;flex:1;min-width:0;white-space:normal}.meal-tile .actions .btn .icon{width:14px;height:14px}.meal-tile.current{border-color:#c7b5d7;box-shadow:0 0 0 1px #e0d2ea}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.member-grid{display:flex;flex-wrap:wrap;gap:17px;justify-content:space-around;margin:24px 0 7px}.member{text-align:center;font-size:11px;display:grid;gap:8px;justify-items:center}.member small{font-size:9px;color:#a69bab}.money-row{padding:17px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1edf4}.money-row:last-child{border-bottom:0}.money-row .amount{font-size:17px;font-weight:600;letter-spacing:-.5px}.saving-info{width:100%;margin:13px 0}.saving-info .progress{margin:8px 0}.saving-info .sub{font-size:10px;display:flex;justify-content:space-between}.rule{display:flex;gap:12px;padding:15px 0;align-items:center;border-bottom:1px solid #f1edf4}.rule:last-child{border:0}.rule>.icon{color:#aa98bb;width:18px;flex-shrink:0}.rule p{font-size:12px;margin:0;line-height:1.6}.budget-number{font-size:32px;letter-spacing:-1px;margin:20px 0 8px;color:#76618b}.budget-number small{font-size:12px;color:#b3a6bd;letter-spacing:0}.budget-categories{display:flex;gap:15px;font-size:10px;color:#94859e;flex-wrap:wrap;margin-top:15px}.budget-categories span:before{content:"";width:6px;height:6px;display:inline-block;background:#bda5d3;margin-right:5px;border-radius:2px}.feature-link{display:flex;width:100%;align-items:center;gap:13px;text-align:left;padding:18px;border:1px solid #eee5dd;background:#fcf6ee;border-radius:16px;margin-bottom:24px}.feature-link>span{flex:1}.feature-link strong{display:block;font-size:14px;margin-bottom:4px}.feature-link small{font-size:11px;color:#9c8d81}.mobile-meal-link{display:none}.child-hero{background:#f4ecca;border-color:#ece1af}.child-hero h2{color:#7d6a3b}.child-hero p{color:#a18c58}.star-display{font-size:60px;position:absolute;right:50px;top:40px;color:#c4a852}.child-profile-note{font-size:11px;line-height:1.6;background:#f0e9f7;padding:12px 16px;border-radius:12px;color:#867295;margin-bottom:22px}dialog{border:1px solid #e8e0ec;border-radius:23px;padding:0;max-width:510px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 20px 100px #2d153940;max-height:90dvh}dialog::backdrop{background:#35283e55;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 15px;gap:15px}.dialog-head h2{font-size:22px;letter-spacing:-.5px;margin:0;font-weight:600}.close{font-size:24px;color:#9e90a8;padding:0 6px;line-height:1;width:34px;height:34px}.dialog-body{padding:0 25px 25px}.dialog-body p{font-size:13px;line-height:1.8;color:#8d7f97}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#8c7d97}.form-grid .full{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;flex-wrap:wrap}.dialog-actions .delete-item{margin-right:auto}.toggle-row{display:flex;align-items:center;gap:10px;margin:10px 0;padding:9px 0;font-size:13px}.toggle-row input{margin-left:auto;width:19px;height:19px;accent-color:var(--purple)}.dialog-note{padding:10px 13px;background:#f7f2fa;border-radius:10px;font-size:11px!important}.toast{position:fixed;bottom:25px;left:calc(50% + 115px);transform:translate(-50%,20px);background:#51435e;color:white;padding:14px 21px;border-radius:13px;font-size:12px;z-index:60;box-shadow:0 7px 24px #39204720;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 35px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.star-pill{font-size:10px;color:#ba964d;background:#fbf3dc;padding:5px 8px;border-radius:7px;white-space:nowrap}
@media(min-width:1500px){.topbar{padding-left:max(42px,calc((100vw - 230px - 1416px)/2));padding-right:max(42px,calc((100vw - 230px - 1416px)/2))}.hero-art{right:40px}}
@media(max-width:1150px){.sidebar{width:200px;padding:30px 15px}.brand{font-size:21px}.shell{margin-left:200px}.topbar{padding:0 27px}main{padding:29px 27px}.prototype-note{padding:0 27px 25px}.dashboard-grid{gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr)}.column{gap:18px}.card{padding:20px}.hero-art{width:250px;right:0}.hero-copy{padding:26px}.hero h2{font-size:23px}.hero-copy{max-width:66%}.toast{left:calc(50% + 100px)}.meals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopping-layout{grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:900px){.sidebar{width:78px;padding:27px 12px}.brand{padding:0;justify-content:center}.brand>span:last-child,.brand-caption,.nav-item>span,.sidebar-bottom{display:none}.nav-list{margin-top:40px;gap:14px}.nav-item{justify-content:center;padding:12px}.nav-item .icon{width:22px;height:22px}.shell{margin-left:78px}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(240px,1fr)}.topbar{height:75px}.toast{left:calc(50% + 39px)}.shopping-layout{grid-template-columns:1fr}.side-tip{display:none}.planning-layout{grid-template-columns:minmax(0,1.3fr) minmax(200px,1fr)}}
@media(max-width:700px){.sidebar{display:none}.shell{margin-left:0}.topbar{height:68px;padding:0 20px;background:#fffdfb}.house-label{font-size:12px}.house-label small{display:none}.top-right{gap:8px}.preview-badge{font-size:8px;letter-spacing:.7px;padding:4px 6px}.profile-control{gap:3px}.profile-control select{font-size:11px;max-width:100px}.profile-control .avatar{width:28px;height:28px;font-size:9px}main{padding:26px 20px 20px}.page-heading{margin-bottom:23px;gap:10px;align-items:center}.page-heading h1{font-size:28px;letter-spacing:-.9px}.eyebrow{font-size:9px;letter-spacing:1.7px}.sub{font-size:12px}.page-heading>.btn{font-size:0;padding:12px;width:42px;min-width:42px}.page-heading>.btn .icon{width:18px;height:18px}.hero{min-height:205px;margin-bottom:20px}.hero-copy{padding:23px;max-width:73%}.hero h2{font-size:23px;max-width:210px}.hero p{font-size:11px;max-width:190px;margin-bottom:17px}.hero-art{width:190px;right:-29px;bottom:-22px;opacity:.7}.hero .family-stack{position:relative;z-index:2}.family-stack .avatar{width:30px;height:30px;font-size:9px}.family-stack button{font-size:10px;margin-left:8px}.dashboard-grid,.planning-layout,.family-grid{grid-template-columns:1fr;gap:18px}.column{gap:18px}.card{padding:21px}.card-top{margin-bottom:12px}.card h2{font-size:16px}.schedule-row{padding:14px 0}.meal-art{height:140px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffefaed;backdrop-filter:blur(15px);border-top:1px solid #eae5ef;padding:8px 6px max(10px,env(safe-area-inset-bottom));justify-content:space-around;gap:2px}.bottomnav button{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:9px;color:#a69aad;padding:6px 3px;min-height:47px;flex:1;max-width:90px;position:relative}.bottomnav button .icon{width:21px;height:21px}.bottomnav button.active{color:var(--purple);font-weight:700}.bottomnav button.active:before{content:"";position:absolute;top:0;width:38px;height:30px;border-radius:10px;background:#eee7f5;z-index:-1}.prototype-note{padding:6px 20px 100px;font-size:9px}.toast{left:50%;bottom:90px;font-size:11px;width:max-content}.section-top{gap:13px}.filters{gap:6px}.filter{font-size:10px;padding:6px 10px;min-height:35px}.filter .avatar{width:20px;height:20px}.week-strip{gap:5px;margin:19px 0}.day-button{border-radius:11px;padding:11px 2px;font-size:9px}.day-button strong{font-size:19px}.week-nav{gap:8px}.week-nav strong{font-size:12px}.count-note{font-size:11px}.inline-add{gap:7px}.inline-add .btn{padding:10px 12px;font-size:11px}.inline-add input{font-size:12px}.task-list .row-copy strong,.shopping-list .row-copy strong{font-size:13px}.task-list .row-copy small,.shopping-list .row-copy small{font-size:10px}.row-edit{padding:7px}.meals-grid{gap:13px}.meal-tile{padding:14px}.meal-tile .meal-art{height:90px}.meal-tile .food-plate{height:75px}.meal-tile .day-label{font-size:8px}.meal-tile h3{font-size:14px}.meal-tile .sub{font-size:10px}.meal-tile .actions{flex-direction:column;gap:6px;padding-top:12px}.meal-tile .actions .btn{font-size:10px;min-height:36px}.mobile-meal-link{display:flex}.star-display{right:30px}.child-hero .hero-copy{max-width:76%}.dialog-head{padding:22px 21px 15px}.dialog-head h2{font-size:20px}.dialog-body{padding:0 21px 24px}}
.eyebrow,.brand-caption,.event-time,.count-note,.row-copy small,.shop-section-title,.meal-tile .day-label,.member small,.budget-categories,.saving-info .sub,.prototype-note,.sidebar-footer,.task-progress{color:#766b7e}.hero .eyebrow,.hero p{color:#776482}.hero .family-stack button{color:#5d4673}.small-tag,.chip,.preview-badge{color:#786486}.info-note,.dialog-note,.sidebar-card,.side-tip{color:#74647f}.meal-card .meal-details{color:#806b53}.day-button{color:#766b7e}.presence-person span:last-child{color:#766b7e}.happy-card p{color:#607854}.bottomnav button{color:#7f7188}.row-edit{color:#8c789d}.star-pill{color:#8b6b2f}.dialog-body p,.form-grid label{color:#796787}.budget-number small{color:#89768f}.child-hero p{color:#826d3d}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.where-today{border:1px solid #e3d9ed;border-radius:22px;background:#eee7f5;margin-bottom:25px;overflow:hidden}.where-main{display:flex;gap:18px;align-items:center;padding:26px 28px}.where-main h2{margin:0 0 5px;font-weight:650;font-size:28px;letter-spacing:-.7px}.where-main>.small-tag{margin-left:auto;align-self:flex-start;background:#fff9}.house-picture{width:65px;height:65px;border-radius:20px;background:#ffffffb3;display:grid;place-items:center;flex-shrink:0;color:#78618f}.house-picture .icon{width:33px;height:33px;stroke-width:1.35}.where-next{padding:17px 28px;background:#ffffff80;display:flex;gap:13px;align-items:center}.where-next>.icon{color:#947ca8;flex-shrink:0}.where-next p{margin:0;flex:1;line-height:1.8;font-size:12px;color:#776582}.where-next strong{color:#574364}.where-next .btn{font-size:11px}.stay-filters{margin-bottom:24px}.stay-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:0 0 25px}.stay-day{border-radius:16px;min-width:0;padding:16px 5px;display:flex;flex-direction:column;align-items:center;gap:14px;background:#eee7f4;border:1px solid transparent;color:#705583;text-align:center}.stay-day.selected{outline:2px solid #8c70a2;outline-offset:3px}.stay-date{display:grid;gap:3px;font-size:10px;text-transform:uppercase}.stay-date>strong{font-size:22px;font-weight:600}.stay-house .icon{width:27px;height:27px;stroke-width:1.35}.stay-label{display:grid;gap:6px}.stay-label>strong{font-size:11px;line-height:1.4}.stay-label>small{font-size:9px;line-height:1.5}.apricot{background:#f7e8da;color:#8a6247;border-color:#f0dbcb}.sky{background:#e2ebf5;color:#4e6c8d;border-color:#d5e2f0}.unknown{background:#efedee;color:#807985}.stay-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);gap:24px;align-items:start}.sleep-at{display:flex;gap:15px;align-items:center;padding:22px;border-radius:15px;background:#f2ecf7;margin:20px 0}.sleep-at.apricot{background:#f9efe5}.sleep-at.sky{background:#ecf2f8}.sleep-at h3{font-size:23px;margin-bottom:6px}.sleep-at .house-picture{width:53px;height:53px;border-radius:16px}.sleep-at .house-picture .icon{width:27px;height:27px}.sleep-at .eyebrow{font-size:9px;margin-bottom:7px}.transfer-block{padding:2px 4px}.transfer-route{display:flex;align-items:center;gap:13px;font-size:12px;color:#8b779a;margin-bottom:17px}.transfer-route .icon{width:16px;height:16px}.transfer-time{display:flex;align-items:center;gap:9px;color:#7e6a8e}.transfer-time strong{font-size:20px;color:#5d466d}.transfer-time span{font-size:12px;margin-left:5px}.transfer-block p,.stay-calm{font-size:13px;line-height:1.8;color:#7f6c8e;margin-bottom:0}.stay-example-note{font-size:11px;color:#7b7082;line-height:1.8;margin-top:22px}.planning-stay-link{display:flex;justify-content:flex-end}.packing-card>.sub{margin-bottom:12px}
.stay-activities{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.stay-activities .schedule-row:last-child{padding-bottom:0}
@media(max-width:900px){.stay-week{gap:7px}.stay-label>strong{font-size:10px}.stay-detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(200px,1fr)}}
@media(max-width:700px){.where-main{padding:23px 20px;gap:13px;align-items:center}.where-main h2{font-size:26px}.where-main>.small-tag{font-size:8px;padding:4px;position:absolute;right:15px;top:13px}.where-main{position:relative}.where-main .eyebrow{font-size:8px}.where-main .house-picture{width:51px;height:59px;border-radius:16px}.where-main .house-picture .icon{width:29px;height:29px}.where-next{padding:16px 20px;gap:9px;flex-wrap:wrap}.where-next p{font-size:11px;min-width:190px}.where-next .btn{width:100%;margin-top:6px}.where-today{margin-bottom:20px}.stay-week{grid-template-columns:1fr;gap:8px;margin-top:7px}.stay-day{padding:11px 16px;flex-direction:row;text-align:left;gap:16px;border-radius:13px}.stay-day.selected{outline-offset:1px}.stay-date{width:36px;text-align:center;flex-shrink:0;font-size:8px;gap:1px}.stay-date>strong{font-size:19px}.stay-house .icon{width:24px;height:24px}.stay-label{display:flex;flex:1;justify-content:space-between;align-items:center;gap:8px}.stay-label>strong{font-size:13px}.stay-label>small{font-size:10px;white-space:nowrap}.stay-detail-grid{grid-template-columns:1fr;gap:18px}.sleep-at{padding:18px}.sleep-at h3{font-size:22px}.sleep-at .sub{font-size:11px}.planning-stay-link{justify-content:flex-start}.stay-example-note{font-size:10px}}
.calendar-intro{display:flex;gap:17px;align-items:center;background:#eee8f4;border:1px solid #e2d8ec;padding:24px;border-radius:20px;margin-bottom:25px}.calendar-intro>.icon{width:32px;height:32px;color:#8b6da2;flex-shrink:0}.calendar-intro>div{flex:1}.calendar-intro strong{font-size:16px}.calendar-intro p{font-size:12px;color:#7c688b;line-height:1.8;margin:6px 0 0}.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.calendar-source{display:flex;flex-direction:column}.calendar-provider{font-size:11px;font-weight:700;padding:6px 10px;border-radius:8px;color:#7d5f90;background:#f0e8f6}.calendar-provider.google{color:#537660;background:#eaf3ec}.calendar-provider.icloud{color:#577995;background:#e9f0f7}.calendar-provider.parro{color:#707947;background:#eff1df}.calendar-source h2{font-size:20px;margin:8px 0 15px}.calendar-owner{display:flex;align-items:center;gap:9px;font-size:11px;color:#897790;margin:0 0 17px}.calendar-owner .avatar{width:24px;height:24px;font-size:9px}.calendar-visibility{display:flex;gap:8px;align-items:center;font-size:12px;color:#79638b}.calendar-visibility .icon{width:16px;height:16px}.calendar-children{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.calendar-children .chip{display:flex;align-items:center;gap:6px;font-size:11px}.calendar-children .avatar{width:21px;height:21px;font-size:8px}.calendar-source-footer{padding-top:22px;margin-top:auto}.calendar-source-footer .sub{font-size:11px}.calendar-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.calendar-bottom h2{font-size:17px}.calendar-bottom p{font-size:12px;color:#7a6987;line-height:1.85;margin:12px 0 0}.calendar-child-picker{border:1px solid var(--line);border-radius:13px;margin:18px 0 10px;padding:10px 16px}.calendar-child-picker legend{font-size:11px;color:#7f6a90;padding:0 5px}.calendar-child-picker .toggle-row{margin:0;padding:7px 0}.calendar-child-picker .toggle-row input{width:19px;min-height:19px}
@media(max-width:700px){.calendar-grid,.calendar-bottom{grid-template-columns:1fr;gap:16px}.calendar-intro{padding:20px;gap:12px;align-items:flex-start}.calendar-intro>.small-tag{display:none}.calendar-intro strong{font-size:14px}.calendar-intro p{font-size:11px}.calendar-source h2{font-size:19px}.calendar-source .small-tag{font-size:9px}}

/* Server interface: same design system as the approved preview. */
a.btn,a.text-button,a.nav-item,a.filter,a.feature-link,a.brand,.bottomnav a{text-decoration:none}
.brand-dot{color:#c9b0da}.nav-item{flex-shrink:0}.profile-control>span:not(.avatar){font-size:13px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-control>.icon{width:13px;height:13px;transform:rotate(90deg)}
.account-menu{position:relative}.account-menu summary{cursor:pointer;list-style:none;min-height:44px}.account-menu summary::-webkit-details-marker{display:none}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:40;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #302d3914;padding:20px;min-width:210px}.account-dropdown strong{font-size:14px}.account-dropdown p{font-size:12px;color:var(--muted);margin:6px 0 16px}.account-dropdown .btn{width:100%}
.account-form{display:grid;gap:18px;margin-top:24px}.account-form label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#796787}.account-form input:not([type=hidden]):not([type=checkbox]),.account-form select,.house-switch select{border:1px solid #e1dae6;border-radius:10px;padding:12px;min-height:45px;max-width:100%;width:100%;background:#fff;color:var(--ink);font:inherit;font-size:13px}.account-form .btn{justify-self:start}.account-form input:focus,.account-form select:focus{border-color:#a68cbe}.account-form .form-grid{margin:0}.form-note{font-size:11px;line-height:1.8;color:#786b80;margin:17px 0 0}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.notice{padding:15px 18px;margin:0 0 24px;border-radius:13px;font-size:13px;line-height:1.7;color:#476d58;background:#edf4ed;border:1px solid #dce9dd}.notice.error{background:#fff1ee;border-color:#efd9d1;color:#944f41}.account-form .toggle-row{display:flex;font-size:12px;font-weight:400;gap:10px;color:var(--ink)}.account-form .toggle-row input{margin-left:auto;width:18px;height:18px;accent-color:var(--purple)}.account-form fieldset{min-width:0}
.house-switch{display:flex;gap:12px;align-items:center;margin:0 0 25px;font-size:12px}.house-switch select{width:auto;max-width:270px}.hero-copy .family-stack a{margin-left:13px;color:var(--purple-dark);font-size:11px;display:inline-flex;align-items:center;gap:5px;padding:8px 0;white-space:nowrap}.family-stack{flex-wrap:wrap;row-gap:6px}.feature-empty{display:flex;gap:17px;padding:13px 0 19px;align-items:flex-start}.feature-empty>.icon{color:#b4a3c2;width:30px;height:30px;flex-shrink:0}.feature-empty strong{font-size:13px;font-weight:600}.feature-empty p{color:var(--muted);font-size:12px;line-height:1.8;margin:7px 0 0}.meal-card .btn{margin-top:20px}.row-copy{min-width:0}.row-copy strong,.calendar-source h2,.chip,.member strong{overflow-wrap:anywhere}.shop-row{margin:0}.shop-row .check{margin:3px 0}.shop-row .row-copy{padding:5px 0}.filter{display:inline-flex;align-items:center}.refresh-link{margin-left:auto}.side-tip p{margin:12px 0 0}.calendar-editor{margin-top:25px;max-width:760px;scroll-margin-top:24px}.calendar-editor .account-form{margin-top:12px}.calendar-bottom p{line-height:1.8}.family-privacy{margin-top:24px}.coming-soon{max-width:720px;text-align:center;margin:30px auto;padding:40px}.coming-illustration{height:170px;display:flex;align-items:center;justify-content:center}.coming-illustration>.icon{height:74px;width:74px;color:#b29bc3;background:var(--lilac);padding:18px;border-radius:24px}.coming-illustration>.food-plate{height:155px}.coming-soon h2{font-size:24px;margin:0 0 15px}.coming-soon .sub{max-width:460px;margin:0 auto 24px}.app-footer{padding:10px 42px 30px;color:#817487;font-size:11px;text-align:center}
.login-page{background:var(--paper)}main.login-layout{max-width:1120px;min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding:50px 35px}.login-welcome{background:#eee7f2;border:1px solid #e7dfec;border-radius:30px;min-height:590px;position:relative;overflow:hidden;padding:35px}.login-welcome .brand{font-size:24px;padding:0}.login-intro{position:relative;z-index:1;margin-top:56px}.login-intro h1{font-size:35px;line-height:1.3;font-weight:650;letter-spacing:-1.15px;color:#514360;margin:14px 0 20px}.login-intro>p:last-child{font-size:14px;line-height:1.8;color:#776482}.login-welcome .hero-art{width:300px;height:250px;bottom:24px;right:-5px;opacity:.85}.login-welcome-foot{position:absolute;bottom:30px;left:35px;color:#766180;font-size:11px;display:flex;align-items:center;gap:8px;z-index:2}.login-welcome-foot>.icon{width:16px;height:16px}.login-form-card{border:0;background:transparent;box-shadow:none;padding:20px 0}.login-form-card h2{font-size:31px;letter-spacing:-.8px;margin:0 0 12px}.login-form-card .account-form{margin-top:32px}.login-form-card .account-form .btn{width:100%;margin-top:5px}.login-form-card .notice{margin-top:20px;margin-bottom:0}.login-form-card .form-note{margin-top:24px;max-width:360px}.login-form-card .account-form input{min-height:49px}
@media(max-width:1150px){.app-footer{padding-left:27px;padding-right:27px}.login-intro h1{font-size:30px}main.login-layout{gap:40px}.login-welcome{padding:30px}}
@media(max-width:900px){main.login-layout{gap:25px;grid-template-columns:1fr 1fr;padding:30px}.login-welcome{min-height:560px;padding:25px}.login-intro h1{font-size:27px}.login-welcome .hero-art{right:-60px;width:270px}.login-welcome-foot{left:25px}.login-form-card h2{font-size:27px}}
@media(max-width:700px){.bottomnav a{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:9px;color:#7f7188;padding:6px 3px;min-height:47px;flex:1;max-width:90px;position:relative;isolation:isolate}.bottomnav a .icon{width:21px;height:21px}.bottomnav a.active{color:var(--purple);font-weight:700}.bottomnav a.active:before{content:"";position:absolute;top:0;width:38px;height:30px;border-radius:10px;background:#eee7f5;z-index:-1}.profile-control>span:not(.avatar){font-size:11px;max-width:100px}.account-dropdown{min-width:190px}.app-footer{padding:8px 20px calc(100px + env(safe-area-inset-bottom));font-size:10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.feature-empty{gap:13px}.feature-empty p{font-size:12px}.family-stack{max-width:200px}.hero-copy .family-stack a{font-size:10px;margin-left:8px}.hero h2{max-width:205px}.coming-soon{padding:28px 20px;margin:0}.coming-soon h2{font-size:21px}.coming-illustration{height:145px}.house-switch{flex-wrap:wrap}.house-switch select{max-width:calc(100% - 90px)}.calendar-editor{padding:20px}.calendar-editor .form-actions{display:grid}.calendar-editor .form-actions .btn{width:100%}.shopping-layout .section-top{align-items:flex-start;flex-wrap:wrap}.filter{min-height:40px}.refresh-link{font-size:11px}.account-form input:not([type=hidden]):not([type=checkbox]),.account-form select,.inline-add input{font-size:16px}.family-privacy{margin-top:18px}main.login-layout{display:block;min-height:100svh;padding:20px;max-width:460px}.login-welcome{min-height:220px;padding:22px;border-radius:22px}.login-welcome .brand{font-size:20px}.login-welcome .brand-mark{width:32px;height:34px}.login-intro{margin-top:24px}.login-intro .eyebrow{display:none}.login-intro h1{font-size:24px;line-height:1.3;max-width:235px;margin:0}.login-intro>p:last-child{display:none}.login-welcome .hero-art{width:155px;height:150px;right:-28px;bottom:-10px;opacity:.55}.login-welcome-foot{display:none}.login-form-card{padding:28px 4px 20px}.login-form-card h2{font-size:26px}.login-form-card .account-form{margin-top:24px}}

/* Keep the wordmark visible on the separate login screen at tablet width. */
.login-welcome .brand{justify-content:flex-start}.login-welcome .brand>span:last-child{display:block}.account-menu summary:focus-visible{outline:3px solid #ab8dd4;outline-offset:4px;border-radius:8px}.brand-mark{flex-shrink:0}