:root{--pink:#f2b6d2;--purple:#a193bf;--blue:#a0ced9;--yellow:#f2ecce;--grey:#e6eaed;--ink:#20232a;--muted:#6f737a;--bg:#fbfaf8;--line:#20232a17;--white:#ffffffb8;--shadow:0 14px 34px #272a310f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{padding:16px}button,input{font:inherit;color:inherit}.dashboard-shell{width:min(1440px,100%);margin:0 auto}.dashboard-header{justify-content:space-between;align-items:center;height:48px;margin-bottom:10px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:9px;font-size:23px;display:flex}.brand-heart{color:#b26883;font-size:31px;line-height:1}.header-right{color:var(--muted);align-items:center;gap:12px;display:flex}.header-time{color:var(--ink);font-size:18px;font-weight:700}.header-date{font-size:14px}.logout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px}.dashboard-grid{grid-template-rows:1.45fr .92fr .86fr;grid-template-columns:1.08fr 1.6fr 1.23fr .76fr;gap:10px;min-height:calc(100vh - 90px);display:grid}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffbf;border-radius:17px;min-width:0;padding:15px;overflow:hidden}.pink-card{background:linear-gradient(135deg,#f2b6d25c,#ffffffc7)}.purple-card{background:linear-gradient(135deg,#a193bf4d,#ffffffd1)}.blue-card{background:linear-gradient(135deg,#a0ced95c,#ffffffd1)}.blue-soft-card{background:linear-gradient(135deg,#a0ced938,#e6eaed75)}.yellow-card{background:linear-gradient(145deg,#f2eccebf,#ffffffb8)}.yellow-soft-card{background:linear-gradient(145deg,#f2ecce85,#ffffffd1)}.card-title{align-items:center;gap:8px;min-height:22px;margin-bottom:11px;font-size:15px;display:flex}.card-title strong{font-weight:750}.title-meta{color:var(--muted);margin-left:auto;font-size:11px;font-weight:500}.icon-button{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:21px;line-height:1}.photo-card{background:linear-gradient(145deg,var(--grey),#fff);flex-direction:column;grid-row:1/span 2;padding:0;display:flex}.photo-placeholder{background:radial-gradient(circle at 72% 22%,#f2eccef5 0 12%,#0000 13%),linear-gradient(155deg,#a0ced9c7,#f2b6d26b 48%,#a193bf7a);flex:1;align-items:flex-end;gap:12px;min-height:260px;padding:20px;display:flex;position:relative}.photo-placeholder:before,.photo-placeholder:after{content:"";background:#ffffff38;border-radius:50%;position:absolute}.photo-placeholder:before{width:180px;height:180px;bottom:20px;right:-40px}.photo-placeholder:after{width:120px;height:120px;top:30px;left:-30px}.photo-placeholder div{z-index:2;max-width:220px;position:relative}.photo-placeholder strong{font-size:20px;display:block}.photo-placeholder small{color:#20232aad;margin-top:5px;line-height:1.35;display:block}.photo-heart{z-index:2;font-size:38px;position:relative}.photo-quote{background:#ffffffb3;padding:12px 15px;font-size:16px;font-weight:700}.calendar-card{grid-column:2}.event-list{display:grid}.event-row{border-top:1px solid var(--line);grid-template-columns:75px 46px 12px minmax(0,1fr);align-items:start;gap:7px;padding:7px 0;font-size:12.5px;display:grid}.event-row:first-child{border-top:0}.event-day{font-weight:750}.event-time{color:var(--muted)}.event-dot{background:var(--purple);border-radius:50%;width:8px;height:8px;margin-top:4px}.event-copy{min-width:0}.event-copy strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.event-copy span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.weather-card{grid-column:3}.weather-summary{gap:22px;margin-bottom:10px;display:flex}.weather-summary>div{flex-direction:column;display:flex}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.weather-summary strong{margin-top:2px;font-size:19px}.period-grid{background:#ffffff7a;border:1px solid #ffffffa6;border-radius:13px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.period{text-align:center;border-left:1px solid var(--line);flex-direction:column;align-items:center;min-width:0;padding:9px 4px;display:flex}.period:first-child{border-left:0}.period strong{font-size:11px}.period-range{color:var(--muted);margin-top:2px;font-size:8.5px}.period-icon{margin:6px 0 3px;font-size:25px}.period-temp{font-size:18px;font-weight:750}.period-rain{color:#577c88;font-size:10px}.skeleton{color:var(--muted);justify-content:center;font-size:10px}.quote-card{text-align:center;flex-direction:column;grid-column:4;justify-content:center;align-items:center;display:flex}.quote-heart{color:#b26883;font-size:29px}.quote-card blockquote{letter-spacing:-.4px;margin:12px 0;font-size:21px;font-weight:500;line-height:1.28}.quote-rule{border-top:1px solid var(--ink);opacity:.5;width:38px}.waste-card{grid-area:3/1}.waste-date{margin:5px 0 8px;font-size:17px;font-weight:800}.waste-items{gap:6px;font-size:13px;display:grid}.waste-item{align-items:center;gap:9px;display:flex}.bin-dot{background:#777;border-radius:50%;width:10px;height:10px}.bin-0{background:#6f7478}.bin-1{background:#9c6c4b}.bin-2{background:#4d8abe}.bin-3{background:#e3bb21}.bin-4{background:#6c9c67}.todo-card{grid-row:2}.todo-card:nth-of-type(6){grid-column:2}.todo-card:nth-of-type(7){grid-column:3}.todo-list{gap:2px;display:grid}.todo-row{align-items:center;gap:8px;min-height:30px;font-size:12.5px;display:flex}.todo-row input,.shopping-row input{accent-color:#7f87a0;width:17px;height:17px}.todo-row.done span,.shopping-row.done span{color:var(--muted);text-decoration:line-through}.birthday-card{grid-area:2/4}.birthday-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 34px);display:flex}.birthday-placeholder>span{color:#b26883;font-size:25px}.birthday-placeholder strong{margin:5px 0 2px;font-size:14px}.birthday-placeholder small{color:var(--muted);max-width:130px;font-size:10px;line-height:1.3}.shopping-card{text-align:left;cursor:pointer;grid-area:3/2}.shopping-preview{grid-template-columns:1fr 1fr;gap:5px 10px;font-size:11.5px;display:grid}.shopping-preview span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shopping-count{color:var(--muted);margin-top:8px;font-size:10px}.meal-card{grid-area:3/3/auto/span 2}.meal-placeholder{align-items:center;gap:12px;height:calc(100% - 32px);padding:5px 2px;display:flex}.meal-placeholder strong{font-size:15px}.meal-placeholder span{color:var(--muted);flex:1;font-size:11px}.meal-placeholder button{border:1px solid var(--line);color:var(--muted);background:#ffffff8c;border-radius:999px;padding:7px 10px;font-size:10px}.empty{color:var(--muted);padding:7px 0;font-size:12px}.error{color:#9a4e58;margin-top:6px;font-size:10px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;background:#191b1f47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.shopping-modal{background:#fffdf9;border-radius:24px;width:min(720px,94vw);max-height:88vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #1e1e2333}.modal-head{justify-content:space-between;gap:20px;display:flex}.modal-head h2{margin:2px 0 18px;font-size:27px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.close-button{background:var(--grey);cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:23px}.quick-title{margin-bottom:8px;font-size:12px;font-weight:750}.chips{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;padding-bottom:16px;display:flex}.chips button{cursor:pointer;background:#f2eccecc;border:0;border-radius:999px;padding:7px 10px;font-size:12px}.shopping-list{padding:10px 0;display:grid}.shopping-row{border-bottom:1px solid var(--line);grid-template-columns:20px 1fr 28px;align-items:center;gap:7px;min-height:38px;font-size:13px;display:grid}.shopping-row button{color:var(--muted);cursor:pointer;background:0 0;border:0}.add-row{gap:8px;margin-top:10px;display:flex}.add-row input{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;padding:10px 12px}.add-row button{background:var(--purple);color:#fff;border:0;border-radius:12px;padding:10px 13px;font-weight:700}.login-shell{place-items:center;min-height:calc(100vh - 32px);display:grid}.login-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:24px;padding:32px}.login-mark{color:#b26883;font-size:34px}.login-title{margin:5px 0;font-size:32px}.login-copy{color:var(--muted);margin:8px 0 24px}.login-form{text-align:left;gap:14px;display:grid}.login-form label span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.login-form input{border:1px solid var(--line);border-radius:12px;width:100%;padding:12px}.login-form button{background:var(--purple);color:#fff;border:0;border-radius:12px;padding:12px;font-weight:750}.login-error{color:#9a4e58;margin:0;font-size:12px}@media (max-width:1100px){body{padding:10px}.dashboard-grid{grid-template-columns:1fr 1.5fr 1.2fr .78fr;gap:8px}.card{padding:12px}.photo-card{padding:0}.quote-card blockquote{font-size:18px}.event-row{grid-template-columns:65px 43px 10px minmax(0,1fr);font-size:11.5px}.period{padding:7px 2px}.period-icon{font-size:21px}.meal-placeholder span{display:none}}@media (max-width:760px){body{padding:10px}.dashboard-header{height:auto;padding:4px 2px}.header-time{display:none}.dashboard-grid{grid-template-rows:auto;grid-template-columns:1fr;display:grid}.card,.photo-card,.calendar-card,.weather-card,.quote-card,.waste-card,.birthday-card,.shopping-card,.meal-card,.todo-card{min-height:auto;grid-area:auto!important}.photo-placeholder{min-height:210px}.quote-card{min-height:180px}.period{padding:10px 3px}.meal-placeholder{min-height:100px}.header-date{font-size:12px}.brand{font-size:20px}}