:root{--canvas:#FAF7F1;--surface:#FFFFFF;--subtle:#F2EEE6;--ink:#25344D;--muted:#5D6778;--line:#DEDCD3;--control:#798394;--blue:#235BB5;--on-blue:#FFFFFF;--selected:#E3EDFC;--coral:#F3B7A3;--gold:#F2D77D;--lavender:#DCD0F2;--sky:#C6E4EF;--danger:#A33D32;--danger-bg:#FBE9E3;--shadow:0 12px 36px #25344D0B}body.dark{--canvas:#172131;--surface:#233148;--subtle:#2C3B52;--ink:#F5F2E9;--muted:#BBC7DB;--line:#465773;--control:#9DAFCB;--blue:#A5C8FF;--on-blue:#18365E;--selected:#304968;--danger:#FFB8A8;--danger-bg:#4F302B;--shadow:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:16px;line-height:1.45}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{min-height:48px;padding:10px 18px;border:1px solid var(--line);background:var(--surface);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}a{color:var(--blue)}svg{width:22px;height:22px;stroke-width:1.8;flex-shrink:0}.primary{background:var(--blue);color:var(--on-blue);border-color:var(--blue)}.ghost{background:transparent;border-color:transparent}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;margin:0 0 10px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.2px;line-height:1.15;margin-bottom:9px}h2{font-size:24px;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}h3{font-size:19px;line-height:1.3;margin-bottom:10px}p{margin-bottom:14px}.guide-bar{max-width:1440px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-bar span{color:var(--muted)}.guide-controls{display:flex;gap:10px;align-items:center}.guide-controls a{padding:12px;font-size:14px}.concept-label{text-align:center;color:var(--muted);font-size:10px;letter-spacing:1.3px;padding:4px 10px 18px}.tablet{max-width:1440px;min-height:860px;margin:0 auto;border:1px solid var(--line);border-radius:28px;background:var(--canvas);display:grid;grid-template-columns:114px minmax(0,1fr);position:relative;overflow:hidden;box-shadow:var(--shadow)}.rail{border-right:1px solid var(--line);padding:25px 10px 18px;display:flex;flex-direction:column;gap:25px;background:var(--surface)}.brand{text-align:center}.brand>svg{width:30px;height:30px;color:var(--blue);margin-bottom:3px}.brand strong{display:block;font-size:23px;letter-spacing:-1px}.brand span{display:block;font-size:11px;letter-spacing:1px;font-weight:500;color:var(--muted)}nav{display:flex;flex-direction:column;gap:9px}.rail button{flex-direction:column;padding:10px 3px;min-height:76px;border:0;background:transparent;font-size:13px;color:var(--muted);gap:6px;width:100%}.rail button.active{background:var(--selected);color:var(--blue)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:2px}.household{padding-top:18px;text-align:center;color:var(--blue);font-weight:700;font-size:21px}.household span{display:block;font-size:11px;color:var(--muted);font-weight:500}main{padding:34px 34px 30px;min-width:0}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.page-head p{color:var(--muted);margin:0}.head-actions{display:flex;align-items:center;gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2,.section-head h3{margin:0}.section-head button{font-size:14px;padding:8px 12px}.people{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.person{border-radius:30px;padding:7px 14px;min-height:48px;font-size:14px;gap:8px}.person[aria-pressed=true]{background:var(--selected);border-color:var(--blue)}.avatar{border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#25344d;background:var(--gold);font-size:12px;font-weight:700;flex-shrink:0}.alex{background:var(--coral);color:#25344d}.jamie{background:var(--sky);color:#25344d}.riley{background:var(--lavender);color:#25344d}.sam{background:var(--gold);color:#25344d}.home-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.welcome{background:var(--selected);border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:180px}.welcome h2{font-size:27px;max-width:330px;margin-bottom:10px}.welcome p{color:var(--muted);margin:0}.weather{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:20px;padding:16px}.weather svg{width:48px;height:48px;color:var(--blue)}.weather b{font-size:28px}.weather small{display:block;color:var(--muted)}.home-grid .agenda{grid-row:span 2}.event{display:flex;align-items:flex-start;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.event:last-child{border:0}.event-time{width:62px;font-weight:600;font-size:14px;color:var(--muted);flex-shrink:0;padding-top:3px}.event-copy{flex:1;min-width:0}.event-copy strong{font-size:17px;display:block}.event-copy small{color:var(--muted);display:block;margin-top:5px}.event-mark{width:4px;align-self:stretch;border-radius:5px;min-height:48px}.badge{font-size:12px;border-radius:8px;background:var(--subtle);padding:5px 9px;font-weight:600;display:inline-block}.task-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border:0}.check{width:48px;height:48px;padding:0;background:transparent;border:0;flex-shrink:0}.check .circle{width:25px;height:25px;border:2px solid var(--control);border-radius:50%;display:flex;align-items:center;justify-content:center}.task-row.done .circle{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}.task-row.done .task-title{text-decoration:line-through;color:var(--muted)}.task-copy{flex:1;min-width:0}.task-title{font-weight:600;overflow-wrap:anywhere}.task-copy small{color:var(--muted);display:block;margin-top:3px}.row-avatars{display:flex}.row-avatars .avatar+.avatar{margin-left:-8px;border:2px solid var(--surface)}.meal-card{display:grid;grid-template-columns:138px 1fr;gap:20px;align-items:center}.meal-card img{width:138px;height:140px;object-fit:cover;border-radius:18px}.meal-card h2{margin:8px 0;font-size:23px}.meal-card p{color:var(--muted);font-size:14px}.meal-card button{padding-left:0}.week-strip{grid-column:1/-1;padding:21px 24px}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.mini-day{border-radius:15px;background:var(--subtle);padding:13px;min-height:114px}.mini-day.current{background:var(--selected);outline:1px solid var(--blue)}.mini-day small{color:var(--muted);font-size:11px;letter-spacing:1px}.mini-day b{display:block;font-size:22px}.mini-day p{font-size:13px;margin:9px 0 0;line-height:1.3}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.segmented{padding:4px;background:var(--subtle);border-radius:16px;display:inline-flex;gap:3px}.segmented button{border:0;background:transparent;font-size:14px;padding:8px 17px}.segmented button.active{background:var(--surface);color:var(--blue);box-shadow:0 2px 5px #25344d0b}.calendar{display:grid;grid-template-columns:54px repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.calendar-head{padding:14px 6px;text-align:center;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.calendar-head b{display:block;font-size:24px;color:var(--ink);margin-top:3px}.calendar-head.today{background:var(--selected)}.hours{color:var(--muted);font-size:12px;display:flex;flex-direction:column}.hours span{height:105px;padding-top:12px;text-align:center}.calendar-col{height:525px;border-left:1px solid var(--line);position:relative;background:repeating-linear-gradient(to bottom,transparent,transparent 104px,var(--line) 104px,var(--line) 105px)}.calendar-col.today{background-color:var(--selected)}.cal-event{position:absolute;left:5px;right:5px;border-radius:12px;padding:10px;color:#25344d;font-size:13px;line-height:1.3;border-left:4px solid #5D6778;overflow:hidden}.cal-event b{display:block;font-size:14px;margin:4px 0}.cal-event small{display:block;font-size:11px;margin-top:5px}.cal-event em{display:block;font-size:11px;font-style:normal;font-weight:600}.now-line{position:absolute;top:258px;left:0;right:0;border-top:2px solid var(--blue)}.calendar-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding-top:16px}.tasks-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.task-list .task-row{min-height:92px}.overdue{color:var(--danger)!important}.score{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.score b{margin-left:auto;color:var(--blue);font-size:22px}.score small{display:block;color:var(--muted)}.score .avatar{width:42px;height:42px;font-size:14px}.team-note{background:var(--selected);border-radius:18px;padding:20px;margin-top:20px}.team-note svg{color:var(--blue);margin-bottom:12px}.team-note p{font-size:14px;color:var(--muted);margin:8px 0 0}.count{color:var(--muted);font-size:14px}.search{height:48px;border:1px solid var(--control);border-radius:14px;padding:12px 16px;background:var(--surface);width:260px}.recipes-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.recipe-card{padding:0;overflow:hidden}.recipe-card img{width:100%;height:142px;object-fit:cover;display:block}.recipe-card .copy{padding:18px}.recipe-card h3{font-size:17px;margin-bottom:8px}.recipe-card p{font-size:13px;color:var(--muted);margin:0}.recipe-art{height:142px;background:var(--selected);display:grid;place-items:center;color:var(--blue)}.recipe-art svg{width:54px;height:54px}.recipe-card.selected{outline:2px solid var(--blue)}.recipe-detail{padding:24px}.recipe-detail img{width:100%;height:152px;border-radius:16px;object-fit:cover;margin-bottom:18px}.recipe-detail h2{font-size:24px}.recipe-detail p,.recipe-detail li{font-size:14px}.recipe-detail ul{padding-left:20px;line-height:1.8}.recipe-detail .primary{width:100%}.meal-plan{margin-top:20px}.meal-plan .week-days{gap:6px}.meal-plan .mini-day{padding:10px;min-height:126px}.meal-plan .mini-day p{font-size:12px}.shopping-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.shopping-group{margin-top:22px}.shopping-group h3{font-size:13px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.shopping-group .task-row{padding:11px 0}.shopping-group .task-copy small{font-size:12px}.review{background:var(--surface)}.review .eyebrow{color:var(--blue)}.review p{font-size:14px;color:var(--muted)}.servings{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-block:1px solid var(--line);gap:12px}.stepper{display:flex;gap:8px;align-items:center}.stepper button{width:48px;padding:0}.ingredient{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.ingredient input{width:24px;height:24px;accent-color:var(--blue);margin:0}.ingredient label{min-height:48px;display:flex;align-items:center;gap:12px;flex:1}.ingredient span{margin-left:auto;font-weight:600}.review .primary{width:100%;margin-top:22px}.pantry{background:var(--subtle);padding:12px;border-radius:12px;margin-top:16px;font-size:13px;color:var(--muted)}.guide-notes{max-width:1340px;margin:64px auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px;padding:0 28px}.guide-notes h2{font-size:38px;letter-spacing:-1px}.guide-notes p{color:var(--muted)}.guide-notes a{display:block;padding:8px 0;font-size:14px}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.component-grid .card{padding:22px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{flex:1;min-width:70px}.swatch i{display:block;height:53px;border-radius:12px;margin-bottom:6px}.swatch b,.swatch small{display:block;font-size:11px}.component-actions{display:flex;gap:10px;flex-wrap:wrap}.type-sample{font-size:32px;font-weight:600;letter-spacing:-.8px;margin-bottom:8px}.component-grid label{display:block;font-size:14px;margin:12px 0 6px;font-weight:600}.component-grid input{width:100%;height:48px;border:1px solid var(--control);border-radius:12px;padding:10px;background:var(--surface)}.status-row{display:flex;gap:10px;flex-wrap:wrap}.error{color:var(--danger);background:var(--danger-bg);border-radius:12px;padding:12px;font-size:14px}.dialog-sample{border:1px solid var(--line);border-radius:18px;background:var(--canvas);padding:18px}.dialog-sample h3{margin-bottom:14px}.dialog-sample .component-actions{justify-content:flex-end;margin-top:15px}.component-grid .task-row{padding:7px 0}#toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--canvas);border-radius:16px;padding:14px 22px;box-shadow:var(--shadow);display:none;z-index:5}#toast.visible{display:block}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:28px;padding:30px;width:560px;max-width:calc(100% - 32px);box-shadow:var(--shadow)}dialog::backdrop{background:#17213170}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.dialog-top button{width:48px;padding:0}.dialog-top h2{margin:0}dialog label{display:block;font-size:14px;font-weight:600;margin:16px 0 6px}dialog input,dialog select{display:block;width:100%;height:52px;border:1px solid var(--control);border-radius:12px;background:var(--surface);padding:10px 14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}dialog .muted{font-size:13px;margin-top:18px}.demo-note{font-size:13px;color:var(--muted);margin-top:16px}.empty-state{text-align:center;padding:80px 30px}.empty-state svg{width:60px;height:60px;color:var(--blue);margin-bottom:20px}.empty-state p{color:var(--muted)}@media(max-width:1150px){main{padding:26px 22px}.tablet{grid-template-columns:96px minmax(0,1fr)}.home-grid{grid-template-columns:1fr 1fr}.weather{padding:12px;display:block}.weather svg{width:32px;height:32px}.welcome h2{font-size:23px}.recipes-layout{grid-template-columns:minmax(0,1fr) 300px}.shopping-layout{grid-template-columns:minmax(0,1fr) 340px}.tasks-layout{grid-template-columns:minmax(0,1fr) 250px}.mini-day{padding:10px}.cal-event{padding:7px;font-size:12px}.cal-event b{font-size:12px}.guide-bar{padding:16px}.guide-bar span{display:none}}@media(max-width:900px){.home-grid{grid-template-columns:1fr}.home-grid .agenda{grid-row:auto}.welcome{min-height:150px}.weather{display:flex}.week-strip{grid-column:auto}.tasks-layout,.recipes-layout,.shopping-layout{grid-template-columns:1fr}.page-head{align-items:flex-start}.page-head h1{font-size:30px}.guide-notes{grid-template-columns:1fr;gap:22px}.guide-controls{flex-wrap:wrap;justify-content:flex-end}.calendar{min-width:800px}.calendar-wrap{overflow-x:auto}.component-grid{grid-template-columns:1fr}.tablet{min-height:860px}.week-days{grid-template-columns:repeat(4,minmax(0,1fr))}.page-head .head-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:600px){.guide-bar{display:block}.guide-controls{justify-content:flex-start;margin-top:12px}.tablet{border-radius:0;grid-template-columns:78px minmax(0,1fr)}main{padding:20px 14px}.rail{padding-inline:4px}.rail button{font-size:11px}.page-head{display:block}.head-actions{margin-top:16px}.welcome{display:block}.weather{margin-top:18px}.recipe-grid{grid-template-columns:1fr}.meal-card{grid-template-columns:90px 1fr}.meal-card img{width:90px;height:120px}.week-days{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{display:block}.people{margin-bottom:12px}.search{width:100%}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[hidden]{display:none!important}.dinner-text{display:flex;justify-content:space-between;align-items:center;gap:20px}.dinner-text h2{margin-bottom:9px}.dinner-text p{margin-bottom:0}.dinner-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.recipe-title-block{padding:23px 20px;min-height:120px;display:flex;flex-direction:column;justify-content:center}.recipe-title-block h3{font-size:23px;color:#25344d;letter-spacing:-.5px;line-height:1.2}.recipe-title-block .eyebrow{color:#45516a;font-size:10px;letter-spacing:1.3px}.recipe-card .copy button{font-size:13px;padding-left:0;margin-top:12px}.recipe-detail li{margin-bottom:2px}button:disabled{opacity:.55;cursor:default}.guide-controls a{min-height:48px;display:inline-flex;align-items:center}@media(max-width:600px){.dinner-text{display:block}.dinner-actions{align-items:flex-start;margin-top:16px}}@media(min-width:901px){.home-grid .welcome{grid-column:1;grid-row:1;min-height:150px;padding:20px}.home-grid .dinner-text{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px}.home-grid .dinner-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px}.home-grid .agenda{grid-column:2;grid-row:2;padding:20px}.home-grid>section:nth-child(3){grid-column:1;grid-row:2;padding:20px}.home-grid .week-strip{grid-column:1/-1;grid-row:3;padding:18px 20px}.home-grid .task-row{padding:9px 0}.home-grid .event{padding:12px 0}.home-grid .mini-day{min-height:95px;padding:10px}.home-grid .section-head{margin-bottom:12px}.home-grid .welcome h2{font-size:25px}.home-grid .welcome .eyebrow{font-size:11px}.home-grid .welcome p{font-size:14px}.home-grid .weather{padding:12px}.home-grid .weather svg{width:36px;height:36px}}input::placeholder{color:var(--muted);opacity:1}.cal-event b{overflow-wrap:anywhere}.now-line{pointer-events:none}.tablet:has(.idle-scene){display:block;min-height:860px;background:#172131}.tablet:has(.idle-scene) .rail{display:none}.tablet:has(.idle-scene) main{padding:0}.idle-scene{position:relative;display:block;width:100%;height:860px;padding:0;border:0;border-radius:0;overflow:hidden;text-align:left;background:#172131;color:#fff;white-space:normal}.idle-scene:hover{filter:none}.idle-scene:active{transform:none}.idle-scene>img{width:100%;height:100%;object-fit:cover;display:block}.idle-scene:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10203f90);pointer-events:none}.idle-clock-panel{position:absolute;bottom:70px;left:56px;z-index:1;padding:24px 32px;border-radius:24px;background:#172131e6;color:#fff}.idle-time{display:flex;align-items:baseline;gap:14px;font-size:88px;line-height:1.1;font-weight:600;letter-spacing:-2px;font-variant-numeric:tabular-nums}.idle-time small{font-size:24px;letter-spacing:0}.idle-clock-panel #idle-date{font-size:25px;font-weight:400;margin-top:8px}.idle-return{position:absolute;bottom:36px;left:88px;z-index:1;font-size:14px;font-weight:400;color:#fff}.idle-sample-label{position:absolute;top:28px;right:28px;font-size:10px;letter-spacing:1px;padding:8px 12px;border-radius:8px;background:#172131e6;color:#fff}.idle-settings{margin-top:22px}.idle-settings label{display:block;font-size:14px;font-weight:600}.idle-settings input[type=number]{display:block;width:100%;height:52px;border:1px solid var(--control);background:var(--surface);border-radius:14px;padding:12px;margin-top:8px}.idle-settings .component-actions{margin-top:20px}.photo-upload{padding:12px;border:1px solid var(--control);border-radius:14px}.photo-upload input{display:block;margin-top:8px;max-width:100%}@media(max-width:900px){.idle-clock-panel{left:24px;bottom:70px;padding:20px}.idle-time{font-size:64px}.idle-clock-panel #idle-date{font-size:20px}.idle-return{left:44px}}.month-event,.month-cell small,.month-weekday{font-size:12px}.meal-view-switch{margin-bottom:24px}.meal-grid-card{padding:0;overflow:auto}.meal-grid{display:grid;grid-template-columns:116px repeat(7,minmax(0,1fr));min-width:950px}.meal-grid-head{padding:19px 12px;text-align:center;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}.meal-grid-head b{display:block;font-size:27px;color:var(--ink);margin-top:5px}.meal-kind{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 16px;border-bottom:1px solid var(--line);font-size:15px}.meal-kind svg{color:var(--blue);width:27px;height:27px}.meal-slot{padding:12px 8px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:156px;display:flex;align-items:stretch}.meal-slot button{white-space:normal;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:12px;padding:14px 12px;width:100%;font-size:16px;line-height:1.3}.meal-slot small{font-size:12px;color:var(--muted);font-weight:400}.empty-meal{border-style:dashed;background:transparent;color:var(--blue)}.meal-plan-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px}.meal-recipe-option{display:flex;justify-content:space-between;background:var(--selected);border-color:var(--blue);width:100%;margin-top:16px}@media(max-width:900px){.meal-plan-footer{flex-wrap:wrap}}.ingredient-breadcrumb{display:flex;align-items:center;gap:15px;margin-bottom:15px}.ingredient-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}.ingredient-categories{align-self:start;padding:18px}.ingredient-categories button{display:block;text-align:left;width:100%;white-space:normal;border:0;background:transparent;font-size:14px;margin-top:5px}.ingredient-categories button.active{background:var(--selected);color:var(--blue)}.ingredient-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-ingredient{justify-content:flex-start;white-space:normal;text-align:left;padding:14px;min-height:86px;gap:14px}.library-ingredient span strong,.library-ingredient span small{display:block}.library-ingredient small{color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.ingredient-icon{width:52px;height:52px;border-radius:14px;background:#e3edfc;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ingredient-icon>span{width:46px;height:46px;display:block;background-image:url(/assets/ingredient-icons.png);background-size:400% 400%;background-repeat:no-repeat}.ingredient-picker-results{display:grid;gap:10px;margin-top:20px}.ingredient-picker-results button{justify-content:flex-start;text-align:left;white-space:normal}.ingredient-picker-results button>svg{margin-left:auto}.ingredient-picker-results strong,.ingredient-picker-results small{display:block}.ingredient-picker-results small{color:var(--muted);font-size:13px;font-weight:400}.ingredient-quantity-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.custom-icon-choice{display:flex;gap:16px;align-items:center;margin-top:25px}.custom-icon-choice p{font-size:13px;margin:4px 0 0}.custom-icon-choice button{margin-left:auto}.household-library-note{background:var(--selected);color:var(--ink);border-radius:14px;padding:15px;display:flex;gap:12px;align-items:center;font-size:14px;margin-top:22px}.household-library-note svg{color:var(--blue)}.icon-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.icon-choice-grid button{flex-direction:column;gap:12px;min-height:130px;font-size:14px;white-space:normal}.icon-choice-grid button[aria-pressed=true]{border:2px solid var(--blue);background:var(--selected)}.structured-recipe-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.structured-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.structured-name{flex:1;min-width:0}.structured-name strong{display:block;overflow-wrap:anywhere}.structured-name small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.structured-row input{width:70px;min-height:48px;padding:8px;border:1px solid var(--control);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}.structured-row>button{padding:10px}.structured-row>button.ghost{width:48px;padding:0}.ingredient-amount{white-space:nowrap;font-size:18px}.combined-shopping-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px}.calculation-row,.calculation-total{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.calculation-total strong{color:var(--blue);font-size:22px}.incompatible-review{background:var(--subtle);border-radius:18px;padding:20px;margin-top:22px}.home-daily-meals{grid-column:2;grid-row:1;padding:20px}.home-daily-meals .section-head{margin-bottom:8px}.home-daily-meals h2{font-size:23px}.daily-meal-row{width:100%;display:flex;justify-content:flex-start;gap:12px;background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:8px 0;min-height:52px;text-align:left}.daily-meal-row:last-child{border-bottom:0}.daily-meal-row>svg{color:var(--blue);width:20px;height:20px}.daily-meal-row>svg:last-child{margin-left:auto;color:var(--muted)}.daily-meal-row small{display:block;color:var(--muted);font-size:11px;font-weight:400}.daily-meal-row strong{font-size:15px}.daily-meal-row span{flex:1}.ingredient-reconcile-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}@media(max-width:1100px){.ingredient-library-grid{grid-template-columns:1fr 1fr}.ingredient-layout{grid-template-columns:200px minmax(0,1fr)}.structured-recipe-layout,.combined-shopping-layout{grid-template-columns:1fr}.structured-row{gap:10px}}@media(max-width:900px){.home-daily-meals{grid-column:auto;grid-row:auto}}@media(max-width:700px){.ingredient-layout,.ingredient-library-grid{grid-template-columns:1fr}.icon-choice-grid{grid-template-columns:1fr 1fr}.structured-row,.custom-icon-choice{flex-wrap:wrap}.ingredient-reconcile-row{grid-template-columns:1fr}}.ingredient-library-grid{max-height:620px;overflow-y:auto;padding:3px}.meal-shopping-choice{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.meal-shopping-choice input{width:24px;height:24px;accent-color:var(--blue)}.meal-shopping-choice strong,.meal-shopping-choice small{display:block}.meal-shopping-choice small{color:var(--muted);font-size:14px;margin-top:6px}.ingredient-icon>span{background-image:none;background-color:#25344d;mask-image:url(/assets/ingredient-icons.png);mask-size:400% 400%;mask-position:var(--icon-position);mask-repeat:no-repeat;-webkit-mask-image:url(/assets/ingredient-icons.png);-webkit-mask-size:400% 400%;-webkit-mask-position:var(--icon-position);-webkit-mask-repeat:no-repeat}.ingredient-icon>span{transform:translate(var(--icon-dx,0px),var(--icon-dy,0px))}.app-info-entry{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.app-info-entry h2{margin-bottom:8px}.app-info-hero{display:flex;gap:28px;align-items:center;margin-bottom:24px}.app-info-mark{display:grid;place-items:center;background:var(--blue);color:var(--on-blue);border-radius:24px;width:100px;height:100px;flex-shrink:0}.app-info-mark svg{width:52px;height:52px}.app-info-hero h2{font-size:38px;margin:0 0 8px}.app-info-hero h2 span{font-size:20px;font-weight:500}.app-info-hero p{max-width:780px;margin:8px 0;line-height:1.55}.app-info-note{margin:20px 0}.app-info-note p{color:var(--muted);line-height:1.5;margin:8px 0 14px}.app-info-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.app-info-links button{white-space:normal;text-align:left;justify-content:flex-start;min-height:64px}@media(max-width:1000px){.app-info-links{grid-template-columns:1fr}.app-info-entry{align-items:flex-start;flex-direction:column}}:root{--favorite:#B82D46}body.dark{--favorite:#FF8699}.recipe-title-block{position:relative;padding-right:68px}.recipe-heart{width:48px;height:48px;min-width:48px;padding:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:50%}.recipe-title-block .recipe-heart{position:absolute;top:16px;right:16px}.recipe-heart.is-favorite{color:var(--favorite)}.recipe-heart.is-favorite svg{fill:currentColor;stroke:currentColor}.recipe-heart:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@font-face{font-family:Nunito Sans;src:url(/assets/fonts/NunitoSans-Regular.ttf)}@font-face{font-family:Nunito Sans;src:url(/assets/fonts/NunitoSans-SemiBold.ttf);font-weight:600}@font-face{font-family:Nunito Sans;src:url(/assets/fonts/NunitoSans-Bold.ttf);font-weight:700}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Regular.ttf)}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-SemiBold.ttf);font-weight:600}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Bold.ttf);font-weight:700}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/fonts/PlusJakartaSans-Regular.ttf)}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/fonts/PlusJakartaSans-SemiBold.ttf);font-weight:600}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/fonts/PlusJakartaSans-Bold.ttf);font-weight:700}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-Regular.ttf)}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-SemiBold.ttf);font-weight:600}@font-face{font-family:DM Sans;src:url(/assets/fonts/DMSans-Bold.ttf);font-weight:700}body{font-family:var(--font,"Nunito Sans"),sans-serif}button,input,textarea{font-family:inherit}textarea{font-size:inherit;line-height:inherit}body{min-height:100dvh}h1,h2,h3,strong,b,.task-title{font-weight:700}.app-shell{border:0;border-radius:0;min-height:100dvh;box-shadow:none;max-width:1600px}.app-shell main{overflow:auto;padding-bottom:44px}.rail{position:sticky;top:0;height:100dvh;padding-top:max(25px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.phone-nav{display:none}.row-open{border:0;background:transparent;border-radius:0;text-align:left;padding:0;white-space:normal;justify-content:flex-start;display:block;min-height:48px}.event.row-open{display:flex;width:100%;padding:12px 0}.task-copy.row-open{flex:1}.avatar.large,.home-grid .avatar{width:40px;height:40px;font-size:14px}.weather{border:0;text-align:left;white-space:normal;min-width:230px}.weather b{display:block;font-size:32px}.weather small{font-weight:600;font-size:14px}.weather svg{width:48px!important;height:48px!important}.week-days .mini-day{display:block;white-space:normal;text-align:left;border:0}.home-grid{gap:16px}.home-tasks{grid-column:1;grid-row:2}.home-grid .agenda{grid-column:2;grid-row:2}.home-daily-meals{grid-column:2;grid-row:1}.daily-meal-row strong{font-size:16px}.daily-meal-row small{font-size:12px}.week-strip .period-nav button{width:48px}.period-nav{display:flex;align-items:center;gap:10px}.period-nav h2{margin:0}.period-nav button{min-width:48px;padding:10px}.calendar.week-header{border:0;border-radius:0}.week-container{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.week-body{border:0;border-radius:0;overflow:visible}.week-scroll{max-height:calc(100dvh - 305px);min-height:350px;overflow-y:auto;overscroll-behavior:contain}.calendar-col{height:2520px}.hours span{flex-shrink:0}.cal-event{display:block;text-align:left;white-space:normal;min-height:0;padding:10px;font-weight:400;cursor:pointer}.cal-event:hover{filter:brightness(.98)}.cal-event:active{transform:none}.cal-event em{font-weight:700}.cal-event b{font-weight:700;font-size:14px}.cal-event small{font-size:12px}.all-day-strip{border:0;border-radius:0;min-height:64px}.all-day-strip>div{border-bottom:1px solid var(--line);padding:4px}.all-day-strip .cal-event{position:static;margin-bottom:4px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}.month-name{text-align:center;padding:15px;color:var(--muted);border-bottom:1px solid var(--line)}.month-day{min-height:115px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px;min-width:0}.month-day.today{background:var(--selected)}.month-day.outside{color:var(--muted)}.date-add{min-height:48px}.month-events{max-height:180px;overflow:auto}.month-events .cal-event{position:static;margin-bottom:5px;padding:7px;min-height:48px}.month-events .cal-event em,.month-events .cal-event small{font-size:11px}.agenda-date{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.agenda-date>div{min-width:60px;text-align:center}.agenda-date strong{display:block;font-size:24px}.agenda-date .cal-event{position:static;flex:1;min-height:76px}.meal-view-switch{margin-bottom:26px;display:flex}.meal-grid-wrap{overflow-x:auto}.meal-week-grid{display:grid;grid-template-columns:105px repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.meal-day-head{text-align:center;padding:15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.meal-day-head b{display:block;font-size:24px;color:var(--ink)}.meal-day-head.today{background:var(--selected)}.meal-row-label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);padding:10px}.recipe-grid{align-content:start}.recipe-card .copy p{font-size:14px}.favorite.selected svg{fill:#d85968;stroke:#d85968}.favorite{width:48px;padding:10px}.reader-actions{display:flex;gap:10px;flex-wrap:wrap}.recipe-detail h3{margin-top:20px}.recipe-detail .structured-row{padding:9px 0;gap:10px}.recipe-detail .ingredient-icon{width:42px;height:42px}.recipe-detail .ingredient-icon>span{width:46px;height:46px;transform:translate(var(--icon-dx),var(--icon-dy)) scale(.8)}.recipe-detail .ingredient-amount{font-size:14px}.ingredient-icon>span{background:none;background-color:#25344d;mask-image:url(/assets/ingredient-icons.png);-webkit-mask-image:url(/assets/ingredient-icons.png);mask-size:400% 400%;-webkit-mask-size:400% 400%;mask-position:var(--icon-position);-webkit-mask-position:var(--icon-position);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.quantity-badge{max-width:35%;white-space:normal}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}label{display:block;font-weight:600;margin:14px 0 6px}input,textarea{display:block;width:100%;border:1px solid var(--control);border-radius:12px;background:var(--surface);color:var(--ink);padding:12px 14px;min-height:48px}textarea{resize:vertical}input[type=checkbox]{width:24px;height:24px;min-height:0;padding:0;accent-color:var(--blue)}.check-label{display:flex!important;align-items:center;gap:12px;min-height:48px;margin:8px 0!important}.font-choice{display:flex;width:100%;flex-direction:column;align-items:flex-start;white-space:normal;margin:10px 0}.font-choice small{font-size:14px}.font-choice[aria-pressed=true],.recipe-picker button[aria-pressed=true]{background:var(--selected);border-color:var(--blue)}dialog{max-height:calc(100dvh - 32px);width:600px;overflow:auto}dialog.wide{width:900px}dialog form{margin:0}.dialog-actions{position:sticky;bottom:-30px;background:var(--surface);padding:16px 0 0;margin:10px 0 0}.dialog-top{margin-bottom:18px}.dialog-body label{margin-top:12px}.dialog-body .structured-row{flex-wrap:wrap}.structured-row .structured-name{min-width:140px}.structured-row>label{flex:1;min-width:130px}.structured-row>label input{width:100%}.structured-row .check-label{font-size:13px}.recipe-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:300px;overflow:auto}.recipe-picker button{white-space:normal;align-items:flex-start;flex-direction:column;text-align:left}.recipe-picker small{color:var(--muted)}.field-choice{margin:14px 0}.field-choice .segmented{flex-wrap:wrap}.field-choice .segmented button{min-height:48px}.servings input{width:80px}.review-entry{padding:15px 0;border-bottom:1px solid var(--line)}.review-entry small{color:var(--muted)}.hourly-weather{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.hourly-weather>div{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 4px;border-right:1px solid var(--line)}.hourly-weather b{font-size:13px}.hourly-weather svg{width:32px;height:32px;color:var(--blue)}.hourly-weather strong{font-size:22px}.hourly-weather small{color:var(--blue)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-card{padding:14px}.photo-card img{width:100%;height:180px;object-fit:cover;border-radius:14px}.photo-card strong{display:block;margin:10px 0;overflow-wrap:anywhere}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-button{display:flex;align-items:center;gap:8px;border-radius:14px;cursor:pointer;padding:12px 20px;min-height:48px;margin:0}.upload-button input{width:1px;height:1px;padding:0;min-height:0;opacity:0;position:absolute}.sync-indicator{position:fixed;bottom:max(5px,env(safe-area-inset-bottom));right:15px;z-index:3;font-size:12px;font-weight:600;color:var(--muted);display:flex;gap:8px;align-items:center}.sync-indicator.error,.sync-indicator.conflict{background:var(--danger-bg);color:var(--danger);padding:6px 10px;border-radius:12px}.sync-indicator button{min-height:48px;font-size:13px}.sync-error{position:fixed;right:20px;bottom:65px;background:var(--danger-bg);padding:12px;max-width:400px;z-index:5}.app-toast,.update-prompt{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:14px 22px;border-radius:16px;background:var(--ink);color:var(--canvas);z-index:20}.update-prompt{display:flex;gap:15px;align-items:center}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:450px;max-width:100%;display:flex;flex-direction:column;gap:12px}.auth-card h1{font-size:36px}.auth-card p{margin:0}.skip-link{position:fixed;left:15px;top:-70px;background:var(--surface);z-index:100;padding:12px}.skip-link:focus{top:15px}.app-idle{position:fixed;inset:0;height:100dvh!important;z-index:40}.app-idle img{width:100%;height:100%;object-fit:cover}.idle-time{font-size:80px;font-weight:700;line-height:1.2}.conflict-panel{position:fixed;inset:10%;background:var(--surface);border:1px solid var(--line);border-radius:24px;z-index:30;padding:30px;overflow:auto;box-shadow:0 0 0 100vmax #17213190}.conflict-panel pre{font-size:12px;overflow:auto;max-height:220px;white-space:pre-wrap}.phone-more{position:fixed;bottom:90px;right:15px;display:flex;flex-direction:column;padding:14px;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;z-index:20}@media(min-width:1600px){.app-shell{border-inline:1px solid var(--line)}}@media(max-width:1150px){.weather{min-width:180px}.welcome{flex-wrap:wrap}.home-grid .weather{display:flex}.meal-slot{padding:14px 10px}.meal-slot strong{font-size:15px}.calendar-foot{gap:15px}}@media(max-width:900px){.home-grid .home-daily-meals,.home-tasks,.home-grid .agenda{grid-column:auto;grid-row:auto}.settings-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.meal-week-grid{min-width:940px}.calendar.week-header,.calendar.week-body,.all-day-strip,.week-container{min-width:900px}.week-scroll{max-height:65dvh}.hourly-weather{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:650px){.app-shell{display:block;min-height:100dvh}.rail{display:none}.app-shell main{padding:calc(20px + env(safe-area-inset-top)) 16px calc(110px + env(safe-area-inset-bottom))}.phone-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:10}.phone-nav button{border:0;background:transparent;flex-direction:column;gap:3px;font-size:10px;min-height:58px;padding:6px 2px;color:var(--muted)}.phone-nav button.active{background:var(--selected);color:var(--blue)}.phone-nav svg{width:22px;height:22px}.page-head{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.page-head h1{font-size:30px}.head-actions{margin:0}.head-actions button{min-height:48px}.toolbar{display:flex;align-items:flex-start;gap:14px}.toolbar .people{gap:6px;margin:0}.person{font-size:13px;padding:6px 10px}.people .avatar{width:28px;height:28px}.home-grid{gap:14px}.welcome h2{font-size:24px!important}.weather{width:100%;margin-top:12px;min-width:0}.weather b{font-size:32px}.week-days{grid-template-columns:repeat(2,minmax(0,1fr))}.week-days .mini-day:last-child{grid-column:1/-1}.recipes-layout,.tasks-layout,.shopping-layout{grid-template-columns:1fr}.meal-view-switch{margin-bottom:20px}.photo-grid{grid-template-columns:1fr 1fr;gap:12px}.photo-card img{height:120px}.photo-card strong{font-size:13px}.calendar-foot{flex-wrap:wrap}.month-grid{min-width:800px}.calendar-wrap,.meal-grid-wrap{margin-inline:-16px;padding-inline:16px}.month-grid{overflow:auto}.month-grid:has(.month-day){min-width:0;grid-template-columns:repeat(7,minmax(40px,1fr))}.month-day{min-height:100px;padding:2px}.month-events .cal-event{padding:4px;font-size:10px;border-left-width:2px}.month-events .cal-event b{font-size:10px}.month-events .cal-event small{display:none}.month-events .cal-event em{font-size:9px}.month-name{font-size:11px;padding:8px 2px}.date-add{padding:8px;min-width:38px}.sync-indicator{bottom:calc(81px + env(safe-area-inset-bottom));right:8px;background:var(--surface);border-radius:8px;padding:3px 8px}.app-toast,.update-prompt{bottom:calc(115px + env(safe-area-inset-bottom));max-width:calc(100% - 30px);width:max-content}.form-grid{grid-template-columns:1fr}.settings-grid .segmented button{padding:8px 12px}.setting-row{flex-wrap:wrap}.card{padding:20px}.recipe-grid,.ingredient-library-grid{grid-template-columns:1fr}.ingredient-categories{display:flex;overflow:auto;gap:5px}.ingredient-categories button{min-width:120px;max-width:160px;margin:0}.ingredient-layout{grid-template-columns:1fr}.ingredient-icon{width:46px;height:46px}.ingredient-library-grid .library-ingredient{min-height:80px}.structured-row{gap:8px}.dialog-actions{bottom:-22px;flex-wrap:wrap}dialog{padding:22px;max-height:calc(100dvh - 24px);max-width:calc(100% - 24px)}dialog h2{font-size:24px}.recipe-picker{grid-template-columns:1fr}.hourly-weather{grid-template-columns:repeat(5,minmax(0,1fr))}.hourly-weather b{font-size:10px}.idle-clock-panel{left:20px;bottom:50px;padding:18px}.idle-time{font-size:56px}.conflict-panel{inset:15px}.sync-error{bottom:160px;left:15px;right:15px}.segmented{max-width:100%;flex-wrap:wrap}.search,.toolbar .search{width:100%}.home-grid .event{gap:10px}.event-copy strong,.task-title{font-size:16px}.calendar-head{padding:14px 6px}.dialog-body .field-choice .segmented button{white-space:normal}.phone-more button{min-height:48px}}.meal-grid-row{display:contents}.meal-grid .today{background:var(--selected)}.meal-slot{justify-content:stretch;flex-direction:row}.meal-slot button{font-weight:600}.meal-slot small{font-weight:400}.meal-slot .empty-meal{color:var(--blue)}.page-head .eyebrow{margin:0 0 10px;font-size:12px;font-weight:700}.home-grid .welcome{min-height:180px}.home-grid .row-open.task-copy{min-height:0;padding-block:7px}.home-grid .event.row-open{min-height:0}.page-head h1{font-weight:700}.sync-indicator{opacity:.85}.calendar-period{display:inline;border:0;border-radius:0;background:transparent;padding:0;min-height:0;color:var(--muted);font:inherit;white-space:normal;text-align:left}.calendar-page .page-head{align-items:flex-start}.calendar-page .page-head h1{margin-bottom:12px}.calendar-page .page-head p{line-height:24px}.calendar-page .cal-event{padding:8px 7px}.calendar-page .cal-event em,.calendar-page .cal-event small{font-size:12px}.calendar-page .cal-event b{font-size:14px}.calendar-page .calendar-foot .badge{border-radius:10px}@media(min-width:901px){.app-shell main:has(>.calendar-page.week-view){padding:0}.calendar-page.week-view{height:100dvh;min-height:720px;padding:8px 12px 6px 21px;display:grid;grid-template-rows:77px 56px minmax(0,1fr) 28px;gap:20px}.calendar-page.week-view .page-head,.calendar-page.week-view .toolbar{margin:0}.calendar-page.week-view .calendar-wrap,.calendar-page.week-view .week-container{min-height:0;height:100%}.calendar-page.week-view .week-container{display:flex;flex-direction:column}.calendar-page.week-view .week-header{flex:none;height:85px}.calendar-page.week-view .week-scroll{min-height:0;max-height:none;flex:1}.calendar-page.week-view .calendar-foot{padding:0;align-items:center}.calendar-page.week-view .page-head h1{font-size:36px}.calendar-page.week-view .head-actions button{margin-top:1px}}.period-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.period-picker-heading h3{margin:0}.period-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:18px}.period-picker-grid>span{text-align:center;font-size:13px;color:var(--muted)}.period-picker-grid button{padding:5px;min-width:0}.period-picker-grid .outside{color:var(--muted)}.period-picker-grid .today{background:var(--selected);border-color:var(--blue)}.period-picker-grid [aria-pressed=true]{background:var(--blue);color:var(--on-blue)}@media(min-width:901px){.calendar-page.week-view .cal-event{border:0;border-left:4px solid #5D6778;line-height:1.3}.calendar-page.week-view .cal-event em,.calendar-page.week-view .cal-event small{font-size:11px}.calendar-page.week-view .cal-event b{font-size:12px}.calendar-page.week-view .person,.calendar-page.week-view .segmented button{font-weight:700}}@media(min-width:901px){.calendar-page.week-view .page-head{align-items:flex-start}.calendar-page.week-view .cal-event{align-content:start}.calendar-page.week-view .week-header{border-bottom:1px solid var(--line)}.calendar-page.week-view .calendar-head{border-bottom:0}}.meals-page .page-head .eyebrow{margin-bottom:0}dialog.confirmation-dialog{width:600px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink)}.confirmation-dialog::backdrop{background:#17213170}.confirmation-dialog .dialog-top h2{margin:0}.confirmation-dialog .spec-actions{position:static;margin-top:24px}.confirmation-dialog .spec-read{gap:16px}.confirmation-dialog .spec-read strong{white-space:normal;overflow-wrap:anywhere;max-width:70%;text-align:right}@media(max-width:650px){dialog.confirmation-dialog{padding:22px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.confirmation-dialog .spec-read{flex-wrap:wrap}.confirmation-dialog .spec-read strong{max-width:100%;text-align:left}.confirmation-dialog .spec-actions{flex-wrap:wrap}}textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.spec-status{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:22px}.spec-dialog{max-width:820px;margin:20px auto}.spec-dialog.wide{max-width:1100px}.spec-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.spec-field input,.spec-field select,.spec-field textarea{width:100%;border:1px solid var(--control);background:var(--surface);color:var(--ink);border-radius:14px;min-height:52px;padding:12px;font-size:16px}.spec-field textarea{min-height:100px;resize:vertical}.spec-field button{white-space:normal;justify-content:space-between;text-align:left}.spec-fields{display:grid;gap:18px}.spec-fields.two-col{grid-template-columns:1fr 1fr;column-gap:24px}.spec-read{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.spec-read span{color:var(--muted);font-size:14px;flex:0 0 160px}.spec-read strong{font-size:17px;max-width:480px;text-align:right;overflow-wrap:anywhere}.spec-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.catalog-intro{color:var(--muted);max-width:800px}.catalog-primary{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 40px}.catalog-group{margin-top:28px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px;white-space:normal;gap:9px;min-height:150px}.catalog-tile strong{font-size:19px}.catalog-tile span{color:var(--blue);font-size:12px}.catalog-tile small{color:var(--muted);font-weight:400;font-size:14px}.view-instructions{max-width:1250px;margin:40px auto;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.view-instructions a{padding:12px}.month-demo{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:15px;overflow:hidden}.month-card{margin-top:20px;padding:14px}.month-weekday{padding:12px;text-align:center;color:var(--muted);font-size:12px;background:var(--surface)}.month-cell{min-height:110px;padding:10px;background:var(--surface);font-size:14px}.month-cell b{display:block;margin-bottom:6px}.month-cell.selected{background:var(--selected)}.month-cell.outside{color:var(--muted);background:var(--subtle)}.month-event{padding:6px;border-radius:7px;font-size:11px;margin-bottom:5px;line-height:1.3;color:#25344d}.month-cell small{font-size:11px;color:var(--muted)}.picker .month-cell{min-height:68px;text-align:center;font-size:20px;padding:17px}.photo-wall-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-wall-demo .card{padding:12px}.photo-wall-demo img{width:100%;height:235px;object-fit:cover;border-radius:16px}.photo-wall-demo .section-head{margin:18px 0 8px}.photo-wall-demo h3{font-size:17px}.photo-wall-demo button{padding:8px}.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.credit-grid button{min-height:110px;font-size:22px}.credit-grid .avatar{height:50px;width:50px;font-size:18px}.time-picker-demo{display:flex;gap:16px;align-items:center;justify-content:center;padding:60px 0}.time-picker-demo>button{font-size:42px;min-width:110px;min-height:90px}.clock-only{background:#172131;color:#fff;text-align:center;padding:160px 20px;border-radius:24px}.clock-only .idle-time{justify-content:center}.clock-only h2{margin-top:20px}.clock-only p{color:#bbc7db}@media(max-width:1050px){.catalog-grid,.photo-wall-demo{grid-template-columns:1fr 1fr}.month-cell{padding:6px}.month-event{font-size:10px}}@media(max-width:800px){.spec-fields.two-col,.catalog-grid,.photo-wall-demo{grid-template-columns:1fr}.spec-read{display:block}.spec-read strong{display:block;text-align:left;margin-top:6px}.month-card{overflow:auto}.month-demo:not(.picker){min-width:760px}.time-picker-demo{flex-wrap:wrap}}.rail .brand{display:block;min-height:0;padding:0;border:0;background:transparent;color:var(--ink);border-radius:0;white-space:normal}.dev-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dev-wide{grid-column:1/-1}.dev-facts{margin-bottom:20px}.dev-facts>div{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.dev-facts span{color:var(--muted)}.dev-facts strong{text-align:right}.dev-tool{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.dev-tool:last-child{border:0}.dev-tool p{margin:5px 0 0;color:var(--muted);font-size:14px;max-width:330px}.dev-tool button{font-size:14px;flex-shrink:0;padding:10px 14px}.dev-log-row{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.dev-log-row>span:nth-child(2){color:var(--muted);font-variant-numeric:tabular-nums}.dev-log-row small{margin-left:auto;color:var(--muted);font-size:13px}@media(max-width:1000px){.dev-grid{grid-template-columns:1fr}.dev-wide{grid-column:auto}.dev-log-row,.dev-tool{flex-wrap:wrap}}.account-index{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.account-index button{text-align:left;justify-content:flex-start}.account-auth{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1080px;margin:24px auto}.account-story{background:var(--selected);display:flex;flex-direction:column;justify-content:center;padding:48px}.account-story>svg{width:56px;height:56px;color:var(--blue);margin-bottom:24px}.account-story p{line-height:1.6}.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.account-member{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.account-member small,.admin-table small{display:block;color:var(--muted);margin-top:5px}.account-status{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;background:var(--selected);padding:6px 10px;border-radius:12px;white-space:nowrap}.account-status svg{width:16px;height:16px}.account-status.pending{background:var(--subtle)}.account-status.danger{background:var(--danger-bg);color:var(--danger)}.admin-frame{display:grid;grid-template-columns:195px minmax(0,1fr);gap:24px}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav button{text-align:left;justify-content:flex-start;white-space:normal;background:transparent;border-color:transparent}.admin-nav button.active{background:var(--selected);color:var(--blue);border-color:var(--blue)}.admin-nav .count{margin-left:auto}.admin-content{min-width:0;display:flex;flex-direction:column;gap:24px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-metrics .card{padding:20px}.admin-metrics h2{font-size:30px;margin:8px 0 0}.admin-table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.admin-table th{font-size:12px;letter-spacing:.03em;color:var(--muted);padding:14px 12px;background:var(--subtle)}.admin-table td{padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}.admin-table button{font-size:13px;white-space:normal}.approval-setting{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0}.approval-setting p{color:var(--muted)}.approval-toggle{background:var(--selected);min-width:110px}.approval-toggle span{display:inline-block;width:24px;height:24px;border-radius:50%;background:var(--blue)}.approval-toggle[aria-checked=false]{background:var(--subtle)}.approval-toggle[aria-checked=false] span{background:var(--muted)}@media(max-width:1100px){.admin-frame{grid-template-columns:1fr}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-nav .demo-note{width:100%}.admin-metrics,.account-index{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.account-auth{grid-template-columns:1fr}.account-story{padding:24px}.account-index{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}.approval-setting{align-items:flex-start;flex-direction:column}}body.admin-console-mode{background:var(--subtle)}.admin-console-mode .guide-bar,.admin-console-mode .concept-label,.admin-console-mode .guide-notes,.admin-console-mode .rail{display:none}.admin-console-mode #tablet{display:block;max-width:1600px;margin:0 auto;min-height:100vh;border:0;border-radius:0;background:var(--canvas)}.admin-console-mode #screen{padding:0 36px 36px;width:100%}.console-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:28px;gap:24px}.console-brand{display:flex;gap:14px;align-items:center}.console-brand>svg{width:40px;height:40px;color:var(--blue)}.console-brand strong{font-size:23px}.console-brand small{display:block;color:var(--muted);font-size:13px}.console-session{display:flex;gap:20px;align-items:center;font-size:14px}.console-login{max-width:520px;margin:0 auto;padding:72px 0}.console-login>.console-brand{margin-bottom:32px}.console-login h1{font-size:32px}.console-login .spec-field{margin-top:20px}@media(max-width:760px){.admin-console-mode #screen{padding:0 20px 24px}.console-header{align-items:flex-start;flex-direction:column}.console-login{padding:32px 0}}.accounts-shell .page-head h1,.admin-console-mode .page-head h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px}.accounts-shell .page-head .eyebrow,.admin-console-mode .page-head .eyebrow{margin-bottom:0;font-size:12px}.admin-console-mode .page-head{align-items:center;margin-bottom:26px}.admin-console-mode main{max-width:1600px;margin:auto;min-height:100dvh;padding:0 36px 36px}.admin-console-mode .card{padding:24px}.admin-console-mode .console-login h1{font-size:32px}.admin-console-mode .spec-field{font-size:14px}.admin-console-mode .spec-field input,.admin-console-mode .admin-nav button{font-size:16px}.admin-console-mode .admin-metrics .card{padding:20px}.admin-console-mode .demo-note,.accounts-shell .demo-note{font-size:13px;color:var(--muted);line-height:1.45}.account-form form{display:block}.account-form .spec-field{margin-bottom:18px}.accounts-shell .rail .brand{display:flex;flex-direction:column}.accounts-shell .rail-bottom{margin-top:auto}.accounts-shell .account-story .people{gap:8px}.accounts-shell .account-story .avatar{width:32px;height:32px;font-size:12px}.accounts-shell main{padding:34px}.account-story h2{font-size:36px}.account-story>svg{width:56px;height:56px}.account-form .demo-note{margin-top:16px}.admin-console-mode .console-login>.console-brand{margin-bottom:32px}.admin-console-mode .admin-nav{gap:8px}.admin-table td small,.admin-table td strong{overflow-wrap:anywhere}.spec-field select{font-family:inherit;font-size:16px;font-weight:600}.account-status{font-size:13px}.admin-console-mode .app-toast{max-width:90vw}@media(max-width:760px){.admin-console-mode main{padding:0 20px 24px}.admin-console-mode .admin-nav{flex-direction:row;overflow:auto}.admin-console-mode .admin-nav button{white-space:normal}.accounts-shell main{padding:20px}.account-story h2{font-size:30px}.admin-table{min-width:620px}}.admin-console-mode main{background:var(--canvas)}.accounts-shell .account-story{padding:48px}@media(max-width:760px){.accounts-shell .account-story{padding:24px}.console-brand small,.console-session span{overflow-wrap:anywhere}.console-session{flex-wrap:wrap}.admin-console-mode .page-head h1,.accounts-shell .page-head h1{font-size:30px}}.admin-console-mode .toolbar select{min-height:48px;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font:inherit}.account-page-head .eyebrow{margin-bottom:0}.admin-console-mode .admin-nav button{font-weight:600}.app-shell main:has(.account-page-head) .account-member .avatar{width:32px;height:32px;font-size:12px}.dev-facts strong,.console-session span{overflow-wrap:anywhere}.console-phone-menu{display:none}@media(max-width:760px){.console-phone-menu{display:flex;margin-bottom:22px}.admin-console-mode .admin-nav{display:none}.admin-console-mode .admin-table-scroll{overflow:visible}.admin-console-mode .admin-table{min-width:0;display:block}.admin-console-mode .admin-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.admin-console-mode .admin-table tbody{display:block}.admin-console-mode .admin-table tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}.admin-console-mode .admin-table td{display:block;border:0;padding:8px 0;min-width:0}.admin-console-mode .admin-table td[data-label]:not([data-label=""]):before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:5px}.admin-console-mode .search,.admin-console-mode .admin-table button{width:100%}.accounts-shell .account-story h2,.account-page-head h1{overflow-wrap:anywhere}.dev-facts>div{flex-wrap:wrap}.dev-facts strong{text-align:left}}.admin-console-mode .spec-dialog .spec-field+.spec-field{margin-top:0}.admin-console-mode .admin-content>.card>.spec-field{margin-top:0}.accounts-shell .spec-field,.app-shell main:has(.account-page-head) .spec-field,.admin-console-mode .spec-field{margin:0}.accounts-shell .account-form .spec-field{margin:0 0 18px}.admin-console-mode .console-login .spec-field{margin:20px 0 0}.accounts-shell main .account-form .spec-field{margin:0 0 18px}.account-form .account-submit{display:contents}