:root{--color-bg:#f7f9f8;--color-surface:#fff;--color-text-main:#1a2320;--color-text-muted:#6b7a74;--color-primary:#3d8f74;--color-primary-light:#e4f2ec;--color-water:#4b92b0;--color-water-light:#e5f1f5;--color-move:#c77b4d;--color-move-light:#faeade;--font-family:system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-4xl:4rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.5rem;--spacing-6:2rem;--spacing-8:3rem;--spacing-12:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.6s ease;--motion-breathing:cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--color-bg:#121413;--color-surface:#1e2120;--color-text-main:#e8edea;--color-text-muted:#8b9993;--color-primary:#52ba98;--color-primary-light:#183328;--color-water:#5fb1d1;--color-water-light:#163642;--color-move:#e69363;--color-move-light:#422616;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006}}.app-intro{max-width:600px;color:var(--color-text-muted);-webkit-user-select:text;user-select:text;margin:0 auto;padding:16px 24px 24px;font-size:.8rem;line-height:1.6}.app-intro h1{margin-bottom:6px;font-size:.9rem;font-weight:600}.app-intro a,.startup-message a{color:inherit;text-decoration:underline}.startup-message{margin:24px;line-height:1.6}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--color-bg);width:100%;min-height:100dvh;color:var(--color-text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow-x:hidden}#app{width:100%;max-width:600px;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative}h1,h2,h3,h4,p{margin:0;font-weight:400}button{color:inherit;cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;outline:none;padding:0;font-family:inherit}button:active{transform:scale(.95)}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app:has(.app-shell){max-width:2400px;padding:max(12px, var(--safe-top)) clamp(16px, 2vw, 32px) max(16px, var(--safe-bottom))}.app-shell{flex-direction:column;width:100%;display:flex}.app-header{justify-content:space-between;align-items:center;gap:24px;min-height:60px;margin-bottom:16px;display:flex}.app-header>div{min-width:0}.app-header .settings-btn{flex-shrink:0}.app-content{width:100%}.cockpit-grid{--layout-gap:clamp(16px, 1.5vw, 28px);--card-padding:clamp(16px, 1.5vw, 24px);--card-min:260px;--card-max:300px;--lung-min-lane:320px;--lung-min-size:240px;--lung-envelope:1.24115;--lung-menu-room:40px;--breath-size:240px;gap:var(--layout-gap);grid-template-rows:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;width:100%;padding-bottom:24px;display:grid}.cockpit-grid>div:not(.hidden){flex-direction:column;min-width:0;display:flex}.cockpit-grid>.breath-wrapper{grid-column:1/-1;align-items:center}.cockpit-grid>:where(#wrapper-water,#wrapper-move){min-height:var(--lower-height,200px)}.cockpit-grid>div>.module-card{flex:1;min-width:0}.cockpit-grid[data-layout=paired]{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-grid.has-2[data-layout=paired]:has(>.breath-wrapper:not(.hidden))>:not(.breath-wrapper):not(.hidden){grid-column:1/-1;justify-self:center;width:min(100%,600px)}.cockpit-grid[data-layout=lateral]{grid-template-columns:var(--side-width,280px) calc(var(--breath-size) * var(--lung-envelope) + 4px) var(--side-width,280px);min-height:var(--dashboard-room);grid-template-rows:minmax(0,1fr) auto;justify-content:center;row-gap:0}.cockpit-grid[data-layout=lateral]>.breath-wrapper{grid-area:1/2/3;justify-content:flex-start}.cockpit-grid[data-layout=lateral]>#wrapper-water{grid-area:2/1}.cockpit-grid[data-layout=lateral]>#wrapper-move{grid-area:2/3}.cockpit-grid:has(>.breath-wrapper.hidden){grid-template-rows:none;max-width:1120px;margin-inline:auto}.cockpit-grid.has-1:has(>.breath-wrapper.hidden){grid-template-columns:minmax(0,1fr);max-width:760px}.cockpit-grid:has(>.breath-wrapper.hidden)>div:not(.hidden){min-height:max(var(--lower-height,200px), min(60svh, 640px))}.hidden{display:none!important}.flex-center{justify-content:center;align-items:center;display:flex}.text-center{text-align:center}.module-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--card-padding,16px);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;display:flex;position:relative;container-type:inline-size}.card-info-col{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.module-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.module-card-title{font-weight:700;font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);overflow-wrap:anywhere}.module-card-settings{color:var(--color-text-muted);background:var(--color-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.card-metric{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.card-metric-value{font-size:clamp(3rem,20cqi,4rem)}.card-metric-unit{font-size:clamp(1.5rem,12cqi,2.5rem)}.cockpit-grid .water-total-container{min-width:0;max-width:100%}.cockpit-grid :is(.water-unit,.water-goal-progress,.water-reminder-cue,#moveSubtext){overflow-wrap:anywhere}.cockpit-grid .breath-text{overflow-wrap:anywhere;max-width:90%}.cockpit-grid{--dashboard-value:clamp(3rem, 20cqi, 4rem);--dashboard-unit:clamp(1.5rem, 12cqi, 2.5rem);--water-cue-margin:8px;--water-cue-min:0px}.cockpit-grid :is(.water-main,.move-main){min-height:100px}.cockpit-grid #waterTotal{font-size:var(--dashboard-value)}.cockpit-grid .water-actions{flex-wrap:wrap}.cockpit-grid .btn-water{flex:96px}.cockpit-grid .water-reminder-cue:empty{--water-cue-margin:0px}.cockpit-grid[data-layout=paired]:has(>.breath-wrapper:not(.hidden))>:is(#wrapper-water,#wrapper-move){justify-self:center;width:100%;max-width:380px}.cockpit-grid[data-layout=stacked]:has(>.breath-wrapper:not(.hidden))>:is(#wrapper-water,#wrapper-move){justify-self:center;width:100%;max-width:480px}@media (width<=560px) and (orientation:portrait),(width<=960px) and (height<=560px) and (orientation:landscape){#app:has(.breath-wrapper:not(.hidden)) .app-header{gap:12px;min-height:52px;margin-bottom:8px}.cockpit-grid:has(>.breath-wrapper:not(.hidden)){--card-min:148px;--card-max:200px;--card-padding:16px;--layout-gap:12px;--lung-min-lane:240px;--lung-menu-room:52px;--dashboard-value:clamp(2rem, 24cqi, 2.5rem);--compact-value:var(--dashboard-value);--dashboard-unit:1.25rem;--water-cue-margin:6px;padding-bottom:16px}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .module-card{gap:8px}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .card-info-col{gap:8px}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .module-card-header{flex-wrap:wrap;gap:6px}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .module-card-title{overflow-wrap:normal;flex:1;font-size:.875rem}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .module-card-header .module-card-settings{margin-inline-start:auto}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .module-card-settings{width:44px;height:44px}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) :is(.water-main,.move-main){min-height:0}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .water-actions{flex-direction:column;gap:8px}.cockpit-grid:has(>.breath-wrapper:not(.hidden)) .water-actions>:is(#btnSmall,#btnLarge){flex:none;min-height:48px;padding:12px 10px}}@media (width<=960px) and (height<=560px) and (orientation:landscape){.cockpit-grid:has(>.breath-wrapper:not(.hidden)){--lung-min-size:168px;--card-max:220px}.cockpit-grid[data-layout=lateral]:has(>.breath-wrapper:not(.hidden)) .water-actions{flex-direction:row}.cockpit-grid[data-layout=lateral]:has(>.breath-wrapper:not(.hidden)) .water-actions>:is(#btnSmall,#btnLarge){flex:1 1 0;min-width:0;padding-inline:6px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;width:100vw;height:100vh;transition:opacity var(--transition-normal), visibility var(--transition-normal);padding:env(safe-area-inset-top,0px) 0 0 0;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:500px;max-height:90vh;padding:var(--spacing-5) var(--spacing-4) max(var(--spacing-5), env(safe-area-inset-bottom,20px));transition:transform var(--transition-normal) cubic-bezier(.2, .8, .2, 1);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto;transform:translateY(100%)}.modal-overlay.active .modal-content{transform:translateY(0)}@media (width>=600px){.modal-overlay{padding:var(--spacing-4);align-items:center}.modal-content{border-radius:var(--radius-xl);transform:translateY(20px)scale(.95)}.modal-overlay.active .modal-content{transform:translateY(0)scale(1)}}.modal-header{margin-bottom:var(--spacing-5);justify-content:space-between;align-items:center;display:flex}.modal-title{overflow-wrap:anywhere;min-width:0;font-size:var(--font-size-xl);color:var(--color-text-main);margin:0;font-weight:700}#modalLanguage{appearance:none;border-radius:var(--radius-md);background-color:var(--color-surface);background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);width:148px;min-height:48px;color:var(--color-text-main);font:inherit;cursor:pointer;background-position:right 18px center,right 13px center;background-repeat:no-repeat;background-size:5px 5px;border:1px solid #cbdcd4;flex-shrink:0;margin-right:8px;padding:12px 32px 12px 14px;font-size:14px;font-weight:600;line-height:22px;transition:border-color .2s,box-shadow .2s;max-width:148px!important}#modalLanguage:hover{border-color:var(--color-primary)}#btnSaveBreathCfg,#btnSaveWaterCfg,#btnSaveMainCfg,#btnSaveMoveCfg{border-radius:var(--radius-md);color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#31795f;border:1px solid #0000;padding:12px 24px;font-weight:700;line-height:22px;transition:background-color .2s,box-shadow .2s}#btnSaveBreathCfg:hover,#btnSaveWaterCfg:hover,#btnSaveMainCfg:hover,#btnSaveMoveCfg:hover{background:#28664f;box-shadow:0 3px 10px #265c4629}#modalLanguage:focus-visible,#btnSaveBreathCfg:focus-visible,#btnSaveWaterCfg:focus-visible,#btnSaveMainCfg:focus-visible,#btnSaveMoveCfg:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}#btnSaveMainCfg:active{box-shadow:none;background:#225741}@media (prefers-color-scheme:dark){#modalLanguage{border-color:#465d52}#modalLanguage:hover{border-color:var(--color-primary)}}.btn-close{background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.confirmation .modal-content{padding:24px 24px max(24px, env(safe-area-inset-bottom))}.confirmation .modal-title{grid-column:1/-1;font-size:1.35rem}.confirmation .modal-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.confirmation #modalLanguage{justify-self:start;margin-left:0!important}.confirmation-description{min-height:3.2em;color:var(--color-text-muted);margin:8px 0 24px;line-height:1.6}.confirmation-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.confirmation-actions button{border-radius:var(--radius-md);overflow-wrap:anywhere;border:1px solid #0000;min-width:0;min-height:48px;padding:12px 16px;font-weight:600;line-height:1.4}.confirmation-actions .confirmation-cancel{background:var(--color-surface);color:var(--color-text-main);border-color:var(--color-text-muted)}.confirmation-reset{color:#fff;background:#b53a3e}.confirmation-actions button:hover{filter:brightness(.94)}.confirmation-actions button:active{transform:translateY(1px)}.confirmation-actions button:focus-visible{outline:3px solid var(--color-text-main);outline-offset:3px}.water-time-inputs{align-items:center;gap:8px;display:flex}.water-time-inputs .boxpiro-stepper{flex:1;min-width:0}@media (width<=380px){.confirmation .modal-content{padding:20px 20px max(20px, env(safe-area-inset-bottom))}.confirmation-actions{grid-template-columns:1fr}}.form-group{margin-bottom:var(--spacing-5)}.form-label{margin-bottom:var(--spacing-2);color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;display:block}.toggle-switch{cursor:pointer;padding:var(--spacing-3) 0;justify-content:space-between;align-items:center;display:flex}.toggle-label{font-weight:600;font-size:var(--font-size-base)}.toggle-track{width:50px;height:28px;transition:background var(--transition-fast);background:#d1d9d6;border-radius:14px;flex-shrink:0;position:relative}@media (prefers-color-scheme:dark){.toggle-track{background:#2a332f}}.toggle-thumb{width:24px;height:24px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-input{display:none}.toggle-input:checked+.toggle-track{background:var(--color-primary)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(22px)}.num-input-row{gap:var(--spacing-2);display:flex}.num-input-group{flex-direction:column;flex:1;min-width:0;display:flex}.num-input-group label{overflow-wrap:anywhere;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1);text-align:center}.boxpiro-stepper{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid #0000000d;align-items:center;padding:4px;display:flex}@media (prefers-color-scheme:dark){.boxpiro-stepper{border-color:#ffffff0d}}.boxpiro-stepper input[type=number]{text-align:center;width:100%;min-width:0;font-size:var(--font-size-lg);color:var(--color-text-main);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:8px 4px;font-weight:700}.boxpiro-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.boxpiro-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.boxpiro-stepper-controls{border-left:1px solid #0000000d;flex-direction:column;display:flex}@media (prefers-color-scheme:dark){.boxpiro-stepper-controls{border-left-color:#ffffff0d}}.boxpiro-stepper-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:28px;display:flex}.boxpiro-stepper-btn:active{background:#0000000d}.boxpiro-stepper-btn:first-child{border-bottom:1px solid #0000000d}@media (prefers-color-scheme:dark){.boxpiro-stepper-btn:active{background:#ffffff0d}.boxpiro-stepper-btn:first-child{border-bottom-color:#ffffff0d}}.boxpiro-stepper-btn[disabled]{opacity:.3;pointer-events:none}#toast-container{bottom:env(safe-area-inset-bottom,20px);pointer-events:none;z-index:2000;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;left:0;right:0}.toast{overflow-wrap:anywhere;background:var(--color-text-main);max-width:calc(100vw - 24px);color:var(--color-bg);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:12px;padding:12px 20px;animation:.3s cubic-bezier(.2,.8,.2,1) toast-in;display:flex}.toast.hiding{animation:.2s ease-in forwards toast-out}.toast-action{color:var(--color-primary-light);text-transform:uppercase;font-weight:700;font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px}@media (width<=480px){.modal-header{grid-template-columns:1fr auto;gap:8px;display:grid}.modal-title{grid-column:1/-1}.num-input-row{flex-wrap:wrap}.num-input-row>.num-input-group{flex:1 1 calc(50% - var(--spacing-2))}}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.breath-card{width:100%;padding-top:var(--lung-menu-room);flex-direction:column;display:flex}.breath-visual-container{padding-block:calc(var(--breath-size) * (var(--lung-envelope) - 1) / 2 + 2px);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.breath-lung-area{width:var(--breath-size);aspect-ratio:1;flex-shrink:0;position:relative}.breath-settings-anchor{z-index:10;position:absolute;inset-block-end:calc(50% + var(--breath-size) * var(--lung-envelope) / 2 + 8px);inset-inline-end:calc(var(--breath-size) * (1 - var(--lung-envelope)) / 2)}.breath-shape{width:var(--breath-size);height:var(--breath-size);z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.breath-shape:active{transform:scale(.97)}.breath-shape:focus-visible .breath-core{outline:3px solid var(--color-primary);outline-offset:6px}.breath-core{-webkit-backdrop-filter:blur(8px);width:100%;height:100%;transition:transform var(--phase-duration,1s) ease-in-out, background var(--phase-duration,1s) ease-in-out, box-shadow var(--phase-duration,1s) ease-in-out;background:linear-gradient(135deg,#d6ede3,#b4ddca);border-radius:40% 60% 70% 30%/40% 50% 60%;outline:2px solid #c1dccf;animation:8s ease-in-out infinite alternate morph-idle;position:absolute;top:0;left:0;box-shadow:inset 10px 20px 30px #fffc,0 20px 40px #64968226}.breath-aura{filter:blur(20px);opacity:.6;transition:transform var(--phase-duration,1s) ease-in-out, opacity var(--phase-duration,1s) ease-in-out;z-index:-1;background:radial-gradient(circle,#a0d2be4d 0%,#fff0 70%);border-radius:50%;animation:6s ease-in-out infinite alternate pulse-aura;position:absolute;inset:-20px}.breath-text{z-index:3;text-align:center;color:#163c30;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:relative}.breath-stage{font-size:var(--font-size-lg);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.breath-count{font-variant-numeric:tabular-nums;opacity:1;font-size:3.5rem;font-weight:300;line-height:1}.breath-shape.phase-inhale .breath-core{opacity:1;transform:scale(1.2);box-shadow:inset 15px 25px 50px #fffffff2,0 30px 60px #64968240}.breath-shape.phase-inhale .breath-aura{opacity:.8;transform:scale(1.3)}.breath-shape.phase-hold1 .breath-core{opacity:1;transform:scale(1.2)rotate(2deg);box-shadow:inset 15px 25px 50px #fffffff2,0 30px 60px #64968240}.breath-shape.phase-hold1 .breath-aura{opacity:.8;transform:scale(1.3)}.breath-shape.phase-exhale .breath-core{opacity:1;transform:scale(.85);box-shadow:inset 5px 10px 20px #ffffff80,0 10px 20px #6496821a}.breath-shape.phase-exhale .breath-aura{opacity:.3;transform:scale(.9)}.breath-shape.phase-hold2 .breath-core{opacity:1;transform:scale(.85)rotate(-2deg);box-shadow:inset 5px 10px 20px #ffffff80,0 10px 20px #6496821a}.breath-shape.phase-hold2 .breath-aura{opacity:.3;transform:scale(.9)}.breath-start-prompt{font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.05em;flex-direction:row;justify-content:center;align-items:center;gap:.4em;font-weight:700}.breath-start-icon{flex:none;width:1.2em;height:1.2em}@keyframes morph-idle{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:50% 50% 40% 60%/50% 60% 40% 50%}66%{border-radius:60% 40% 50% 50%}to{border-radius:40% 60% 70% 30%/40% 50% 60%}}@keyframes pulse-aura{0%{opacity:.5;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.page-hidden .breath-core,.page-hidden .breath-aura{animation-play-state:paused!important}.reminder-takeover{--reminder-accent:var(--color-move);--reminder-light:var(--color-move-light);--reminder-ink:#24170e;z-index:9999;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;animation:.4s ease-out reminderIn;display:grid;position:fixed;inset:0;overflow-y:auto}.water-takeover{--reminder-accent:var(--color-water);--reminder-light:var(--color-water-light);--reminder-ink:#102b36}.reminder-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:-1;background:#ffffffe6;position:fixed;inset:0}@media (prefers-color-scheme:dark){.reminder-backdrop{background:#000000d9}}.reminder-content{text-align:center;overflow-wrap:anywhere;width:min(100%,960px);min-width:0}.reminder-eyebrow{color:var(--reminder-accent);letter-spacing:.1em;text-transform:uppercase;font-size:1rem;font-weight:700}.reminder-message{color:var(--color-text-main);margin:24px 0;font-size:clamp(1.5rem,8vw,3.5rem);font-weight:900}.water-takeover .reminder-message{color:var(--color-water)}.reminder-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,440px);margin:28px auto 0;display:grid}.reminder-actions button{border:1px solid var(--reminder-accent);border-radius:var(--radius-md);text-align:center;white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;min-height:52px;box-shadow:none;padding:14px 16px;font-size:1rem;font-weight:700;line-height:1.4;transition:background-color .15s,transform .15s}@media (width<=480px) and (orientation:portrait){.reminder-actions{grid-template-columns:minmax(0,1fr);gap:10px;width:min(100%,320px)}}.reminder-confirm{background:var(--reminder-accent);color:var(--reminder-ink)}.reminder-snooze{background:var(--reminder-light);color:var(--color-text-main)}@media (hover:hover){.reminder-confirm:hover{background:color-mix(in srgb, var(--reminder-accent) 85%, #fff)}.reminder-snooze:hover{background:color-mix(in srgb, var(--reminder-light) 85%, var(--reminder-accent))}}.reminder-actions button:active{transform:translateY(1px);box-shadow:inset 0 0 0 2px}.reminder-actions button:focus-visible{outline:3px solid var(--color-text-main);outline-offset:3px}@keyframes reminderIn{0%{opacity:0}to{opacity:1}}.water-layout{flex-direction:column;height:100%;display:flex}@media (width<=480px){.water-settings-toggles,.water-settings-schedule,.water-settings-goal{flex-direction:column}.water-settings-goal>.num-input-group{width:100%}}.water-card-bg{transition:background-color var(--transition-normal);position:relative}.water-perimeter-track,.water-perimeter-progress{border-radius:var(--radius-xl);pointer-events:none;border:4px dotted var(--color-water);position:absolute;inset:0}.water-perimeter-track{opacity:.15}.water-perimeter-progress{opacity:.6;-webkit-mask-image:conic-gradient(from 0deg at 50% 50%, black var(--water-progress,0%), transparent var(--water-progress,0%));mask-image:conic-gradient(from 0deg at 50% 50%, black var(--water-progress,0%), transparent var(--water-progress,0%));-webkit-mask-image:conic-gradient(from 0deg at 50% 50%, black var(--water-progress,0%), transparent var(--water-progress,0%))}.water-card-bg.alert{background-color:var(--color-water-light)}.water-main{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:140px;display:flex}.water-total-container{text-align:center;position:relative}.water-total{color:var(--color-water);font-variant-numeric:tabular-nums;font-size:4rem;font-weight:800;line-height:1}.water-total.pop{animation:.3s ease-out pop}.water-unit{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.water-actions{gap:var(--spacing-3);margin-top:var(--spacing-4);display:flex}.btn-water{border-radius:var(--radius-lg);height:56px;font-size:var(--font-size-base);box-shadow:var(--shadow-sm);flex:1;font-weight:700}.btn-water-sm{background-color:var(--color-water-light);color:var(--color-water)}.btn-water-lg{background-color:var(--color-water);color:#fff}.water-actions>:is(#btnSmall,#btnLarge){border:1px solid var(--color-water);border-radius:var(--radius-md);text-align:center;white-space:normal;overflow-wrap:anywhere;min-width:0;height:auto;min-height:48px;box-shadow:none;justify-content:center;align-items:center;padding:12px 14px;font-size:.9375rem;line-height:1.3;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.water-actions>#btnSmall{background:var(--color-water-light);color:var(--color-text-main)}.water-actions>#btnLarge{background:color-mix(in srgb, var(--color-water) 70%, #000);color:#fff;border-color:#0000}@media (hover:hover){.water-actions>#btnSmall:hover{background:color-mix(in srgb, var(--color-water-light) 85%, var(--color-water))}.water-actions>#btnLarge:hover{background:color-mix(in srgb, var(--color-water) 62%, #000)}}.water-actions>:is(#btnSmall,#btnLarge):active{transform:translateY(1px);box-shadow:inset 0 0 0 2px}.water-actions>:is(#btnSmall,#btnLarge):focus-visible{outline:3px solid var(--color-text-main);outline-offset:2px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.move-card-bg{transition:background-color var(--transition-normal)}.move-card-bg.alert{background-color:var(--color-move-light)}.move-main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.move-icon{color:var(--color-move);margin-bottom:var(--spacing-3);transition:transform var(--transition-normal)}.move-icon.spin-fast{animation:4s linear infinite spin-slow}.move-status{width:100%;min-width:0;max-width:100%;min-height:var(--move-reference-status,0px);text-align:center}.move-status .card-metric{justify-content:center}#moveUnit{line-height:1}#moveSubtext{margin-top:var(--spacing-2);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}#wrapper-move .module-card-header{flex-wrap:nowrap}#wrapper-move .module-card-title{min-width:0}.move-idle-actions{max-width:100%;min-height:var(--move-reference-actions,44px);z-index:2;flex:none;justify-content:center;align-items:center;display:flex;position:relative}#btnMoveResetIdle{border-radius:var(--radius-md);background:var(--color-move-light);border:1px solid var(--color-move);width:100%;min-width:0;max-width:100%;height:auto;min-height:48px;color:var(--color-text-main);box-shadow:none;overflow-wrap:anywhere;padding:12px 14px;font-size:.9375rem;font-weight:700;line-height:1.3}#btnMoveResetIdle:focus-visible{outline:3px solid var(--color-text-main);outline-offset:3px}.text-muted{font-size:var(--font-size-sm);color:var(--color-text-muted)}.move-actions{margin-top:var(--spacing-4);flex-direction:column;gap:8px;display:flex}.btn-move{border-radius:var(--radius-lg);height:48px;font-size:var(--font-size-base);box-shadow:var(--shadow-sm);font-weight:700}.btn-move:not(.btn-secondary){background-color:var(--color-move);color:#fff}.btn-move.btn-secondary{background:var(--color-surface);color:var(--color-text-main);border:1px solid #0000000d}.move-perimeter-track,.move-perimeter-progress{border-radius:var(--radius-xl);pointer-events:none;position:absolute;inset:0}.move-perimeter-track{z-index:0;border:4px dotted #e6642826}.move-perimeter-progress{z-index:1;-webkit-mask-image:conic-gradient(from 0deg at 50% 50%, black var(--progress,0%), transparent var(--progress,0%));mask-image:conic-gradient(from 0deg at 50% 50%, black var(--progress,0%), transparent var(--progress,0%));-webkit-mask-image:conic-gradient(from 0deg at 50% 50%, black var(--progress,0%), transparent var(--progress,0%));border:4px dotted #e6642899;transition:--progress 1s linear}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-logo{font-size:var(--font-size-xl);letter-spacing:.1em;color:var(--color-text-main);cursor:pointer;font-weight:900}.settings-btn{color:var(--color-text-main);justify-content:center;align-items:center;width:44px;height:44px;display:flex}