*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--color-border:#e2dbd2;--color-bg:#f0ece5}body{color:#1e2028;background-color:#f0ece5;min-height:100dvh;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;line-height:1.7}h1,h2,h3,h4,h5,h6{color:#c0503a;font-family:Playfair Display,georgia,serif;font-weight:700;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:#4a4e5a;margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:#c0503a;text-decoration:none;transition:color .15s}a:hover{color:#a8422e}ul,ol{margin-bottom:1rem;padding-left:1.5rem}ul:last-child,ol:last-child{margin-bottom:0}li{color:#4a4e5a;margin-bottom:.25rem}li:last-child{margin-bottom:0}section{margin-bottom:3rem}section:last-child{margin-bottom:0}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea{color:#1e2028;background:#fff;border:1px solid #e2dbd2;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;transition:border-color .15s,box-shadow .15s}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:#8892a4}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,textarea:focus{border-color:#c0503a;box-shadow:0 0 0 3px #f5e8e5}:root{--mobile-nav-h:64px}app-shell{display:block}.shell{min-height:100vh;display:flex}.sidebar{display:none}@media (width>=769px){.sidebar{background:#2b2d33;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0}}.sidebar-brand{color:#fff;margin-bottom:24px;font-family:Playfair Display,georgia,serif;font-size:20px;font-weight:700;line-height:1}.sidebar-brand span{color:#c0503a}.nav-item{cursor:pointer;color:#ffffff73;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff1f}.nav-item.active:before{content:"";background:#c0503a;border-radius:0 4px 4px 0;width:4px;height:24px;position:absolute;left:-12px}.sidebar-spacer{flex:1}.page-main{min-width:0;padding-top:var(--mobile-nav-h);flex:1}@media (width>=769px){.page-main{padding-top:0}}.shell-slot{flex:1;min-width:0}.top-bar{opacity:0;flex-direction:column;gap:8px;margin-block:20px;padding:16px 16px 0;animation:.4s forwards shell-fade-in;display:flex}@media (width>=480px){.top-bar{flex-direction:row;justify-content:space-between;align-items:center;padding:20px 20px 0}}@media (width>=769px){.top-bar{padding:24px 32px 0}}@media (width>=1025px){.top-bar{padding:24px 40px 0}}.top-bar h1{color:#1e2028;letter-spacing:-.3px;font-family:Playfair Display,georgia,serif;font-size:1.125rem;font-weight:600}@media (width>=769px){.top-bar h1{font-size:1.375rem}}.top-actions{align-items:center;gap:12px;display:flex}.weather-pill{color:#4a4e5a;background:#fff;border:1px solid #e2dbd2;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;display:flex}@media (width>=480px){.weather-pill{padding:8px 16px;font-size:.875rem}}@keyframes shell-fade-in{to{opacity:1}}.mobile-nav{padding:calc(8px + env(safe-area-inset-top)) 16px 8px;z-index:200;background:#2b2d33;display:block;position:fixed;top:0;left:0;right:0}@media (width>=769px){.mobile-nav{display:none}}.mobile-nav-inner{justify-content:space-around;display:flex}.mob-nav-item{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.mob-nav-item.active{color:#fff}.mob-nav-item .m-icon{font-size:20px}.hidden{display:none!important}.login{z-index:100;background-color:#2b2d33;background-image:radial-gradient(at 20%,#4e587080 0%,#0000 60%),radial-gradient(at 80% 20%,#c0503a33 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login__card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:380px;padding:2rem 1.4rem;animation:.45s cubic-bezier(.34,1.56,.64,1) both login-card-in;display:flex;box-shadow:0 12px 40px #00000021}@media (width>=600px){.login__card{padding:2.5rem 2rem}}.login__logo{margin-bottom:.4rem;font-size:2.2rem;line-height:1}.login__title{color:#1e2028;font-family:Playfair Display,georgia,serif;font-size:1.7rem;font-weight:600}.login__sub{color:#8892a4;text-align:center;margin-bottom:.6rem;font-size:.88rem}.login__field{width:100%;margin-top:.4rem}.login__input{color:#1e2028;background:#fff;border:1.5px solid #e2dbd2;border-radius:8px;outline:none;width:100%;padding:.8rem 1rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login__input:focus{border-color:#c0503a;box-shadow:0 0 0 3px #c0503a26}.login__error{color:#c0392b;text-align:center;min-height:1.2em;font-size:.82rem}.login__submit{color:#fff;cursor:pointer;background:#c0503a;border:none;border-radius:8px;width:100%;margin-top:.3rem;padding:.85rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:500;transition:background .2s,transform .2s}.login__submit:hover{background:#a8422e;transform:translateY(-1px)}.login__submit:active{transform:translateY(0)}.login__remember{color:#8892a4;cursor:pointer;align-items:center;gap:.5rem;margin-top:.2rem;font-size:.84rem;display:flex}.login__checkbox{accent-color:#c0503a;cursor:pointer;width:15px;height:15px}@keyframes login-card-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.main{flex:1;min-width:0;padding:16px 16px 20px}@media (width>=769px){.main{max-width:1200px;padding:16px 32px 48px}}@media (width>=1025px){.main{padding:16px 40px 48px}}.priority-strip{-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.priority-strip:empty{display:none}@media (width>=769px){.priority-strip{gap:12px;margin-bottom:24px}}.priority-chip{white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:600;text-decoration:none;transition:transform .15s;display:flex}@media (width>=480px){.priority-chip{gap:8px;padding:10px 18px;font-size:.875rem}}.priority-chip:hover{transform:scale(1.03)}.priority-chip .chip-dot{border-radius:50%;width:8px;height:8px}.chip-grocery{color:#2d6a4f;background:#d8f3dc}.chip-grocery .chip-dot{background:#2d6a4f}.chip-cal{color:#3a5fc4;background:#dbe4f8}.chip-cal .chip-dot{background:#3a5fc4}.chip-menu{color:#c0503a;background:#f5e8e5}.chip-menu .chip-dot{background:#c0503a}.chip-others{color:#5c6bc0;background:#e8eaf6}.chip-others .chip-dot{background:#5c6bc0}.chip-todo{color:#0d9488;background:#ccfbf1}.chip-todo .chip-dot{background:#0d9488}.dash{flex-direction:column;gap:14px;display:flex}@media (width>=769px){.dash{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}}.card{cursor:pointer;color:inherit;opacity:0;background:#fff;border:1px solid #e2dbd2;border-radius:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:.4s forwards slide-up;display:block;position:relative;overflow:hidden;transform:translateY(16px)}.card:first-child{animation-delay:40ms}.card:nth-child(2){animation-delay:80ms}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.16s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.24s}.card:nth-child(7){animation-delay:.28s}.card:nth-child(8){animation-delay:.32s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000017}.card-band{width:100%;height:4px}.card-body{padding:16px}@media (width>=480px){.card-body{padding:20px 22px 22px}}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}@media (width>=480px){.card-header{margin-bottom:14px}}.card-header-left{align-items:center;gap:10px;min-width:0;display:flex}.card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.card-icon--grocery{background:#d8f3dc}.card-icon--cal{background:#dbe4f8}.card-icon--menu{background:#f5e8e5}.card-icon--recipe{background:#ede9fe}.card-icon--dog{background:#fce4ec}.card-header h3{color:#1e2028;min-width:0;font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:700}.card-header h3 small{color:#8892a4;margin-top:1px;font-size:11px;font-weight:500;display:block}.card-more{color:#8892a4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.card:hover .card-more{color:#4a4e5a;background:#f0ece5}.card-grocery{cursor:default}.card-grocery:hover{box-shadow:none;transform:none}@media (width>=769px){.card-grocery{grid-area:span 2/span 5}}.card-grocery .card-band{background:#2d6a4f}.card-grocery .card-more{color:#8892a4;cursor:pointer;text-decoration:none}.card-grocery .card-more:hover{color:#4a4e5a;background:#f0ece5}.card-others{cursor:default}.card-others:hover{box-shadow:none;transform:none}@media (width>=769px){.card-others{grid-area:span 2/span 5}}.card-others .card-band{background:#5c6bc0}.card-others .card-more{color:#8892a4;cursor:pointer;text-decoration:none}.card-others .card-more:hover{color:#4a4e5a;background:#f0ece5}.card-icon--others{background:#e8eaf6}.card-todo{cursor:default}.card-todo:hover{box-shadow:none;transform:none}@media (width>=769px){.card-todo{grid-area:span 2/span 5}}.card-todo .card-band{background:#0d9488}.card-todo .card-more{color:#8892a4;cursor:pointer;text-decoration:none}.card-todo .card-more:hover{color:#4a4e5a;background:#f0ece5}.card-icon--todo{background:#ccfbf1}.td-pip{border-radius:50%;flex-shrink:0;width:8px;height:8px}.td-pip--now{background:#b91c1c}.td-pip--soon{background:#b45309}.td-pip--later{background:#8892a4}.td-view-all{text-align:center;color:#0d9488;border-top:1px solid #e2dbd2;margin-top:4px;padding:8px 0 2px;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.td-view-all:hover{color:#0f766e}.oi-add{flex-direction:column;gap:.5rem;margin-bottom:10px;display:flex}.oi-add__row{gap:.5rem;display:flex}.oi-add__input{flex:1;min-width:0;font-size:1rem}.oi-add__input:focus{border-color:#5c6bc0;box-shadow:0 0 0 3px #e67e221a}.oi-add__qty{width:100%;font-size:.9rem}.oi-add__qty:focus{border-color:#5c6bc0;box-shadow:0 0 0 3px #e67e221a}.oi-add__btn{color:#fff;cursor:pointer;background:#5c6bc0;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;line-height:1;transition:background .2s,transform .2s;display:flex}.oi-add__btn:hover{background:#4a5ab9;transform:scale(1.05)}.oi-add__btn:active{transform:scale(.97)}.oi-view-all{text-align:center;color:#5c6bc0;border-top:1px solid #e2dbd2;margin-top:4px;padding:8px 0 2px;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.oi-view-all:hover{color:#4454af}.gc-add{flex-direction:column;gap:.5rem;margin-bottom:10px;display:flex}.gc-add__row{gap:.5rem;display:flex}.gc-add__qty,.gc-add__input,.oi-add__input,.oi-add__qty{color:#1e2028;background:#f0ece5;border:1.5px solid #e2dbd2;border-radius:9px;outline:none;padding:.7rem .9rem;font-family:DM Sans,system-ui,sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}.gc-add__qty::placeholder,.gc-add__input::placeholder,.oi-add__input::placeholder,.oi-add__qty::placeholder{color:#8892a4}.gc-add__qty:focus,.gc-add__input:focus,.oi-add__input:focus,.oi-add__qty:focus{background:#fff;border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1a}.gc-add__input{flex:1;min-width:0;font-size:1rem}.gc-add__qty{width:100%;font-size:.9rem}.gc-add__btn{color:#fff;cursor:pointer;background:#2d6a4f;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;line-height:1;transition:background .2s,transform .2s;display:flex}.gc-add__btn:hover{background:#255842;transform:scale(1.05)}.gc-add__btn:active{transform:scale(.97)}.gc-view-all{text-align:center;color:#2d6a4f;border-top:1px solid #e2dbd2;margin-top:4px;padding:8px 0 2px;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.gc-view-all:hover{color:#214d3a}.g-list{flex-direction:column;display:flex}.g-item{color:#4a4e5a;cursor:pointer;border-bottom:1px solid #e2dbd2;align-items:center;gap:10px;min-width:0;padding:11px 0;font-size:14px;transition:opacity .2s,transform .2s;display:flex;overflow:hidden}@media (width>=480px){.g-item{gap:12px;padding:13px 0;font-size:15px}}.g-item:last-child{border:none}.g-item:hover .g-circle{border-color:#2d6a4f}.g-item--done{opacity:0;pointer-events:none;transform:translate(10px)}.g-circle{border:2px solid #e2dbd2;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .2s}@media (width>=480px){.g-circle{width:22px;height:22px}}.g-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.g-qty{color:#8892a4;font-size:.75rem}@media (width>=480px){.g-qty{font-size:.875rem}}.g-who{color:#8892a4;background:#f0ece5;border-radius:999px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:600}.g-empty{color:#8892a4;padding:12px 0;font-size:14px}@media (width>=769px){.card-cal{grid-column:span 7}}.card-cal .card-band{background:#3a5fc4}.cal-list{flex-direction:column;gap:6px;display:flex}@media (width>=480px){.cal-list{gap:8px}}.cal-row{border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:0;font-size:.875rem;transition:background .15s;display:flex}@media (width>=480px){.cal-row{flex-wrap:nowrap;gap:12px;padding:0;font-size:14px}}.cal-row:hover{background:#f0ece5}.cal-row.highlight{background:#f5e8e5;border:1px solid #e2dbd2}.cal-pip{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cal-when{color:#8892a4;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}@media (width>=480px){.cal-when{min-width:120px;font-size:.75rem}}.cal-row.highlight .cal-when{color:#c0503a}.cal-what{color:#4a4e5a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.cal-badge{text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-radius:6px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700}.cal-badge.tonight{color:#c0503a;background:#f5e8e5}.cal-badge.trip{color:#3a5fc4;background:#dbe4f8}@media (width>=769px){.card-program{grid-column:span 5}}.card-program .card-band{background:#f9a825}.card-icon--program{background:#fff8e1}.prog-preview{flex-direction:column;gap:6px;display:flex}.prog-preview__item{align-items:center;gap:8px;font-size:.875rem;display:flex}.prog-preview__period{color:#fff;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.prog-preview__period--am{background:#f9a825}.prog-preview__period--pm{background:#5c6bc0}.prog-preview__name{color:#4a4e5a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.prog-preview__more{color:#8892a4;padding-top:2px;font-size:.75rem;font-weight:600}.prog-preview__empty{color:#8892a4;padding:12px 0;font-size:14px}.chip-program{color:#cc8006;background:#fff8e1}.chip-program .chip-dot{background:#f9a825}@media (width>=769px){.card-menu-card{grid-column:span 7}}.card-menu-card .card-band{background:#c0503a}.meals-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=480px){.meals-row{gap:10px}}@media (width>=769px){.meals-row{grid-template-columns:repeat(4,1fr)}}.meal-cell{background:#f0ece5;border-radius:8px;padding:10px}@media (width>=480px){.meal-cell{padding:12px}}.meal-label{text-transform:uppercase;letter-spacing:.8px;color:#8892a4;margin-bottom:4px;font-size:10px;font-weight:700}@media (width>=480px){.meal-label{margin-bottom:6px}}.meal-val{color:#4a4e5a;font-size:.75rem;font-weight:500;line-height:1.35}@media (width>=480px){.meal-val{font-size:.875rem}}@media (width>=769px){.card-recipe{grid-column:span 5}}.card-recipe .card-band{background:#8b5cf6}.rcp-feat{background:#ede9fe;border-radius:8px;margin-bottom:10px;padding:12px}@media (width>=480px){.rcp-feat{margin-bottom:12px;padding:14px}}.rcp-feat h4{color:#1e2028;margin-bottom:4px;font-family:Playfair Display,georgia,serif;font-size:15px;font-weight:600}@media (width>=480px){.rcp-feat h4{font-size:16px}}.rcp-feat p{color:#8892a4;margin-bottom:0;font-size:.75rem;line-height:1.4}.rcp-pills{flex-wrap:wrap;gap:6px;display:flex}.rcp-pill{color:#8892a4;background:#f0ece5;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}@media (width>=769px){.card-dog{grid-column:span 5}}.card-dog .card-band{background:#e91e63}.dog-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (width>=480px){.dog-grid{gap:8px}}@media (width>=769px){.dog-grid{grid-template-columns:1fr 1fr}}.dog-cell{text-align:center;background:#f0ece5;border-radius:8px;padding:10px 8px}@media (width>=480px){.dog-cell{padding:14px}}.dog-price{color:#1e2028;font-family:Playfair Display,georgia,serif;font-size:1.125rem;font-weight:700}@media (width>=480px){.dog-price{font-size:1.375rem}}.dog-svc{color:#8892a4;margin-top:2px;font-size:10px;font-weight:600}@media (width>=480px){.dog-svc{font-size:11px}}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}@media (width>=769px) and (width<=1024px){.dash{grid-template-columns:repeat(8,1fr)}.card-grocery,.card-others,.card-todo{grid-area:span 1/span 4}.card-cal,.card-menu-card,.card-recipe,.card-dog,.card-program{grid-column:span 4}}