:root{--ink:#29263d;--muted:#827d99;--paper:#f9f7ff;--lav:#eae5ff;--purple:#7358d9;--orange:#f7b36d;--mint:#a9decf;--line:#e9e5f0}*{box-sizing:border-box}body{margin:0;background:linear-gradient(155deg,#f9f7ff,#fffaf6);color:var(--ink);font-family:"DM Sans",sans-serif;padding-bottom:92px}.app-shell{max-width:620px;margin:auto;padding:26px 20px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow,.section-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.45px;margin:0 0 5px}h1,h2{font-family:Fraunces,serif;margin:0;letter-spacing:-.55px}h1{font-size:29px}h1 span{color:var(--purple)}h2{font-size:21px}.avatar{border:0;border-radius:50%;background:#cfc3fb;color:#4e3caa;font:700 17px Fraunces;width:42px;height:42px}.summary{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);border-radius:20px;padding:17px 10px;margin-bottom:29px;color:white}.summary div{text-align:center;border-right:1px solid #4b465e}.summary div:last-child{border:0}.summary span{display:block;font:600 18px Fraunces}.summary small{font-size:11px;color:#c6c2d5}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}.quick-card{min-height:112px;text-align:left;border:0;border-radius:18px;padding:13px 11px;color:var(--ink);font-family:inherit;box-shadow:0 4px 12px #241f3920}.quick-card i{font-style:normal;display:block;font-size:23px;margin-bottom:11px}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:13px}.quick-card small{font-size:10px;color:#625e76;margin-top:3px}.milk-card{background:#ded7ff}.poop-card{background:#ffdbb5}.pump-card{background:#cef0e7}.milk-panel,.timeline-panel{margin-top:32px}.section-heading{display:flex;align-items:end;justify-content:space-between}.text-button{border:0;background:none;color:var(--purple);font:600 13px "DM Sans"}.muted{color:var(--muted)}.milk-list,.timeline{margin-top:12px;display:grid;gap:9px}.milk-item,.event{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 3px 10px #2d293909}.symbol{flex:0 0 37px;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#eeeaff;font-size:18px}.event.poops .symbol{background:#fff0df}.event.pumps .symbol{background:#dcf5ee}.item-main{min-width:0;flex:1}.item-main b{display:block;font-size:13px}.item-main small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.expires{font-size:11px;font-weight:600;color:#438a75;text-align:right}.expires.soon{color:#cc7a2c}.expires.expired{color:#bf5360}.delete{border:0;background:none;color:#aaa3b7;padding:6px;font-size:17px}.empty{border:1px dashed #d9d3e7;border-radius:16px;padding:20px;color:var(--muted);font-size:13px;text-align:center}.bottom-nav{position:fixed;z-index:2;bottom:0;left:0;right:0;background:#fffdfd;border-top:1px solid var(--line);display:flex;justify-content:center;gap:28px;padding:10px max(22px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;color:#a09aab;font:500 10px "DM Sans";display:grid;gap:3px;place-items:center}.bottom-nav span{font-size:19px}.bottom-nav .active{color:var(--purple)}dialog{border:0;border-radius:25px;box-shadow:0 18px 80px #19142555;padding:0;width:min(100% - 24px,430px);color:var(--ink)}dialog::backdrop{background:#29243b77}dialog form{padding:23px}.dialog-head{display:flex;gap:15px;align-items:center;margin-bottom:24px}.close{border:0;background:#f0edf7;color:#625d76;font-size:24px;border-radius:50%;width:34px;height:34px;line-height:25px}.field-label{display:block;font-size:13px;font-weight:600;margin-top:17px}.field-label span{float:right;color:var(--muted);font-weight:400}input{width:100%;margin-top:7px;padding:13px 0;border:0;border-bottom:2px solid #dcd6ea;background:transparent;font:600 18px "DM Sans";color:var(--ink);outline-color:var(--purple)}input::placeholder{color:#c2bdcd}.choice-row{display:flex;gap:7px;margin-top:9px}.choice-row button{flex:1;border:1px solid #ded8e9;background:white;border-radius:10px;padding:10px 4px;color:#706a80;font:500 11px "DM Sans"}.choice-row button.selected{color:#fff;background:var(--purple);border-color:var(--purple)}.poop-options{display:flex;gap:9px}.poop-options button{flex:1;display:grid;gap:3px;border:1px solid #e2dce9;background:#fff;border-radius:12px;padding:9px;color:#686175}.poop-options .selected{border:2px solid var(--purple);background:#f4f1ff}.poop-options span{font:500 10px "DM Sans"}.save-button{width:100%;border:0;border-radius:13px;background:var(--purple);color:white;padding:15px;margin-top:28px;font:700 14px "DM Sans"}@media(min-width:650px){body{padding-top:25px}.app-shell{background:#fff;border-radius:30px;box-shadow:0 12px 50px #493f7717}.bottom-nav{display:none}}