@import "https://fonts.googleapis.com/css2?family=Bevan:ital@0;1&family=Google+Sans+Flex:opsz,wght@6..144,400..800&display=swap";html{background-color:#49a7b9}:root{--basic-0:#fff;--basic-100:#1f212314;--basic-300:#1f21237a;--basic-500:#1f2123a3;--basic-900:#1f2123;--glass-bg-200:#ffffffa3;--glass-bg-100:linear-gradient(0deg, #ffffff8f 0%, #ffffff8f 100%), #37597b08;--font:"Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", sans-serif;--font-display:"Bevan", var(--font)}*{box-sizing:border-box;font-family:var(--font);margin:0;padding:0}body{margin:0}.data-bg{content:"";z-index:-1;background:url(/image/calm.jpg) 50%/cover;width:100vw;height:100vh;display:block;position:fixed;top:0}p{margin:0;padding:0}.content-wrap{width:544px;margin:0 auto;padding:16px;position:relative}.gd-border{box-shadow:1.25px 0 0 -.75px #08080833,-1.25px 0 0 -.75px #08080833,0 0 0 .75px #1a1a1a1a}.gd-border.gd-shadow-md{box-shadow:1.25px 0 0 -.75px #08080833,-1.25px 0 0 -.75px #08080833,0 0 0 .75px #1a1a1a1a,0 16px 32px #0000001f}.gd-input{corner-shape:superellipse(1.05);background:var(--basic-100);min-height:48px;color:var(--basic-300);cursor:text;box-shadow:inset 0 0 0 1px var(--basic-100);border:0;border-radius:12px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;line-height:24px;display:flex}.gd-input-label{min-width:fit-content;padding:12px 0}.gd-input-unit{color:var(--basic-300);padding:12px 0;line-height:24px}.gd-input input{width:100%;color:var(--basic-900);text-align:right;background:0 0;border:0;outline:0;flex-grow:1;padding:12px 8px;font-size:14px;font-weight:500;line-height:24px}.gd-btn{corner-shape:superellipse(1.05);min-width:fit-content;min-height:40px;color:var(--basic-900);will-change:transform;backface-visibility:hidden;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:24px;display:inline-flex;transform:translateZ(0)}.gd-btn-md{padding:8px}.gd-btn-lg{padding:12px}.gd-btn_gray{background:var(--basic-100);box-shadow:inset 0 0 0 1px var(--basic-100)}.gd-btn_black{color:var(--basic-0);background:var(--basic-900)}.gd-btn img{aspect-ratio:1;width:24px;height:24px}.gd-btn>span{padding-inline:8px}.gd-btn_black img{filter:brightness(0)invert()}.gd-navbar{z-index:20;background:var(--glass-bg-200);-webkit-backdrop-filter:blur(12px);border-radius:999px;justify-content:center;align-items:center;gap:0;width:fit-content;margin:0 auto;padding:4px;display:flex;position:fixed;bottom:24px;left:0;right:0}.nav-item{corner-shape:superellipse(1.05);width:96px;min-width:0;height:60px;color:var(--basic-900);z-index:20;will-change:transform;backface-visibility:hidden;background:0 0;border-radius:999px;place-items:center;gap:4px;padding:8px 20px;font-size:12px;font-weight:700;line-height:16px;text-decoration:none;display:grid;position:relative;transform:translateZ(0)}.nav-item:hover{background:var(--basic-100)}.nav-item img{width:24px;height:24px}.permission-banner{corner-shape:superellipse(1.05);color:var(--basic-900);background:var(--glass-bg-100);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:24px;font-size:14px;font-weight:500;line-height:24px;display:flex}#js-cup-water-level{mix-blend-mode:screen;background:#ffffffa3;overflow:hidden}.cup-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.cup-progress{z-index:4;text-align:center;pointer-events:none}.cup-progress-ml{font-family:var(--font-display);color:var(--basic-900);font-size:32px;font-style:italic;font-weight:400;line-height:40px}.cup-progress-ml span{font-family:var(--font-display);font-style:italic}.cup-progress-meta{color:var(--basic-500);font-size:14px;font-weight:400;line-height:24px}.cup-card{aspect-ratio:1;margin-bottom:8px;background:#acdee13d;border-radius:1000px;width:100%;margin-inline:auto;position:relative;overflow:hidden;box-shadow:1.25px 0 0 -.75px #08080833,-1.25px 0 0 -.75px #08080833,0 0 0 .75px #1a1a1a1a,inset 0 2px 2px #ffffff3d,inset 0 -2px 2px #ffffff3d}.page-content{padding-bottom:calc(env(safe-area-inset-bottom) + 16px + 68px);position:relative}.gd-title{color:var(--basic-900);padding:8px;margin:0;padding-top:32px;font-size:32px;font-weight:700;line-height:40px}h1.gd-title{font-family:var(--font-display);text-align:center;font-size:64px;font-style:italic;font-weight:400;line-height:80%}.cards-grid{flex-direction:column;gap:16px;display:flex}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.control-card{corner-shape:superellipse(1.05);background:var(--glass-bg-200);-webkit-backdrop-filter:blur(12px);border-radius:24px;align-items:center;gap:16px;min-height:76px;margin-top:-4px;padding:24px;display:flex}.control-card .gd-input{flex-grow:1}.control-card .gd-btn{width:auto}.card-label{min-width:64px;color:var(--basic-900);font-size:20px;font-weight:700;line-height:40px}.settings-card{corner-shape:superellipse(1.05);background:var(--glass-bg-200);-webkit-backdrop-filter:blur(12px);border-radius:24px;flex-direction:column;gap:24px;margin-top:-4px;padding:24px;display:flex}.section-heading{align-items:center;gap:8px;min-height:36px;display:flex}.section-heading p{flex-grow:1}.settings-row-wrap{flex-direction:column;gap:16px;display:flex}.bottom-gradient{pointer-events:none;z-index:10;background:linear-gradient(#49a7b900 0%,#49a7b9cc 100%);height:80px;position:fixed;bottom:0;left:0;right:0}.toast{z-index:1000;corner-shape:superellipse(1.05);opacity:0;pointer-events:none;text-align:center;background:#1f2123e0;border-radius:999px;align-items:center;gap:10px;min-width:fit-content;max-width:calc(100vw - 16px);padding:12px 16px;font-size:13px;font-weight:700;line-height:20px;transition:opacity .2s,transform .2s;display:inline-flex;position:fixed;top:24px;left:50%;transform:translate(-50%,12px)}.toast .toast-message-text{color:var(--basic-0);padding:8px}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast-action{min-width:fit-content;min-height:32px;color:var(--basic-900);background:var(--basic-0);border:0;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700;line-height:32px}@media (width<=768px){body{min-width:320px}.content-wrap{width:100%;max-width:544px;padding:12px}}[data-glass-effect*=bl\:4]{-webkit-backdrop-filter:blur(4px)}[data-glass-effect*=bl\:2]{-webkit-backdrop-filter:blur(2px)}[data-glass-effect*=bl\:0]{-webkit-backdrop-filter:none}[data-glass-effect=""],[data-glass-effect]:not([data-glass-effect*=bl\:]){-webkit-backdrop-filter:blur(2px)}.glass-effect-css-fallback [data-glass-effect]{-webkit-backdrop-filter:blur(1px)}