.bottom-nav[data-v-9dba6780]{background:var(--color-nav-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;position:fixed;bottom:0;left:0;right:0}.nav-inner[data-v-9dba6780]{justify-content:space-around;align-items:center;height:56px;display:flex}.nav-item[data-v-9dba6780]{color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;text-decoration:none;transition:color .2s,background .2s;display:flex;position:relative}.nav-item.active[data-v-9dba6780]{color:var(--color-primary);background:var(--color-primary-glow)}.nav-icon[data-v-9dba6780]{flex-shrink:0}.nav-label[data-v-9dba6780]{font-size:.65rem;font-weight:var(--font-weight-medium);line-height:1}.nav-item.active .nav-label[data-v-9dba6780]{font-weight:var(--font-weight-bold)}.error-toast-container[data-v-7875c9bd]{top:calc(env(safe-area-inset-top,0px) + var(--spacing-sm));left:var(--spacing-md);right:var(--spacing-md);z-index:250;gap:var(--spacing-xs);pointer-events:none;flex-direction:column;display:flex;position:fixed}.error-toast[data-v-7875c9bd]{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-danger);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);cursor:pointer;pointer-events:auto;display:flex}.toast-enter-active[data-v-7875c9bd]{animation:.3s ease-out toastIn-7875c9bd}.toast-leave-active[data-v-7875c9bd]{animation:.2s ease-in toastOut-7875c9bd}@keyframes toastIn-7875c9bd{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut-7875c9bd{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.app-wrapper{flex-direction:column;min-height:100dvh;display:flex}.offline-banner{top:env(safe-area-inset-top,0px);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-warning);color:#000;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);z-index:200;position:fixed;left:0;right:0}:root{--color-primary:#22d3ee;--color-primary-light:#67e8f9;--color-primary-dark:#06b6d4;--color-primary-glow:#22d3ee40;--color-success:#34d399;--color-success-light:#6ee7b7;--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-danger:#f87171;--color-danger-light:#fca5a5;--color-water:#38bdf8;--color-water-light:#7dd3fc;--color-bg:#0b0f1a;--color-bg-elevated:#0f1629;--color-surface:#141b2d;--color-surface-elevated:#1c2540;--color-surface-hover:#1e293b;--color-border:#ffffff0f;--color-border-subtle:#ffffff08;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#475569;--color-gradient-start:#22d3ee;--color-gradient-end:#818cf8;--color-nav-bg:#0b0f1abf;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 24px #0009;--shadow-glow:0 0 20px #22d3ee26;--nav-height:4.5rem;--header-height:3.5rem;--safe-area-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light]{--color-primary:#0891b2;--color-primary-light:#22d3ee;--color-primary-dark:#0e7490;--color-primary-glow:#0891b21f;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-danger:#ef4444;--color-danger-light:#f87171;--color-water:#0ea5e9;--color-water-light:#38bdf8;--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-gradient-start:#0891b2;--color-gradient-end:#6366f1;--color-nav-bg:#fffc;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 20px #0891b21a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;min-height:100dvh;line-height:1.5}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}#app{flex-direction:column;min-height:100dvh;display:flex}.page{padding:var(--spacing-md);padding-top:calc(env(safe-area-inset-top,0px) + var(--spacing-md));padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + var(--spacing-lg));flex:1;width:100%;max-width:600px;margin:0 auto;animation:.35s ease-out pageIn}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s}.card+.card{margin-top:var(--spacing-md)}.card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff}.btn-primary:active{background:var(--color-primary-dark);box-shadow:0 0 16px var(--color-primary-glow)}.btn-success{background-color:var(--color-success);color:#fff}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface-elevated)}.btn-outline.active{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 0 12px var(--color-primary-glow)}.btn-block{width:100%;display:flex}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);font-size:var(--font-size-lg);-webkit-appearance:none;min-height:48px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.input[type=number]{text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl)}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .2s ease-out}.slide-fade-leave-active{transition:all .15s ease-in}.slide-fade-enter-from{opacity:0;transform:translate(8px)}.slide-fade-leave-to{opacity:0;transform:translate(-8px)}.slide-up-enter-active,.slide-up-leave-active{transition:all .35s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes quickPulse{0%{box-shadow:0 0 0 0 var(--color-primary-glow)}50%{box-shadow:0 0 12px var(--color-primary-glow)}to{box-shadow:0 0 #0000}}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 4px #22d3ee4d)}50%{filter:drop-shadow(0 0 12px #22d3ee99)}}:focus-visible,.btn:focus-visible,.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button,[role=button],a,summary{cursor:pointer}.page-title{align-items:center;gap:var(--spacing-sm);display:flex}.title-icon{color:var(--color-primary);flex-shrink:0}.icon-water{color:var(--color-water)}.text-gradient{background:linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}