@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap";:root{color:#293d32;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f7f6ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #9eaf7d}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}main{max-width:540px;min-height:100svh;margin:auto;padding:34px 26px 20px}header{justify-content:space-between;align-items:center;padding-bottom:36px;display:flex}.brand{letter-spacing:-2px;color:inherit;font-family:Manrope,sans-serif;font-size:34px;font-weight:800;text-decoration:none}.brand-dot{color:#98a375}.eyebrow{letter-spacing:2px;color:#758070;font-size:10px;font-weight:650}.date-section{text-align:center;min-height:97px;margin-bottom:28px}.date-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.arrow{background:0 0;border:1px solid #dedfd3;border-radius:50%;width:44px;height:44px;font-size:22px}.arrow:hover{background:#eeeee4}#date-button{background:0 0;border:0;padding:5px 0}#relative{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:28px;font-weight:650;display:block}.date-line{color:#7b8176;justify-content:center;align-items:center;gap:9px;margin-top:7px;font-size:13px;display:flex}.text-button{text-underline-offset:4px;background:0 0;border:0;padding:10px;font-size:12px;text-decoration:underline}.ritual{background:#e9eddf;border:1px solid #e1e6d7;border-radius:24px;padding:27px 25px 24px;position:relative;overflow:hidden}.ritual .eyebrow{color:#62735d;letter-spacing:1.6px;font-size:9px}h1{letter-spacing:-1.5px;margin:17px 0 12px;font-family:Manrope,sans-serif;font-size:34px;font-weight:500;line-height:1.2}.ritual p{color:#6d7966;margin:0 0 27px;font-size:12px}.cup-art{color:#728564;width:100px;height:135px;position:absolute;top:39px;right:25px;transform:rotate(10deg)}.cup-art svg{width:90px;height:110px}.spark{color:#9aa783;font-size:28px;position:absolute}.s1{top:-10px;right:-4px}.s2{font-size:18px;bottom:4px;left:-15px}.primary{color:#fff;background:#365e48;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;font-size:14px;font-weight:550;display:flex}.primary:hover{background:#294d39}.primary span{font-size:22px;font-weight:400}.journal{margin-top:34px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}h2{letter-spacing:-.4px;margin:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:650}.count{color:#777e70;background:#eeeee5;border-radius:20px;padding:6px 10px;font-size:11px}.empty{text-align:center;border-top:1px solid #e6e6db;padding:29px 0 23px}.empty-cup{color:#9ca68f;opacity:.8;width:34px;height:43px;margin:0 auto 15px}.empty-cup svg{width:100%;height:100%}.empty h3{margin:0 0 8px;font-size:15px;font-weight:500}.empty p{color:#85897d;margin:0;font-size:12px;line-height:1.8}.entry{border-top:1px solid #e5e6da;align-items:center;gap:13px;padding:17px 0;display:flex}.entry-icon{background:var(--tint);color:var(--flavor);border-radius:13px;flex-shrink:0;place-items:center;width:48px;height:54px;display:grid}.entry-icon svg{width:26px;height:34px}.entry-name{flex:1;min-width:0}.entry-brand{color:#8b8c7e;letter-spacing:1.4px;font-size:8px}.entry h3{margin:5px 0;font-size:14px;font-weight:550;line-height:1.35}.time-button{white-space:nowrap;background:0 0;border:0;min-height:48px;padding:8px 0 8px 10px;font-size:13px}.time-button span{text-align:right;color:#929585;margin-top:5px;font-size:9px;display:block}#status{text-align:center;color:#61755d;min-height:18px;margin:16px 0 0;font-size:12px}#retry{margin:auto;display:block}footer{text-align:center;letter-spacing:1px;color:#929783;padding:22px 0 8px;font-size:10px}.loading{text-align:center;color:#788371;padding:40px 0;font-size:13px}dialog{color:#293d32;background:#fcfbf5;border:1px solid #e8e8dc;border-radius:26px;width:min(480px,100% - 32px);max-height:85svh;padding:27px;box-shadow:0 25px 100px #152b292e}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#203c305c}.sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-head h2{margin-top:7px;font-size:22px;line-height:1.3}.close{background:#eeeee5;border:0;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:26px;font-weight:400}.sheet-note{color:#7b8172;margin:14px 0 20px;font-size:12px}.flavors{gap:8px;display:grid}.flavor{text-align:left;background:var(--tint);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:51px;padding:10px 14px;font-size:14px;font-weight:550;display:flex}.flavor:hover{border-color:var(--flavor)}.swatch{background:var(--flavor);border-radius:50%;flex-shrink:0;width:14px;height:14px}.flavor-plus{color:var(--flavor);margin-left:auto;font-size:21px}label{color:#6d7966;margin:22px 0 8px;font-size:12px;display:block}input{color:#293d32;background:#fff;border:1px solid #d9dfd0;border-radius:12px;width:100%;min-width:0;min-height:60px;padding:14px;font-size:22px;display:block}form .primary{margin-top:22px}.delete{color:#9f5549;background:0 0;border:0;margin:13px auto 0;padding:12px;font-size:12px;display:block}#time-error{color:#ad4a3d;font-size:12px}@media (width>=700px){main{padding-top:48px}.ritual{padding:32px}.cup-art{right:39px}h1{font-size:38px}.empty{padding:38px 0}}@media (width<=500px){dialog{width:100%;max-width:100%;max-height:90svh;padding:24px 24px max(24px,env(safe-area-inset-bottom));border-radius:26px 26px 0 0;margin:auto 0 0}.flavors{gap:7px}.flavor{min-height:48px}}@media (width<=360px){main{padding-inline:18px}.cup-art{width:75px;right:12px}.cup-art svg{width:70px}h1{font-size:31px}}.install-banner{background:#e9eddf;border:1px solid #dce3d0;border-radius:16px;align-items:flex-start;gap:12px;margin:-10px 0 28px;padding:16px;display:flex}.install-banner img{border-radius:12px;flex-shrink:0}.install-banner>div{flex:1}.install-banner strong{font-size:13px}.install-banner p{color:#61705c;margin:5px 0;font-size:12px;line-height:1.5}.install-action{color:#fff;background:#365e48;border:0;border-radius:8px;min-height:44px;margin-top:6px;padding:10px 14px;font-size:12px}.install-dismiss{background:0 0;border:0;min-width:36px;min-height:44px;font-size:23px}.install-help{max-width:240px}.flavor-label{min-width:0;line-height:1.5}.flavor-total{min-width:22px;color:var(--flavor);text-align:center;font-variant-numeric:tabular-nums;background:#ffffff80;border-radius:20px;margin-left:5px;padding:1px 6px;font-size:11px;display:inline-block}.shake-number{color:#365e48;letter-spacing:0;margin-left:6px;font-size:11px;font-weight:700}.weight-section{background:#f0f1e7;border:1px solid #e1e4d7;border-radius:16px;margin-top:24px;padding:18px 20px}.weight-section label{color:#293d32;margin:0 0 10px;font-size:14px;font-weight:600}.weight-section label span{color:#758070;margin-left:4px;font-size:12px;font-weight:400}.weight-controls{align-items:center;gap:12px;display:flex}.weight-controls input{flex:1;width:0;min-height:48px;padding:10px 12px;font-size:20px}.weight-controls button{color:#fff;background:#365e48;border:0;border-radius:10px;min-height:48px;padding:10px 16px;font-size:12px}.weight-section p{color:#758070;margin:10px 0 0;font-size:10px}.weight-controls{flex-wrap:wrap;gap:8px}.weight-controls input{flex:1;min-width:80px}.weight-controls #weight-down,.weight-controls #weight-up{color:#365e48;background:#dce4d2;width:44px;padding:0;font-size:24px}.weight-controls #save-weight{width:100%}