@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap');

:root{--ink:#27322f;--muted:#69736f;--paper:#f4efe7;--card:#fffdf8;--line:#ded8ce;--sage:#6a7f70;--sage-dark:#435c4e;--peach:#e8b49b;--shadow:0 12px 38px rgba(54,62,56,.09)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body{margin:0;min-width:320px}button,input{font:inherit}button{touch-action:manipulation}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;max-width:1600px;margin:auto;padding:24px 32px 12px;gap:20px}.topbar,.section-heading,.card-heading,.calendar-toolbar,.topbar-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Fraunces",serif}h1{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:0;letter-spacing:-.04em}h2{font-size:clamp(1.5rem,2.2vw,2.2rem);margin-bottom:4px}h3{font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--sage);margin-bottom:5px}.weather{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center}.weather span{font-size:1.8rem;grid-row:1/3}.weather strong{font-size:1.2rem}.weather small{color:var(--muted)}.icon-button,.nav-item,.segmented button,.soft-button,.text-button,.primary-button{border:0;cursor:pointer}.icon-button{width:52px;height:52px;border-radius:50%;background:var(--card);font-size:1.3rem;box-shadow:var(--shadow)}.main-nav{display:flex;gap:7px;padding:6px;border:1px solid var(--line);background:rgba(255,255,255,.45);border-radius:18px;overflow:auto}.nav-item{min-height:48px;padding:0 24px;border-radius:13px;background:transparent;color:var(--muted);font-weight:700}.nav-item.active{background:var(--ink);color:white}main{min-height:0}.page{display:none;animation:appear .25s ease}.page.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(4px)}}.hero-card{background:linear-gradient(120deg,#3f594b,#6e8775);color:white;border-radius:28px;padding:28px 32px;display:flex;align-items:flex-end;justify-content:space-between;min-height:175px;box-shadow:var(--shadow)}.hero-card .eyebrow{color:#d6e2d9}.hero-card h2{font-size:clamp(2rem,4vw,3.8rem)}.hero-card p{margin-bottom:0}.profile-row{display:flex}.profile-chip{border:3px solid rgba(255,255,255,.85);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;margin-left:-8px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.span-2{grid-column:span 2}.text-button{background:none;color:var(--sage-dark);font-weight:700}.mini-week{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mini-day{border-top:1px solid var(--line);padding-top:12px;min-width:0}.mini-day strong,.mini-day span{display:block}.mini-day span{font-size:.78rem;color:var(--muted)}.event-pill{margin-top:8px;padding:8px 9px;border-radius:9px;color:white;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-row,.meal-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.check-row:last-child,.meal-row:last-child{border-bottom:0}.check-row input{width:22px;height:22px;accent-color:var(--sage)}.check-row.done span{text-decoration:line-through;color:var(--muted)}.owner-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.meal-card{background:#f8dfd0}.soft-button,.primary-button{min-height:44px;border-radius:12px;padding:0 16px;font-weight:700}.soft-button{background:#eee9e1;color:var(--ink)}.primary-button{background:var(--sage-dark);color:white}.primary-button:disabled{opacity:.55}.segmented{display:flex;background:#e8e2d9;padding:4px;border-radius:13px}.segmented button{background:transparent;padding:10px 17px;border-radius:9px}.segmented button.active{background:var(--card);box-shadow:0 3px 10px rgba(0,0,0,.08)}.calendar-toolbar{justify-content:center;margin:20px 0}.calendar-toolbar h3{margin:0;min-width:230px;text-align:center}.calendar-board{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;overflow:auto}.calendar-day{min-height:420px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px}.calendar-day.today{border:2px solid var(--sage)}.calendar-day-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:10px}.calendar-day-head strong{font-size:1.35rem}.calendar-event{padding:9px;border-left:5px solid;border-radius:7px;background:#f0ece5;margin-top:8px;font-size:.78rem}.calendar-event b,.calendar-event span{display:block}.calendar-event span{color:var(--muted);margin-top:3px}.month-view{grid-template-columns:repeat(7,minmax(110px,1fr))}.month-view .calendar-day{min-height:130px}.day-view{grid-template-columns:minmax(300px,720px);justify-content:center}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:clamp(2rem,4vw,3.7rem)}.meal-row{justify-content:space-between}.meal-row strong:first-child{color:var(--sage);min-width:90px}.photo-stage{min-height:65vh;border-radius:28px;background:#2e3c37;color:white;padding:36px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:34px;overflow:hidden}.photo-stage .eyebrow{color:#bfd0c4}.photo-copy h2{font-size:clamp(2.5rem,5vw,5rem)}.photo-copy p:not(.eyebrow){color:#d3dcd7;line-height:1.6}.photo-mosaic{height:480px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;transform:rotate(2deg)}.photo-mosaic div{background:linear-gradient(145deg,#e9b99f,#7d9988);border-radius:18px}.photo-mosaic div:first-child{grid-row:span 2;background:linear-gradient(145deg,#79968d,#d8c6ab)}.photo-mosaic div:last-child{background:linear-gradient(145deg,#d9aa91,#927d70)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;padding:0 4px}dialog{border:0;border-radius:22px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.3);width:min(92vw,460px)}dialog::backdrop{background:rgba(29,37,34,.55)}dialog form{padding:28px;position:relative}dialog label span{display:block;font-weight:700;margin:20px 0 7px}dialog input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:11px;padding:0 13px}dialog menu{display:flex;justify-content:flex-end;gap:10px;padding:18px 0 0;margin:0}.dialog-close{position:absolute;right:18px;top:18px;border:0;background:none;font-size:1.7rem;cursor:pointer}
.heading-actions,.button-row,.provider-heading,.form-row{display:flex;align-items:center;gap:12px}.link-button{display:inline-grid;place-items:center;text-decoration:none;cursor:pointer}.upload-button{display:inline-grid;place-items:center;width:max-content;cursor:pointer}.upload-button input{position:absolute;opacity:0;pointer-events:none}.upload-status{min-height:1.4em;margin-top:12px}.photo-gallery{min-height:420px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:190px;gap:10px}.photo-tile{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:16px;background:#53645e}.photo-tile:first-child{grid-column:span 2;grid-row:span 2}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;color:#cbd6d0;border:1px dashed #7d9187;border-radius:16px;padding:25px}.photo-delete{position:absolute;right:8px;top:8px;border:0;border-radius:50%;width:36px;height:36px;background:rgba(20,28,25,.72);color:#fff;cursor:pointer}.provider-heading{align-items:flex-start}.provider-heading h3{margin-bottom:4px}.provider-heading p{color:var(--muted)}.provider-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:white;font-weight:800;flex:0 0 auto}.google-mark{background:#4285f4}.yahoo-mark{background:#6001d2}.connector-form{display:grid;gap:12px}.connector-form label,.form-row label,#eventForm>label{display:grid;gap:6px;font-weight:700;flex:1}.connector-form input,.connector-form select,#eventForm input,#eventForm select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px}.connection-status{padding:10px 12px;border-radius:10px;background:#f0ece5;margin:12px 0;color:var(--muted)}.sync-card{margin-top:18px}.connector-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.connector-details{min-width:0}.connector-details>strong{display:block;overflow-wrap:anywhere}.connector-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.connector-row span,.connector-row small{display:block}.connector-row small{color:var(--muted)}.status-ok{color:#2f6f45}.status-error{color:#a33d34}.screensaver{position:fixed;z-index:100;inset:0;background:#111;color:white}.screensaver:not([hidden]){display:block}.screensaver img{width:100%;height:100%;object-fit:contain}.screensaver>div{position:absolute;left:0;right:0;bottom:0;padding:38px;background:linear-gradient(transparent,rgba(0,0,0,.78));display:flex;justify-content:space-between;align-items:flex-end}.screensaver strong{font-size:1.2rem}.screensaver small{opacity:.75}
@media(max-width:900px){.app-shell{padding:18px}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.photo-stage{grid-template-columns:1fr}.photo-mosaic{height:300px}.calendar-board{grid-template-columns:repeat(7,minmax(150px,1fr))}}
@media(max-width:650px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .app-shell{display:block;padding:14px 14px calc(94px + env(safe-area-inset-bottom))}
  .topbar{align-items:flex-start;margin-bottom:16px}.topbar h1{font-size:2rem}.weather{display:none}.icon-button{width:46px;height:46px}
  .main-nav{position:fixed;z-index:20;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:5px;border-radius:18px;background:rgba(255,253,248,.96);box-shadow:0 12px 44px rgba(31,43,38,.24);backdrop-filter:blur(16px)}
  .nav-item{min-width:0;min-height:52px;padding:0 4px;font-size:.72rem;border-radius:13px}
  .hero-card{min-height:0;padding:22px;display:block}.hero-card h2{font-size:2rem}.profile-row{margin-top:22px}.profile-chip{width:48px;height:48px}
  .dashboard-grid,.two-column{grid-template-columns:1fr}.dashboard-grid{gap:13px}.span-2{grid-column:auto}.card{padding:18px;border-radius:18px}
  .mini-week{grid-template-columns:repeat(5,minmax(96px,1fr));overflow:auto;padding-bottom:5px}.section-heading{align-items:flex-end}.section-heading h2{font-size:2.2rem}.section-heading .primary-button{white-space:nowrap}.segmented button{padding:9px 10px;font-size:.78rem}
  .calendar-toolbar{gap:7px;margin:14px 0}.calendar-toolbar h3{min-width:0;flex:1;font-size:.9rem}.calendar-toolbar .soft-button{padding:0 12px}
  .calendar-board.week-view,.calendar-board.day-view{display:grid;grid-template-columns:1fr;overflow:visible}.week-view .calendar-day,.day-view .calendar-day{min-height:92px}.week-view .calendar-day:not(.today):empty{display:none}
  .calendar-board.month-view{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;overflow:visible}.month-view .calendar-day{min-width:0;min-height:70px;border-radius:9px;padding:5px}.month-view .calendar-day-head{padding-bottom:3px;border:0}.month-view .calendar-day-head span{display:none}.month-view .calendar-day-head strong{font-size:.78rem}.month-view .month-event{display:inline-block;width:7px;height:7px;padding:0;margin:2px;border:0;border-radius:50%;background:var(--event-color)}.month-view .month-event b,.month-view .month-event span,.month-view .month-more{display:none}
  .heading-actions{align-items:flex-end;flex-direction:column}.photo-stage{padding:24px;min-height:auto;border-radius:22px}.photo-copy h2{font-size:2.6rem}.photo-gallery{min-height:280px;grid-auto-rows:120px}.photo-tile:first-child{grid-column:span 2;grid-row:span 2}.settings-grid{gap:13px}.button-row{flex-wrap:wrap}.form-row{align-items:stretch}.connector-row{grid-template-columns:minmax(0,1fr);gap:8px}.connector-actions{flex-direction:row;align-items:center;justify-content:space-between;padding-top:2px}.screensaver>div{padding:22px}.screensaver small{display:none}footer{display:none}
}
@media(orientation:portrait) and (min-width:700px){.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}}
.link-button.disabled{opacity:.5;pointer-events:none}

/* Family Hub v0.3 display controls, forecast, and fixed-screen calendar */
.weather{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;border-radius:12px;padding:6px 10px}.weather:hover,.weather:focus-visible{background:rgba(255,255,255,.65);outline:2px solid transparent}.screensaver-controls,.album-tools{display:flex;align-items:center;gap:10px;margin:16px 0}.screensaver-controls select,.album-tools select,.display-settings-form input{min-height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 12px;font:inherit}.screensaver-controls select,.album-tools select{min-width:220px}.display-settings-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.display-settings-form label{display:grid;gap:6px;font-weight:700}.display-settings-form label span{font-size:.8rem;color:var(--muted)}.household-settings{margin-top:18px}.screensaver img{background:#111}.weather-dialog{width:min(94vw,760px)}.weather-dialog form{padding:30px}.forecast-current{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;padding:18px;border-radius:18px;background:#edf1ed}.forecast-current>span{font-size:3.2rem}.forecast-current>strong{font-size:3rem}.forecast-current>div{color:var(--muted);line-height:1.6}.forecast-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:16px 0}.forecast-days article{display:grid;text-align:center;gap:6px;padding:12px 5px;border:1px solid var(--line);border-radius:13px;background:var(--card)}.forecast-days article>span{font-size:1.6rem}.forecast-days small,.forecast-credit{color:var(--muted)}
@media(min-width:901px){.app-shell{height:100vh;min-height:0}.app-shell main{min-height:0}.page#page-calendar.active{display:flex;height:100%;min-height:0;flex-direction:column}.page#page-calendar .section-heading{flex:0 0 auto;margin-bottom:8px}.page#page-calendar .section-heading h2{font-size:2.5rem}.page#page-calendar .calendar-toolbar{flex:0 0 auto;margin:6px 0 12px}.page#page-calendar .calendar-board{flex:1 1 auto;min-height:0;overflow:auto}.page#page-calendar .calendar-day{min-height:0;overflow:auto}.page#page-calendar .week-view,.page#page-calendar .day-view{grid-template-rows:minmax(0,1fr)}.page#page-calendar .month-view{grid-template-rows:repeat(6,minmax(0,1fr))}.page#page-calendar .month-view .calendar-day{min-height:0;overflow:hidden;padding:6px 7px}.page#page-calendar .month-view .calendar-day-head{padding-bottom:3px;margin-bottom:2px}.page#page-calendar .month-view .calendar-day-head span{font-size:.65rem}.page#page-calendar .month-view .calendar-day-head strong{font-size:.9rem}.month-event{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:5px;min-height:16px;padding-left:8px;font-size:.66rem;line-height:1.15}.month-event::before{content:"";position:absolute;left:0;width:5px;height:5px;border-radius:50%;background:var(--event-color)}.month-event span{color:var(--muted);white-space:nowrap}.month-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-more{display:block;margin:2px 0 0 8px;color:var(--sage-dark);font-size:.65rem;font-weight:700}}
@media(max-width:650px){.weather{display:grid;padding:3px 6px}.weather span{font-size:1.4rem}.weather strong{font-size:1rem}.weather small{display:none}.topbar-actions{gap:4px}.forecast-current{grid-template-columns:auto auto}.forecast-current>div{grid-column:1/-1}.forecast-days{grid-template-columns:repeat(7,minmax(76px,1fr));overflow-x:auto;padding-bottom:8px}.weather-dialog form{padding:24px 18px}.screensaver-controls,.album-tools{align-items:stretch;flex-direction:column}.screensaver-controls select,.album-tools select{width:100%;min-width:0}.display-settings-form{align-items:stretch;flex-direction:column}.display-settings-form input{width:100%}}

/* v0.4 photo filtering and multi-album tagging */
.photo-browser{min-width:0}.photo-filter-label{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:10px;font-weight:700}.photo-filter-label select{min-height:44px;min-width:220px;border:1px solid #71847b;border-radius:11px;background:#fff;color:var(--ink);padding:0 12px;font:inherit}.photo-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:#fff}.photo-open:focus-visible{outline:3px solid #fff;outline-offset:-5px}.photo-album-count{position:absolute;left:8px;bottom:8px;padding:6px 9px;border-radius:999px;background:rgba(20,28,25,.76);font-size:.72rem;font-weight:700}.photo-album-dialog{width:min(92vw,560px)}.photo-album-preview{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;margin:16px 0}.photo-album-preview img{width:90px;height:90px;object-fit:cover;border-radius:14px}.photo-album-preview strong{overflow-wrap:anywhere}.photo-album-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:300px;overflow:auto}.photo-album-choices label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.photo-album-choices input{width:22px;height:22px;min-height:0;accent-color:var(--sage-dark)}.photo-album-choices label span{display:block;margin:0;font-weight:700}
@media(max-width:650px){.photo-filter-label{align-items:stretch;flex-direction:column}.photo-filter-label select{width:100%;min-width:0}.photo-album-choices{grid-template-columns:1fr}}
.apple-mark{background:#222;font-size:.8rem}.apple-password-link{padding:6px 0;text-decoration:none;width:max-content}
.calendar-day[data-calendar-day]{cursor:pointer}.calendar-day[data-calendar-day]:focus-visible{outline:3px solid var(--sage);outline-offset:1px}.calendar-filter,#calendarFilter{min-height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 12px;font:inherit;max-width:260px}.connector-calendars{display:grid;gap:7px;margin-top:12px}.calendar-color-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;border-radius:10px;background:#f4f0e9}.calendar-color-row>span{display:flex!important;align-items:center;gap:8px}.calendar-color-row i{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.calendar-color-row input[type=color]{width:42px;height:32px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#fff}
@media(max-width:650px){#calendarFilter{width:100%;max-width:none}}
.meal-edit{display:grid;grid-template-columns:minmax(130px,auto) 1fr;align-items:center;gap:14px;flex:1;text-align:left;padding:8px 0}.meal-edit strong{color:var(--sage);min-width:0}.meal-delete{border:0;border-radius:50%;width:34px;height:34px;background:#eee9e1;color:var(--ink);cursor:pointer;font-size:1.2rem}.meal-row .meal-edit span{color:var(--ink)}
@media(max-width:650px){.meal-edit{grid-template-columns:1fr}.meal-row{align-items:flex-start}}
.connection-status a{display:inline-block;margin-top:8px;color:var(--sage-dark);font-weight:700}.connection-status small,.connection-status code{display:block}.connection-status code{margin-top:5px;padding:7px;border-radius:7px;background:#fff;overflow-wrap:anywhere;font-size:.72rem}
.oauth-settings{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.oauth-settings summary{cursor:pointer;color:var(--sage-dark);font-weight:700}.oauth-settings form{margin-top:12px}

/* v0.7 household lists, album management, and sign-in */
.text-button:disabled{opacity:.4;cursor:not-allowed}.danger-text{color:#a33d34}.grocery-lists{display:grid;gap:18px;align-content:start}.grocery-card .eyebrow{margin-bottom:2px}.grocery-card h3{margin-bottom:0}.grocery-items{margin-top:8px}.grocery-item-row{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line)}.grocery-item-row .check-row{border:0}.item-delete,.meal-delete{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#a33d34;font-size:1.35rem;cursor:pointer}.list-actions{display:flex;justify-content:space-between;gap:12px;padding-top:12px}.empty-list{text-align:center}.album-manager-dialog{width:min(92vw,580px)}.album-manager-list{display:grid;gap:8px;margin-top:18px}.album-manager-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 4px;border-bottom:1px solid var(--line)}.album-manager-row strong,.album-manager-row small{display:block}.album-manager-row small{color:var(--muted);margin-top:3px}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#31483c,#6e8775)}.login-card{width:min(92vw,440px);padding:38px;background:var(--card);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.32);text-align:center}.login-card img{margin-bottom:12px}.login-card h1{font-size:2.45rem}.login-intro{color:var(--muted);line-height:1.55;margin:14px auto 24px}.login-form{display:grid;gap:16px;text-align:left}.login-form label{display:grid;gap:7px;font-weight:700}.login-form input{min-height:54px;border:1px solid var(--line);border-radius:12px;padding:0 15px;text-align:center;font-size:1.35rem;letter-spacing:.18em}.login-form button{margin-top:4px}.login-status{min-height:1.4em;color:#a33d34;text-align:center;margin:0}
@media(max-width:650px){.dashboard-grid,.two-column,.grocery-layout{grid-template-columns:minmax(0,1fr)}.dashboard-grid>.card,.two-column>*{min-width:0}.list-actions{flex-wrap:wrap}.login-card{padding:30px 22px}.album-tools{align-items:stretch}.album-tools button{width:100%}}
@media(min-width:901px){.app-shell main{overflow:auto}}

/* v0.8 home dashboard: meal, shopping, and family moments */
.home-empty-state{min-height:88px;display:grid;place-content:center;justify-items:center;gap:5px;color:var(--muted);text-align:center}.home-empty-state span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e6eee8;color:var(--sage-dark);font-weight:800}.shopping-card{background:#edf1ed}.home-shopping{display:grid;margin-top:8px}.home-shopping-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 2px;border:0;border-bottom:1px solid rgba(67,92,78,.14);background:transparent;color:var(--ink);cursor:pointer;text-align:left}.home-shopping-row:last-of-type{border-bottom:0}.home-shopping-row span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-shopping-row strong{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--sage-dark);color:#fff;font-size:.8rem}.home-shopping-more{display:block;padding-top:9px;color:var(--muted)}.dashboard-photo-card{position:relative;min-height:238px;overflow:hidden;border-radius:22px;background:#40534b;box-shadow:var(--shadow)}.dashboard-photo-link{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#40534b;color:#fff;cursor:pointer;text-align:left}.dashboard-photo-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}.dashboard-photo-link img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 8s ease}.dashboard-photo-link img.is-visible{opacity:1;transform:scale(1)}.dashboard-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(18,29,24,.82))}.dashboard-photo-copy{position:absolute;left:20px;right:20px;bottom:18px;display:grid;gap:2px}.dashboard-photo-copy .eyebrow{color:#d7e4db;margin:0}.dashboard-photo-copy strong{font-family:"Fraunces",serif;font-size:1.35rem}.dashboard-photo-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;padding:22px;text-align:center}.dashboard-photo-empty[hidden]{display:none}.dashboard-photo-empty>span{font-size:2.2rem}.dashboard-photo-empty small{color:#d7e4db}.dashboard-photo-empty+*{display:none}
@media(max-width:900px) and (min-width:651px){.dashboard-photo-card{min-height:230px}.dashboard-photo-card:last-child{grid-column:span 2}}
@media(max-width:650px){.dashboard-photo-card{min-height:260px;border-radius:18px}.shopping-card .card-heading{align-items:flex-start}}
.dashboard-photo-copy[hidden]{display:none}

/* v0.8.1 shared-state refresh for installed phone apps */
.refresh-button{font-size:1.55rem;line-height:1}.refresh-button.is-refreshing{animation:hub-refresh-spin .8s linear infinite}.refresh-button:disabled{opacity:.58;cursor:wait}@keyframes hub-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.refresh-button.is-refreshing{animation:none}}

/* v0.9 wall-tablet orientation and batch grocery entry */
.grocery-items-dialog{width:min(92vw,620px)}.grocery-draft-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.grocery-draft-entry .soft-button{min-height:50px}.grocery-draft-hint{margin:10px 0 14px;color:var(--muted);font-size:.88rem;line-height:1.45}.grocery-draft-items{display:grid;gap:8px;max-height:310px;overflow:auto}.grocery-draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:7px 8px 7px 14px;border:1px solid var(--line);border-radius:12px;background:#f4f0e9}.grocery-draft-row span{overflow-wrap:anywhere}.grocery-draft-row button{width:36px;height:36px;border:0;border-radius:50%;background:var(--card);color:#a33d34;font-size:1.25rem;cursor:pointer}.grocery-draft-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}

@media (orientation:portrait) and (min-width:651px){
  .app-shell{max-width:none;width:100%;padding:28px 30px 18px;gap:22px}
  .topbar h1{font-size:clamp(2.5rem,5vw,3.8rem)}
  .main-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{padding:0 10px}
  .hero-card{min-height:220px;padding:34px}.hero-card h2{font-size:clamp(2.8rem,6vw,4.4rem)}
  .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-grid>*{min-width:0}.dashboard-photo-card:last-child{grid-column:span 2;min-height:360px}
  .two-column,.grocery-layout,.settings-grid{grid-template-columns:minmax(0,1fr)}
  .section-heading{align-items:flex-end}.heading-actions{flex-wrap:wrap;justify-content:flex-end}
  .page#page-calendar .calendar-board.week-view,.page#page-calendar .calendar-board.day-view{display:grid;grid-template-columns:minmax(0,1fr);overflow:auto}.page#page-calendar .week-view .calendar-day,.page#page-calendar .day-view .calendar-day{min-height:120px;overflow:visible}.page#page-calendar .week-view{grid-template-rows:none}
  .page#page-calendar .month-view{grid-template-columns:repeat(7,minmax(0,1fr))}
  .photo-stage{grid-template-columns:minmax(0,1fr);align-items:start;min-height:0}.photo-copy h2{max-width:13ch}.photo-gallery{grid-auto-rows:230px}
  .settings-grid{gap:18px}.settings-grid .card,.household-settings,.sync-card{max-width:900px;width:100%;margin-left:auto;margin-right:auto}
  dialog{max-height:calc(100vh - 48px);overflow:auto}
}

@media (orientation:landscape) and (min-width:901px){
  .dashboard-grid>*{min-width:0}.photo-stage>*{min-width:0}
  .section-heading .heading-actions{min-width:0}.calendar-filter,#calendarFilter{min-width:150px}
}

@media(max-width:650px){.grocery-draft-entry{grid-template-columns:minmax(0,1fr)}.grocery-draft-entry .soft-button{width:100%}.grocery-items-dialog form{padding:24px 18px}}

/* v0.10 cinematic mixed-media screensaver */
.screensaver-controls{flex-wrap:wrap}.effect-hint{margin:-8px 0 14px;color:#d3dcd7;font-size:.82rem;line-height:1.45}.upload-hint{margin:10px 0 0;color:#d3dcd7;font-size:.82rem;line-height:1.45}.video-play-mark{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(20,28,25,.68);color:#fff;font-size:1.5rem;transform:translate(-50%,-50%);padding-left:4px;box-shadow:0 8px 28px rgba(0,0,0,.28)}.media-processing{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:28px;text-align:center;background:linear-gradient(145deg,#42584e,#24332d);color:#fff}.media-processing small{max-width:28ch;color:#d7e4db;line-height:1.4}.media-processing .soft-button{margin-top:6px}.media-spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:media-spin .9s linear infinite}.media-failed{background:linear-gradient(145deg,#71483f,#392723)}.photo-delete:disabled{opacity:.4;cursor:wait}@keyframes media-spin{to{transform:rotate(360deg)}}
.screensaver{isolation:isolate;overflow:hidden;background:#15201b}.screensaver .screensaver-backdrop,.screensaver .screensaver-photo,.screensaver .screensaver-video{position:absolute;inset:0;width:100%;height:100%}.screensaver .screensaver-backdrop{z-index:0;object-fit:cover;filter:blur(34px) brightness(.62) saturate(1.08);transform:scale(1.14)}.screensaver .screensaver-photo,.screensaver .screensaver-video{z-index:1;object-fit:contain;background:transparent}.screensaver .screensaver-photo{filter:drop-shadow(0 18px 30px rgba(0,0,0,.3));will-change:transform}.screensaver .screensaver-video{background:transparent}.screensaver .motion-0{animation:cinema-a 13s ease-in-out both}.screensaver .motion-1{animation:cinema-b 13s ease-in-out both}.screensaver .motion-2{animation:cinema-c 13s ease-in-out both}.screensaver .motion-3{animation:cinema-d 13s ease-in-out both}@keyframes cinema-a{from{transform:scale(1.02) translate3d(-.5%,.3%,0)}to{transform:scale(1.075) translate3d(.8%,-.5%,0)}}@keyframes cinema-b{from{transform:scale(1.065) translate3d(.7%,-.3%,0)}to{transform:scale(1.015) translate3d(-.7%,.5%,0)}}@keyframes cinema-c{from{transform:scale(1.02) translate3d(.5%,.6%,0)}to{transform:scale(1.07) translate3d(-.7%,-.5%,0)}}@keyframes cinema-d{from{transform:scale(1.07) translate3d(-.6%,-.4%,0)}to{transform:scale(1.018) translate3d(.7%,.5%,0)}}
.screensaver .screensaver-backdrop.motion-0,.screensaver .screensaver-backdrop.motion-2{animation:cinema-back-a 13s ease-in-out both}.screensaver .screensaver-backdrop.motion-1,.screensaver .screensaver-backdrop.motion-3{animation:cinema-back-b 13s ease-in-out both}@keyframes cinema-back-a{from{transform:scale(1.14) translate3d(-1%,.5%,0)}to{transform:scale(1.2) translate3d(1%,-.5%,0)}}@keyframes cinema-back-b{from{transform:scale(1.2) translate3d(1%,-.5%,0)}to{transform:scale(1.14) translate3d(-1%,.5%,0)}}

/* v0.10.1 selectable photo effects */
.screensaver.effect-full-bleed .screensaver-backdrop{display:none}.screensaver.effect-full-bleed .screensaver-photo{object-fit:cover;filter:none;background:#111}.screensaver.effect-full-bleed .screensaver-photo.motion-0{animation:bleed-a 12s ease-in-out both}.screensaver.effect-full-bleed .screensaver-photo.motion-1{animation:bleed-b 12s ease-in-out both}.screensaver.effect-full-bleed .screensaver-photo.motion-2{animation:bleed-c 12s ease-in-out both}.screensaver.effect-full-bleed .screensaver-photo.motion-3{animation:bleed-d 12s ease-in-out both}@keyframes bleed-a{from{object-position:16% 50%;transform:scale(1.01)}to{object-position:82% 50%;transform:scale(1.2)}}@keyframes bleed-b{from{object-position:84% 50%;transform:scale(1.19)}to{object-position:18% 50%;transform:scale(1.02)}}@keyframes bleed-c{from{object-position:50% 12%;transform:scale(1.02)}to{object-position:50% 88%;transform:scale(1.18)}}@keyframes bleed-d{from{object-position:50% 88%;transform:scale(1.18)}to{object-position:50% 12%;transform:scale(1.01)}}
.screensaver.effect-floating-frame .screensaver-backdrop{filter:blur(28px) brightness(.5) saturate(1.12)}.screensaver.effect-floating-frame .screensaver-photo{inset:auto;left:50%;top:50%;width:auto;height:auto;max-width:88%;max-height:88%;padding:9px;object-fit:contain;border:6px solid rgba(255,255,255,.88);border-radius:22px;background:rgba(16,24,21,.2);box-shadow:0 28px 70px rgba(0,0,0,.55);filter:none}.screensaver.effect-floating-frame .screensaver-photo.motion-0,.screensaver.effect-floating-frame .screensaver-photo.motion-2{animation:float-a 12s ease-in-out both}.screensaver.effect-floating-frame .screensaver-photo.motion-1,.screensaver.effect-floating-frame .screensaver-photo.motion-3{animation:float-b 12s ease-in-out both}@keyframes float-a{from{transform:translate3d(-51%,-49%,0) rotate(-.6deg) scale(.97)}to{transform:translate3d(-49%,-51%,0) rotate(.5deg) scale(1.025)}}@keyframes float-b{from{transform:translate3d(-49%,-51%,0) rotate(.5deg) scale(1.025)}to{transform:translate3d(-51%,-49%,0) rotate(-.5deg) scale(.97)}}
.screensaver.effect-dissolve .screensaver-photo{transform:none}.screensaver.effect-dissolve .screensaver-photo.motion-0,.screensaver.effect-dissolve .screensaver-photo.motion-2{animation:dissolve-photo-a 12s ease both}.screensaver.effect-dissolve .screensaver-photo.motion-1,.screensaver.effect-dissolve .screensaver-photo.motion-3{animation:dissolve-photo-b 12s ease both}.screensaver.effect-dissolve .screensaver-backdrop.motion-0,.screensaver.effect-dissolve .screensaver-backdrop.motion-2{animation:dissolve-back-a 12s ease both}.screensaver.effect-dissolve .screensaver-backdrop.motion-1,.screensaver.effect-dissolve .screensaver-backdrop.motion-3{animation:dissolve-back-b 12s ease both}.screensaver.effect-video .screensaver-backdrop{animation:none;transform:scale(1.14)}@keyframes dissolve-photo-a{0%{opacity:0}9%,88%{opacity:1}100%{opacity:0}}@keyframes dissolve-photo-b{0%{opacity:0}9%,88%{opacity:1}100%{opacity:0}}@keyframes dissolve-back-a{0%{opacity:.25;transform:scale(1.14)}10%,90%{opacity:1;transform:scale(1.14)}100%{opacity:.25;transform:scale(1.14)}}@keyframes dissolve-back-b{0%{opacity:.25;transform:scale(1.14)}10%,90%{opacity:1;transform:scale(1.14)}100%{opacity:.25;transform:scale(1.14)}}
@media(prefers-reduced-motion:reduce){.media-spinner{animation:none}.screensaver .motion-0,.screensaver .motion-1,.screensaver .motion-2,.screensaver .motion-3,.screensaver.effect-full-bleed .screensaver-photo,.screensaver.effect-floating-frame .screensaver-photo,.screensaver.effect-dissolve .screensaver-photo,.screensaver.effect-dissolve .screensaver-backdrop{animation:none}}