:root{color-scheme:dark;--bg-ink: #09131f;--bg-deep: #10263f;--bg-panel: rgba(10, 23, 38, .74);--bg-panel-strong: rgba(11, 27, 43, .9);--surface-light: #f4f7fc;--surface-soft: #eef2f8;--line-soft: rgba(255, 255, 255, .09);--text-main: #f8f6ef;--text-muted: #bfc9d5;--text-dark: #10151d;--text-soft-dark: #5d6675;--accent-amber: #f2d492;--accent-coral: #e46c3e;--accent-teal: #60d1c2;--accent-red: #ef6b63;--shadow-deep: 0 24px 60px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(circle at top left,rgba(228,108,62,.18),transparent 30%),radial-gradient(circle at 78% 18%,rgba(96,209,194,.14),transparent 24%),radial-gradient(circle at 55% 82%,rgba(122,154,255,.12),transparent 28%),linear-gradient(145deg,#05070b,#0b1118 42%,#0f1823)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}app-root,app-home{min-width:0;width:100%;max-width:100%}app-home{display:block}app-home .mobile-water-title,app-home .mobile-log-tabs,app-home .mobile-dashboard-shortcuts,app-home .mobile-quick-summary,app-home .mobile-profile-links{display:none}@media(max-width:760px){app-home .page-shell.has-dashboard{width:100%;max-width:100%;min-height:100dvh;padding:0}app-home .has-dashboard .app-dashboard-shell{width:100%;max-width:100%;min-height:100dvh;margin:0;padding:0;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;box-shadow:none}app-home .has-dashboard .app-topbar{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,max-content);gap:10px;min-height:64px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:none;backdrop-filter:none;background:#050505fa}app-home .has-dashboard .app-brand>span:last-child{min-width:0;max-width:100%}app-home .has-dashboard .app-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-home .has-dashboard .session-controls{min-width:0;max-width:42vw}app-home .has-dashboard .app-brand{gap:9px;min-height:44px}app-home .has-dashboard .app-brand-mark{width:34px;height:34px;font-size:.85rem}app-home .has-dashboard .app-brand strong{font-size:.94rem}app-home .has-dashboard .app-brand small{display:block;max-width:32vw;font-size:.67rem}app-home .has-dashboard .session-status{display:none}app-home .has-dashboard .close-session-button,app-home .has-dashboard .start-session-button{min-height:44px;max-width:100%;padding:9px 11px;font-size:.7rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}app-home .has-dashboard .app-top-nav{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;margin:0;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:#0a0a09fa;box-shadow:0 -10px 32px #0003}app-home .has-dashboard .app-top-nav button{position:relative;display:flex;flex-direction:column;gap:5px;min-height:56px;padding:7px 3px;border-radius:13px;font-size:.69rem;line-height:1.2;font-weight:750}app-home .has-dashboard .app-top-nav button>span{white-space:nowrap;overflow-wrap:normal}app-home .has-dashboard .app-top-nav svg{width:23px;height:23px}app-home .has-dashboard .app-top-nav button.active{background:#ffd34e1a}app-home .has-dashboard .app-top-nav button.active:before{content:"";position:absolute;top:-7px;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--app-yellow)}app-home .has-dashboard .app-top-nav button:focus-visible,app-home .has-dashboard .mobile-log-tabs button:focus-visible,app-home .has-dashboard .mobile-water-shortcut:focus-visible{outline:2px solid var(--app-yellow);outline-offset:-3px}app-home .has-dashboard .app-screen{width:100%;max-width:100%;min-height:calc(100dvh - 64px);padding:20px max(16px,env(safe-area-inset-right)) calc(94px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}app-home .has-dashboard .app-screen-heading{margin-bottom:18px}app-home .has-dashboard .app-screen-heading>.panel-kicker{display:none}app-home .has-dashboard .app-screen-heading h1{max-width:none;margin-top:0;font-size:clamp(1.75rem,7vw,2.2rem);line-height:1.08;letter-spacing:-.045em}app-home .has-dashboard .app-screen-heading>p{margin-top:8px;font-size:.9rem;line-height:1.45}app-home .has-dashboard .app-screen-heading-log>.accent-copy{display:none}app-home .has-dashboard .risk-meter.compact{height:5px;margin-top:12px}app-home .has-dashboard .zone-label{margin-top:8px;font-size:.76rem}app-home .has-dashboard .app-banner{margin:12px 16px 0;font-size:.86rem}app-home .has-dashboard .mobile-log-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:var(--app-surface)}app-home .has-dashboard .mobile-log-tabs button{min-height:40px;padding:7px 5px;border:0;border-radius:11px;background:transparent;color:#b7b7b3;font:inherit;font-size:.86rem;font-weight:800}app-home .has-dashboard .mobile-log-tabs button[aria-pressed=true]{background:var(--app-yellow);color:#090909}app-home .has-dashboard .mobile-panel-hidden,app-home .has-dashboard .drink-section-heading{display:none}app-home .has-dashboard .quick-log-grid{width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}app-home .has-dashboard .drink-feedback:not(.error){position:fixed;z-index:30;top:74px;left:16px;right:16px;margin:0;padding:11px 14px;font-size:.85rem;box-shadow:0 10px 28px #00000059;pointer-events:none}app-home .has-dashboard .mobile-quick-summary:not(.mobile-panel-hidden){display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:16px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:var(--app-surface);text-align:left;color:#fff}app-home .has-dashboard .mobile-quick-summary>span{display:grid;gap:6px}app-home .has-dashboard .mobile-quick-summary small{color:#969691;font-size:.72rem}app-home .has-dashboard .mobile-quick-summary strong{font-size:.86rem;font-weight:750}app-home .has-dashboard .mobile-quick-summary svg{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:var(--app-yellow);stroke-width:1.8}app-home .has-dashboard .quick-log-card{width:100%;max-width:100%;min-height:106px;padding:14px;gap:5px;border-radius:19px}app-home .has-dashboard .quick-log-card strong{max-width:calc(100% - 16px);font-size:clamp(1.05rem,4.5vw,1.3rem);line-height:1.2}app-home .has-dashboard .quick-log-card>span:not(.drink-emoji){font-size:.83rem}app-home .has-dashboard .quick-log-card small{display:none}app-home .has-dashboard .drink-emoji{top:12px;right:12px;font-size:1.4rem}app-home .has-dashboard .quick-log-card.water-card{min-height:78px;padding-right:50px}app-home .has-dashboard .water-desktop-title{display:none}app-home .has-dashboard .mobile-water-title{display:block}app-home .has-dashboard .water-card .drink-emoji{top:24px;right:18px;font-size:1.7rem}app-home .has-dashboard .custom-drink-panel,app-home .has-dashboard .today-summary{margin-top:0}app-home .has-dashboard .custom-drink-panel{padding:18px;border-radius:22px}app-home .has-dashboard .custom-drink-intro{gap:12px}app-home .has-dashboard .custom-drink-icon{width:36px;height:36px;border-radius:11px;font-size:1.4rem}app-home .has-dashboard .custom-drink-intro .panel-kicker{display:none}app-home .has-dashboard .custom-drink-intro h2{margin-top:0;font-size:1.25rem;line-height:1.15}app-home .has-dashboard .custom-drink-intro p{margin-top:6px;font-size:.83rem}app-home .has-dashboard .custom-drink-form{margin-top:18px}app-home .has-dashboard .app-form input{font-size:16px;scroll-margin-block:84px 100px}app-home .has-dashboard .today-summary>article{padding:20px}app-home .has-dashboard .section-title-row h2{font-size:1.5rem}app-home .has-dashboard .mobile-dashboard-shortcuts{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin-bottom:16px}app-home .has-dashboard .mobile-dashboard-shortcuts button{min-height:48px;padding:10px 9px;font-size:.8rem;border-radius:14px}app-home .has-dashboard .mobile-water-shortcut{border:1px solid #86c4ff;background:var(--app-surface);color:#fff;font:inherit;font-weight:800}app-home .has-dashboard .status-hero{padding:20px;border-radius:22px}app-home .has-dashboard .status-value strong{font-size:3.3rem}app-home .has-dashboard .status-value span{font-size:.85rem}app-home .has-dashboard .risk-label-row{margin-top:18px}app-home .has-dashboard .risk-label-row strong{font-size:1rem}app-home .has-dashboard .risk-label-row span{font-size:.75rem}app-home .has-dashboard .status-hero>p{margin-top:14px;font-size:.86rem}app-home .has-dashboard .app-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}app-home .has-dashboard .app-metric-grid article,app-home .has-dashboard .app-metric-grid article:last-child{grid-column:auto;min-height:112px;padding:12px 10px;gap:8px;border-radius:17px}app-home .has-dashboard .app-metric-grid span{font-size:.72rem}app-home .has-dashboard .app-metric-grid strong{font-size:1.18rem}app-home .has-dashboard .app-metric-grid small{font-size:.66rem;line-height:1.35}app-home .has-dashboard .profile-card{margin-top:0;padding:20px}app-home .has-dashboard .profile-identity{gap:12px;margin-bottom:20px}app-home .has-dashboard .profile-identity>span{width:46px;height:46px;font-size:1.2rem}app-root:has(app-home .has-dashboard) app-footer{display:none}app-home .has-dashboard .mobile-profile-links{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:26px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}app-home .has-dashboard .mobile-profile-links a{padding:6px 0;color:#969691;font-size:.74rem}@media(max-width:360px){app-home .has-dashboard .app-screen{padding-top:16px}app-home .has-dashboard .quick-log-card{min-height:90px;padding:12px}app-home .has-dashboard .app-top-nav button{font-size:.64rem}app-home .has-dashboard .app-screen-heading-log{margin-bottom:14px}app-home .has-dashboard .risk-meter.compact{margin-top:8px}app-home .has-dashboard .mobile-log-tabs{margin-bottom:12px}app-home .has-dashboard .mobile-log-tabs button{min-height:38px}app-home .has-dashboard .quick-log-card.water-card{min-height:70px}app-home .has-dashboard .quick-log-card strong{font-size:1.02rem}app-home .has-dashboard .app-brand small{max-width:26vw}}}