@import "https://fonts.googleapis.com/css2?family=Bevan:ital@0;1&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-optical-sizing:auto;font-variation-settings:"slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;font-synthesis:none;--basic-0:#fff;--basic-100:#1f212314;--basic-300:#1f21237a;--basic-900:#1f2123;--sand:#ddd5ca;--orange:#ff885e;--ruler-orange:#ec7246;--aqua:#42a9bd;font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}*,:before,:after{box-sizing:border-box;outline:0}html{background:#111315;min-width:320px;min-height:100%}body{background:var(--basic-900);min-width:320px;min-height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}img[src^="/image/icon/"]{aspect-ratio:1}.app-shell{width:min(100%,440px);height:100svh;min-height:min(100svh,480px);padding:env(safe-area-inset-top) 2px env(safe-area-inset-bottom);margin:auto;overflow:hidden}.dashboard{grid-template-rows:118px minmax(220px,1fr) 96px;gap:2px;width:100%;height:100%;display:grid}.brand-block{align-items:flex-end;min-height:0;padding:8px;display:flex}.brand-title{color:var(--sand);letter-spacing:-.025em;margin:0;font-family:Bevan,Georgia,serif;font-size:clamp(44px,14.25vw,56px);font-style:italic;font-weight:400;line-height:.8}.cup-card{corner-shape:superellipse(1.05);background:var(--aqua);isolation:isolate;border-radius:32px;min-height:0;position:relative;overflow:hidden}.cup-card__image{z-index:-1;object-fit:cover;object-position:center 52%;width:100%;height:100%;display:block;position:absolute;inset:0}.cup-card__water{--fill-level:0%;z-index:1;pointer-events:none;position:absolute;inset:0}.cup-card__water-canvas{opacity:0;width:100%;height:100%;transition:opacity .22s;display:block;position:absolute;inset:0}.cup-card__water-fallback{height:var(--fill-level);background:linear-gradient(#b2f0f2ad,#2f9eb9bd);border-top:1px solid #e8ffffa8;transition:height .7s cubic-bezier(.22,1,.36,1),opacity .22s;display:block;position:absolute;bottom:0;left:0;right:0}.cup-card__water.is-webgl-active .cup-card__water-canvas{opacity:1}.cup-card__water.is-webgl-active .cup-card__water-fallback{opacity:0}.cup-card__progress{z-index:2;color:var(--basic-0);text-align:right;text-shadow:0 1px 12px #09313a2e;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;padding:24px;display:flex;position:absolute;top:0;right:0}.progress-value,.progress-reminder{margin:0}.progress-value,.progress-value span{font-family:Bevan,Georgia,serif;font-size:20px;font-style:italic;font-weight:400;line-height:1}.progress-reminder{font-size:12px;font-weight:400;line-height:1.5}.action-dock{z-index:4;grid-template-columns:clamp(76px,24vw,96px) minmax(0,1fr) clamp(76px,24vw,96px);gap:2px;min-height:0;display:grid;position:relative}.dock-button{corner-shape:superellipse(1.05);width:100%;min-width:40px;height:100%;min-height:40px;color:var(--basic-900);cursor:pointer;border:0;border-radius:32px;place-items:center;padding:12px;transition:filter .16s,transform .16s;display:grid}.dock-button--reminder{background:var(--orange)}.dock-button--settings{background:var(--aqua)}.dock-button img{width:24px;display:block}.amount-control{corner-shape:superellipse(1.05);background:var(--sand);border-radius:32px;align-items:stretch;min-width:0;min-height:0;display:flex;position:relative}.water-action-buttons{z-index:4;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.add-water-button,.undo-water-button{corner-shape:superellipse(1.05);background:var(--basic-900);min-width:48px;min-height:48px;color:var(--basic-0);cursor:pointer;border:0;border-radius:32px;justify-content:center;align-items:center;padding:12px;display:flex}.add-water-button{gap:8px;min-width:max-content;padding-inline:20px;font-size:20px;font-weight:500;line-height:24px}.add-water-button img,.undo-water-button img{filter:invert();width:24px;display:block}.undo-water-button[hidden]{display:none}.undo-water-button[aria-hidden=true]{pointer-events:none}.add-water-button span{text-align:left}.amount-ruler{--ruler-offset:0px;--ruler-valid-range-width:482px;border-radius:inherit;corner-shape:superellipse(1.05);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;position:relative;overflow:hidden}.amount-ruler.is-dragging{cursor:grabbing}.amount-ruler__pointer{z-index:3;pointer-events:none;width:16px;display:block;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.amount-ruler__scale{z-index:1;background-image:linear-gradient(90deg, var(--basic-100) 0 2px, transparent 2px 5px, var(--basic-100) 5px 7px, transparent 7px 10px, var(--basic-100) 10px 12px, transparent 12px 15px, var(--basic-100) 15px 17px, transparent 17px 20px, var(--basic-100) 20px 22px, transparent 22px 25px, var(--basic-100) 25px 27px, transparent 27px 30px);background-repeat:repeat-x;background-size:30px 100%;background-position-x:calc(50% + 14px + var(--ruler-offset));pointer-events:none;height:48px;transition:background-position-x 90ms linear;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.amount-ruler__scale:after{width:var(--ruler-valid-range-width);transform:translateX(var(--ruler-offset));background-image:repeating-linear-gradient(90deg, var(--ruler-orange) 0 2px, transparent 2px 30px);content:"";transition:transform 90ms linear;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.amount-ruler.is-dragging .amount-ruler__scale,.amount-ruler.is-inertial .amount-ruler__scale,.amount-ruler.is-dragging .amount-ruler__scale:after,.amount-ruler.is-inertial .amount-ruler__scale:after{transition:none}.amount-ruler__center{z-index:2;background:var(--basic-900);pointer-events:none;width:2px;position:absolute;top:18px;bottom:18px;left:50%;transform:translate(-50%)}.dock-button:active,.add-water-button:active,.undo-water-button:active{transform:scale(.94)}.add-water-button:active{transform:scale(.96)}.onboarding-dialog{width:min(100%,440px);max-width:none;height:100svh;max-height:none;color:var(--basic-900);background:0 0;border:0;margin:auto;padding:2px;position:fixed;inset:0;overflow:hidden}.onboarding-dialog:not([open]){display:none}.onboarding-dialog[open]{justify-content:center;align-items:flex-end;display:flex}.onboarding-dialog.is-starting[open]{flex-direction:column;align-items:center;gap:12px}.onboarding-dialog::backdrop{background:#111315e0}.onboarding-dialog__start-button{background:var(--sand);width:calc(100% + 4px);height:96px;color:var(--basic-900);cursor:pointer;border:0;border-radius:32px;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:500;line-height:24px;display:none}.onboarding-dialog.is-starting .onboarding-dialog__start-button,.onboarding-dialog.is-morphing .onboarding-dialog__start-button{display:flex}.onboarding-dialog.is-starting .onboarding-dialog__surface{display:none}.onboarding-dialog__start-label{align-items:baseline;gap:6px;display:flex}.onboarding-dialog__start-brand{font-family:Bevan,Georgia,serif;font-style:italic;font-weight:400}.onboarding-preview-select{background:var(--basic-900);width:112px;height:36px;color:var(--basic-0);border:1px solid #ffffff3d;border-radius:999px;padding:0 10px;font-size:12px;display:none}.onboarding-dialog.is-starting .onboarding-preview-select{display:block}.onboarding-preview-select[hidden]{display:none}.onboarding-dialog__surface{border-radius:var(--morph-radius-x,32px)/var(--morph-radius-y,32px);corner-shape:superellipse(1.05);background:var(--sand);overscroll-behavior:contain;flex-direction:column;align-self:center;align-items:center;gap:32px;width:100%;max-height:calc(100% - 4px);padding:32px;display:flex;overflow-y:auto}.onboarding-dialog__content{text-align:center;flex-direction:column;flex:none;align-items:center;gap:16px;width:100%;padding:16px 0;display:flex}.onboarding-dialog__content h2{width:100%;margin:0;font-family:Bevan,Georgia,serif;font-size:32px;font-style:italic;font-weight:400;line-height:1.25}.onboarding-dialog__content p{color:#1f2123a3;white-space:pre-line;width:100%;margin:0;font-size:14px;font-weight:500;line-height:1.5}.onboarding-dialog__actions{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.onboarding-dialog__button{cursor:pointer;text-align:center;border:0;border-radius:999px;min-width:40px;height:48px;padding:12px 24px;font-size:16px;font-weight:500;line-height:24px}.onboarding-dialog__button--primary{background:var(--basic-900);color:var(--basic-0)}.onboarding-dialog__button--secondary{color:var(--basic-900);background:0 0;padding-left:20px;padding-right:20px}.onboarding-dialog__button:disabled{opacity:.48;cursor:not-allowed}.onboarding-dialog__start-button:active,.onboarding-dialog__button:not(:disabled):active{transform:scale(.96)}.settings-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--basic-900);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.settings-dialog::backdrop{background:0 0}.settings-dialog__surface{right:0;bottom:max(2px, env(safe-area-inset-bottom));width:min(100% - 4px,436px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 4px);border-radius:var(--morph-radius-x,32px)/var(--morph-radius-y,32px);corner-shape:superellipse(1.05);background:var(--aqua);overscroll-behavior:contain;flex-direction:column;gap:2px;margin:auto;padding:2px;display:flex;position:absolute;left:0;overflow:auto}.reminder-dialog__surface{background:var(--orange)}.settings-dialog__morph-icon{z-index:5;opacity:0;visibility:hidden;pointer-events:none;width:24px;height:24px;display:block;position:fixed;top:0;left:0}.settings-dialog__morph-icon img{width:24px;display:block}.settings-dialog__header{justify-content:center;align-items:center;min-height:136px;padding:48px 32px;display:flex;position:relative}.settings-dialog__header h2{margin:0;font-family:Bevan,Georgia,serif;font-size:32px;font-style:italic;font-weight:400;line-height:1.25}.settings-dialog__heading{flex-direction:column;justify-content:center;align-items:center;display:flex}.reminder-dialog__schedule{color:#1f2123a3;margin:0;font-size:14px;font-weight:500;line-height:1.5}.settings-dialog__close{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:8px;display:grid;position:absolute;top:8px;right:8px}.settings-dialog__close img{width:24px;display:block;transform:rotate(45deg)}.settings-card{corner-shape:superellipse(1.05);background:#ffffff52;border-radius:30px;padding:24px;display:flex}.settings-card--stacked{flex-direction:column;align-items:stretch;gap:16px}.settings-card--toggle{justify-content:space-between;align-items:center;gap:24px}.settings-card--reset{justify-content:space-between;align-items:center;gap:12px}.settings-card h3{margin:0;font-size:20px;font-weight:700;line-height:1.5}.settings-goal-form{align-items:flex-start;gap:12px;display:flex}.settings-goal-field{border:1px solid var(--basic-100);background:var(--basic-100);border-radius:12px;flex:1;align-items:center;gap:8px;min-width:0;min-height:48px;padding:11px 16px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.settings-goal-field:focus-within{border-color:#1f21237a}.settings-goal-form[hidden]{display:none}.settings-goal-field:has(input[aria-invalid=true]){border-color:#7c2828}.settings-goal-field__label{min-width:0;color:var(--basic-300);flex:1;line-height:22px}.settings-goal-field input{width:74px;min-width:0;color:var(--basic-900);font:inherit;text-align:right;appearance:textfield;background:0 0;border:0;padding:0;line-height:24px}.settings-goal-field input::-webkit-inner-spin-button{appearance:none;margin:0}.settings-goal-field input::-webkit-outer-spin-button{appearance:none;margin:0}.settings-goal-field__unit{color:var(--basic-300);line-height:22px}.settings-save-button{background:var(--basic-900);cursor:pointer;border:0;border-radius:999px;flex:0 0 48px;place-items:center;width:48px;height:48px;padding:12px;display:grid}.settings-save-button img{filter:invert();width:20px;display:block}.reminder-dialog .settings-goal-field input{width:32px}.reminder-dialog .settings-goal-field input[type=time]{width:92px}.reminder-timer-action[hidden]{display:none}.settings-save-button .reminder-timer-action__icon{object-fit:contain;filter:invert();width:20px}.settings-field-message{color:#1f2123b8;min-height:18px;margin:-8px 0 0;font-size:12px;line-height:18px}.settings-field-message:empty{display:none}.settings-card__label{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.settings-card__label p{color:#1f2123a3;margin:0;font-size:12px;line-height:1.5}.settings-permission-button{color:var(--basic-900);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin:2px 0 0;padding:0;font-size:12px;font-weight:700;line-height:1.5}.settings-toggle{border:1px solid var(--basic-100);background:var(--basic-100);cursor:pointer;border-radius:999px;flex:0 0 96px;width:96px;height:48px;padding:0;position:relative}.settings-toggle__thumb{background:var(--basic-900);border:0;border-radius:999px;place-items:center;width:48px;height:48px;padding:12px;transition:transform .2s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:-1px;left:-1px}.settings-toggle.is-on .settings-toggle__thumb{transform:translate(48px)}.settings-toggle__thumb img{object-fit:contain;filter:invert();width:20px;display:block}.settings-toggle__icon--provided{filter:invert()}.settings-toggle.is-on .settings-toggle__icon--provided{width:20px}.settings-toggle.is-disabled{opacity:.32;cursor:not-allowed}.settings-card__button{background:var(--basic-900);width:100%;min-width:40px;min-height:48px;color:var(--basic-0);cursor:pointer;text-align:center;border:0;border-radius:999px;padding:12px 20px;font-size:16px;font-weight:500;line-height:24px;transition:background .16s,transform .16s}.settings-card--reset .settings-card__button{white-space:nowrap;flex:none;width:auto;padding-left:24px;padding-right:24px}.settings-card__button.is-confirming{background:#7c2828}.settings-dialog__close:active,.settings-save-button:active,.settings-card__button:active,.settings-toggle:not(.is-on):not(:disabled):active .settings-toggle__thumb{transform:scale(.96)}.settings-toggle.is-on:not(:disabled):active .settings-toggle__thumb{transform:translate(48px)scale(.96)}.settings-dialog__footer{color:#1f2123a3;justify-content:center;align-items:center;gap:10px;padding:24px 0;font-size:14px;font-weight:500;line-height:1.5;display:flex}.settings-dialog__footer img{object-fit:contain;width:128px;height:40px;display:block}@media (width>=480px){body{place-items:center;min-height:100dvh;padding:24px;display:grid}.app-shell,.onboarding-dialog{height:min(100dvh - 48px,956px)}.settings-dialog__surface{bottom:max(26px,50dvh - 476px)}}@media (height<=620px){.brand-title{font-size:42px}.cup-card__progress{padding:16px}.progress-value,.progress-value span{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}