@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap");*{box-sizing:border-box}body,html{margin:0;min-height:100%}button{cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{max-width:520px;min-height:100vh;margin:auto;position:relative;padding-bottom:125px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 24px 12px}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--color-text-muted);font-weight:600}.demo-tag{letter-spacing:.08em;background:var(--color-surface-muted);padding:4px 7px;border-radius:5px;margin-left:6px}.brand{font:400 22px/1.15 var(--font-display);margin:8px 0 0}.icon-button{border:1px solid var(--color-border);border-radius:50%;width:44px;height:44px;background:var(--color-surface);color:var(--color-text);display:grid;place-items:center}.content{padding:16px 24px 32px}.greeting,.page-header{margin:20px 0 24px}.greeting h2,.page-header h2{font:400 35px/1.08 var(--font-display);letter-spacing:-.03em;margin:12px 0 9px}.greeting p:last-child,.page-header p:last-child{color:var(--color-text-muted);font-size:14px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.metric{padding:16px;min-height:150px}.metric-icon{color:var(--color-care);margin-bottom:14px}.metric-sub,.small-muted{font-size:12px;color:var(--color-text-muted)}.metric-value{font:400 30px/1.2 var(--font-display);margin:5px 0}.metric-sub{font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.feature-card h3,.section-head h3{font:400 25px var(--font-display);margin:0}.text-action{display:inline-flex;align-items:center;gap:3px;color:var(--color-primary);background:none;border:0;font-weight:600;font-size:12px}.events{margin-top:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;overflow:hidden}.event{display:flex;align-items:center;padding:13px;gap:12px;border-bottom:1px solid var(--color-border)}.event:last-child{border-bottom:0}.event-icon{background:var(--color-surface-muted);color:var(--color-care);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.event-icon.bottle{color:var(--color-memory)}.event-icon.nap{color:var(--color-health)}.event-body{min-width:0;flex:1 1}.event-body strong{font-size:13px;font-weight:600}.event-body small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.event-body small,.event-time{color:var(--color-text-muted);font-size:11px;white-space:nowrap}.memory-card,.memory-hero{background:var(--color-surface-muted);border-radius:19px;padding:23px;margin-top:24px}.memory-card h3,.memory-hero h3{font:400 27px/1.14 var(--font-display);margin:9px 0}.feature-card p,.memory-card p,.memory-hero p{color:var(--color-text-muted);font-size:13px;line-height:1.65}.feature-card{padding:20px;margin:14px 0;display:grid;grid-gap:9px;gap:9px}.feature-card h3{font-size:23px}.feature-card p{margin:0}.outline-button{border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:12px;padding:12px}.info-banner{padding:15px;border-radius:12px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:12px;line-height:1.5}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;background:var(--color-surface);border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(5,1fr);padding:13px 8px max(14px,env(safe-area-inset-bottom));z-index:5}.bottom-nav button{background:none;border:0;color:var(--color-text-muted);display:flex;flex-direction:column;gap:5px;align-items:center;font-size:10px;min-height:48px}.bottom-nav button.active{color:var(--color-primary);font-weight:600}.quick-button{bottom:95px;z-index:4;background:var(--color-primary);color:var(--color-primary-text);border:0;border-radius:100px;padding:13px 23px;gap:8px;font-weight:600;box-shadow:0 6px 25px #0002}.quick-button,.toast{position:fixed;left:50%;transform:translateX(-50%);display:flex;align-items:center}.toast{top:15px;z-index:15;background:var(--color-text);color:var(--color-background);padding:12px 16px;border-radius:12px;gap:10px;white-space:nowrap;font-size:12px}.toast button{border:0;background:transparent;color:inherit;text-decoration:underline}.overlay{position:fixed;inset:0;z-index:10;background:#0008;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--color-background);border-radius:28px 28px 0 0;padding:24px 24px max(36px,env(safe-area-inset-bottom));width:min(520px,100%)}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet h3{font:400 30px var(--font-display);margin:0}.sheet p{font-size:12px;color:var(--color-text-muted)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:22px}.quick-grid button{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px;padding:19px 8px;min-height:92px;color:var(--color-text);font-size:12px}@media(min-width:700px){.app-shell{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s ease,opacity .15s ease}}:root,[data-theme=light]{color-scheme:light;--color-background:#F7F4ED;--color-surface:#FFFEFA;--color-surface-muted:#E6E9DC;--color-text:#292C29;--color-text-muted:#656A62;--color-border:#D9D5CB;--color-brand:#8A947B;--color-primary:#465744;--color-primary-text:#FFFFFF;--color-clay:#B77C67;--color-care:#64765A;--color-health:#456A6D;--color-memory:#9D6555;--color-danger:#A43D3D;--color-focus:#325F9A;--shadow-card:0 3px 20px rgba(41,44,41,.055)}[data-theme=dark]{color-scheme:dark;--color-background:#171C19;--color-surface:#242B26;--color-surface-muted:#313A32;--color-text:#F2F1E9;--color-text-muted:#BCC5B8;--color-border:#455047;--color-brand:#B8C6A8;--color-primary:#C4D1B5;--color-primary-text:#1C251E;--color-clay:#D8A28E;--color-care:#B8C6A8;--color-health:#A7C9CA;--color-memory:#E0B19F;--color-danger:#F09A96;--color-focus:#A5C5FF;--shadow-card:none}:root{--font-display:"Newsreader",Georgia,serif;--font-ui:Inter,system-ui,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-control:12px;--radius-card:18px;--radius-sheet:28px;--motion-fast:120ms;--motion-normal:200ms;--motion-slow:320ms;--tap-min:48px}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-ui)}.qw-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.qw-display{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}.qw-primary-button{min-height:var(--tap-min);background:var(--color-primary);color:var(--color-primary-text);border:0;border-radius:var(--radius-control);font:600 15px var(--font-ui)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}