@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800&display=swap";:root{color:#493942;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#fff8fa;font-family:Nunito Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{background:#fff8fa;width:100%;max-width:650px;min-height:100vh;margin:0 auto;padding-bottom:100px}.topbar{background:#ffffffd9;border-bottom:1px solid #f5e8ed;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-icon{color:#d77f9d;background:#fce8ef;border-radius:15px;place-items:center;width:43px;height:43px;display:grid}.brand-name{letter-spacing:-.6px;font-size:19px;font-weight:800}.brand-caption{color:#b59da7;letter-spacing:1.5px;font-size:9px;font-weight:700}.profile-button{color:#d77f9d;background:#fff;border:1px solid #f1dce4;border-radius:50%;width:40px;height:40px;font-size:25px}.content{padding:27px 23px}.welcome{margin-bottom:25px}.date-label{color:#b18e9d;text-transform:capitalize;align-items:center;gap:7px;font-size:13px;display:flex}.welcome h1{letter-spacing:-.8px;margin:12px 0 4px;font-size:28px;font-weight:800}.welcome h1 span{color:#d77f9d}.welcome p,.section-heading p{color:#a8959e;margin:5px 0 0;font-size:13px}.progress-card{color:#493942;background:linear-gradient(135deg,#f9e1e9,#f4d5e0);border-radius:23px;margin-bottom:31px;padding:21px}.progress-info{justify-content:space-between;align-items:center;display:flex}.small-label{color:#b18e9d;letter-spacing:1.4px;font-size:10px;font-weight:800}.progress-info h2{margin:3px 0 -4px;font-size:36px;font-weight:800}.progress-info h2 span{color:#b18e9d;font-size:20px}.progress-info p{color:#977b88;margin:4px 0 0;font-size:12px}.progress-heart{color:#d77f9d;background:#ffffff80;border-radius:19px;place-items:center;width:57px;height:57px;display:grid}.progress-track{background:#ffffffa6;border-radius:10px;height:7px;margin-top:22px;overflow:hidden}.progress-track div{background:#d77f9d;border-radius:10px;height:100%;transition:width .3s}.progress-bottom{color:#977b88;justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.section{margin-bottom:27px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-heading h2{margin:0;font-size:19px;font-weight:800}.count-badge{color:#c16f8d;background:#f9e3eb;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:800}.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.measurement-card{text-align:left;color:#493942;background:#fff;border:1px solid #f3e5ea;border-radius:19px;min-width:0;min-height:143px;padding:16px;transition:all .2s}.measurement-card:active{transform:scale(.98)}.measurement-card.completed{background:#fffbfc;border-color:#eac3d1}.measurement-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.measurement-icon{color:#c77b97;background:#fbeaf0;border-radius:12px;place-items:center;width:35px;height:35px;display:grid}.pending-dot{background:#ebdce2;border-radius:50%;width:8px;height:8px}.check-icon{color:#c77b97}.measurement-name{font-size:13px;font-weight:700}.measurement-empty{color:#b69faa;margin-top:8px;font-size:11px}.measurement-value{margin-top:7px;font-size:23px;font-weight:800}.measurement-value small{color:#a8959e;font-size:10px;font-weight:500}.measurement-time{color:#b18e9d;margin-top:2px;font-size:11px}.add-button,.save-button{color:#fff;background:#d77f9d;border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:53px;font-size:14px;font-weight:800;display:flex;box-shadow:0 5px 14px #d77f9d2b}.add-button:active,.save-button:active{transform:scale(.99)}.history-section{margin-top:32px}.text-button{color:#c77b97;background:0 0;border:0;align-items:center;font-size:12px;font-weight:700;display:flex}.empty-state{text-align:center;background:#fff;border:1px solid #f3e5ea;border-radius:19px;padding:27px 15px}.empty-icon{color:#d77f9d;background:#fbeaf0;border-radius:16px;place-items:center;width:48px;height:48px;margin:auto;display:grid}.empty-state h3{margin:12px 0 4px;font-size:14px}.empty-state p{color:#a8959e;margin:0;font-size:12px}.history-list{background:#fff;border:1px solid #f3e5ea;border-radius:18px;padding:0 15px}.history-item{border-bottom:1px solid #f6edf0;align-items:center;gap:11px;padding:14px 0;display:flex}.history-item:last-child{border-bottom:0}.history-icon{color:#c77b97;background:#fbeaf0;border-radius:13px;place-items:center;width:37px;height:37px;display:grid}.history-description{flex-direction:column;flex:1;gap:3px;display:flex}.history-description strong{font-size:12px}.history-description span{color:#b19ba5;align-items:center;gap:4px;font-size:11px;display:flex}.history-description small{color:#a8959e;font-size:11px}.history-value{text-align:right;font-size:16px;font-weight:800}.history-value small{color:#a8959e;font-size:9px;font-weight:500;display:block}.bottom-nav{width:100%;max-width:650px;padding:11px 5px calc(11px + env(safe-area-inset-bottom));z-index:10;background:#fffffff7;border-top:1px solid #f3e5ea;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#b9a6af;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:65px;font-size:10px;display:flex}.nav-item.active{color:#d77f9d;font-weight:800}.modal-overlay{z-index:20;background:#36232c59;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.modal{background:#fffcfd;border-radius:25px;width:100%;max-width:520px;max-height:90vh;padding:24px 21px;overflow-y:auto;box-shadow:0 10px 50px #3c1e2d26}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.modal-heading h2{margin:5px 0 0;font-size:21px}.close-button{color:#b77b91;background:#f8eaf0;border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.field-label{margin:17px 0 9px;font-size:12px;font-weight:800;display:block}.optional{color:#b9a6af;font-weight:400}.type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.type-option{color:#806d77;background:#fff;border:1px solid #f0e2e8;border-radius:12px;padding:11px 5px;font-size:11px}.type-option.selected{color:#bd6887;background:#fcecf1;border-color:#d77f9d;font-weight:800}.value-input-wrap{background:#fff;border:1px solid #eedde5;border-radius:14px;align-items:center;padding:0 14px;display:flex}.value-input-wrap:focus-within{border-color:#d77f9d}.value-input-wrap input{color:#493942;background:0 0;border:0;outline:0;width:100%;min-width:0;height:52px;font-size:20px;font-weight:800}.value-input-wrap span{white-space:nowrap;color:#a8959e;font-size:11px}.modal textarea{resize:vertical;color:#493942;background:#fff;border:1px solid #eedde5;border-radius:13px;outline:0;width:100%;min-height:75px;padding:12px;font-size:12px}.modal textarea:focus{border-color:#d77f9d}.modal textarea::placeholder,.value-input-wrap input::placeholder{color:#c5b5bd;font-weight:400}.save-button{margin-top:22px}@media (width<=380px){.content{padding-left:16px;padding-right:16px}.measurement-card{padding:13px}.nav-item{min-width:55px;font-size:9px}}