:root{--ink:#18352f;--cream:#f8f5ed;--card:#fffdf8;--mint:#d9ece0;--moss:#23634f;--yellow:#f3c65a;--behaviour-red:#c76057;--line:#dce5dc;--muted:#6d8278;--sleep:#2563eb;--walk:#f97316;--play:#a21caf;--food:#0f766e;--sleep-soft:#e8f0ff;--walk-soft:#fff0e5;--play-soft:#fae8ff}.quick-care-note{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.quick-care-note label{color:var(--ink);font-weight:650;display:block}.quick-care-note textarea{border:1px solid var(--line);background:var(--card);width:100%;min-height:72px;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;margin-top:8px;padding:12px;display:block}.event-note{white-space:pre-wrap;overflow-wrap:anywhere}.quick-care-note-help,.quick-care-note-count{color:var(--muted);font-size:12px;line-height:1.5}.quick-care-note-help{margin:8px 0}.quick-care-note-count{text-align:right;margin-top:5px;display:block}.finish-note-actions{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.finish-care-note textarea{resize:vertical;min-height:96px}.behaviour-rating-badge{background:var(--cream);color:var(--ink);border-radius:8px;margin:3px 0;padding:3px 8px;font-size:12px;font-weight:650;line-height:1.4;display:inline-block}.quick-care-note textarea:focus-visible,.behaviour-form select:focus-visible{outline:2px solid var(--moss);outline-offset:3px}@media (width<=640px){.quick-care-note textarea{font-size:16px}.finish-note-actions{gap:6px;display:grid}.finish-note-actions button{text-align:left;min-height:40px}}.behaviour-panel{overflow:visible}.behaviour-heading{align-items:flex-start;gap:24px}.observation-explainer{max-width:680px;color:var(--muted);margin:8px 0 0;line-height:1.55}.observation-explainer strong{color:var(--ink)}.behaviour-add{color:#fff;font:inherit;cursor:pointer;background:#153f47;border:0;border-radius:999px;flex:none;padding:11px 18px;font-weight:750}.behaviour-list{gap:10px;margin-top:22px;display:grid}.behaviour-card{border:1px solid var(--line);background:#ffffff9e;border-radius:16px;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;display:grid}.behaviour-mark{background:#799599;border-radius:999px;width:10px;height:42px}.behaviour-mark.settled{background:#4d8c78}.behaviour-mark.restless{background:#cb8a34}.behaviour-mark.overexcited{background:#c76057}.behaviour-mark.custom{background:#735d9f}.behaviour-card-copy{min-width:0}.behaviour-card-copy p,.behaviour-card-copy small{color:var(--muted);margin:5px 0 0;display:block}.behaviour-card-copy small{white-space:pre-wrap;overflow-wrap:anywhere}.behaviour-card-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.observed-badge,.severity{letter-spacing:.02em;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.observed-badge{color:#285f50;background:#e6f0ed}.severity{color:#4a5e62;background:#edf0f1}.severity-2{color:#855713;background:#fff0d7}.severity-3{color:#913d36;background:#fde4e1}.behaviour-light{letter-spacing:.02em;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.behaviour-light.settled{color:#285f50;background:#e6f0ed}.behaviour-light.restless{color:#855713;background:#fff0d7}.behaviour-light.overexcited{color:#913d36;background:#fde4e1}.pattern-insights-panel{margin-top:20px}.pattern-insights-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:18px;display:grid}.pattern-insight-card{overflow-wrap:anywhere;min-width:0}.pattern-insight-card p{margin:10px 0;line-height:1.5}.pattern-insight-card small{color:var(--muted);line-height:1.45}.behaviour-form textarea{resize:vertical;min-height:96px}.behaviour-form{max-height:calc(100vh - 40px);overflow-y:auto}.modal-help{color:var(--muted);margin:-4px 0 16px;line-height:1.5}@media (width<=640px){.behaviour-heading{display:grid}.behaviour-add{width:100%}.behaviour-card{grid-template-columns:8px minmax(0,1fr)}.behaviour-card .event-controls{grid-column:2;justify-content:flex-start}}.landing-page{background:var(--cream);max-width:none;min-height:100vh;padding:0;display:block;overflow:hidden}.landing-inner{width:min(100% - 40px,1180px);margin:0 auto}.landing-nav,.landing-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.landing-nav{padding:28px 0}.landing-brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:9px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.landing-login{color:var(--moss);font-size:14px;font-weight:800;text-decoration:none}.landing-login span{margin-left:5px;transition:transform .15s;display:inline-block}.landing-login:hover span{transform:translate(2px,-2px)}.landing-hero{grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);align-items:center;gap:clamp(35px,7vw,100px);min-height:620px;padding:58px 0 92px;display:grid}.landing-hero-copy h1{max-width:670px;color:var(--ink);margin:10px 0 22px;font-size:clamp(44px,6vw,76px);line-height:.98}.landing-lede{color:#536d61;max-width:550px;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.6}.landing-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:34px;display:flex}.landing-primary,.landing-secondary{border-radius:13px;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.landing-primary{background:var(--moss);color:#fff;gap:15px;box-shadow:0 10px 20px #23634f2e}.landing-primary span{font-size:19px;transition:transform .15s}.landing-primary:hover span{transform:translate(3px)}.landing-secondary{color:var(--ink);background:#fffdf8a6;border:1px solid #c8d7cd}.landing-trust{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;font-size:12px;font-weight:700;display:flex}.trust-mark{width:19px;height:19px;color:var(--moss);background:#cbe6d4;border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.trust-dot{color:#b2c1b7;font-size:18px}.landing-preview{place-items:center;min-height:460px;padding:40px;display:grid;position:relative}.landing-preview:before{content:"";aspect-ratio:1;opacity:.82;background:#d9ece0;border-radius:50%;width:min(100%,475px);position:absolute}.preview-orbit{border:1px solid #a9cbb7;border-radius:50%;position:absolute;transform:rotate(-24deg)}.preview-orbit-one{width:510px;height:250px}.preview-orbit-two{opacity:.65;width:560px;height:315px;transform:rotate(34deg)}.preview-card{z-index:1;background:#fffdf8f0;border:1px solid #fffc;border-radius:24px;width:min(100%,480px);padding:25px;position:relative;transform:rotate(2deg);box-shadow:0 24px 55px #284c3b2e}.preview-heading,.preview-dog,.preview-dog>span:last-child,.preview-summary span{align-items:center;display:flex}.preview-heading{justify-content:space-between;gap:12px}.preview-dog{gap:10px}.preview-avatar{color:#7d4c23;background:#f5cf82;border-radius:14px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:20px;font-weight:800;display:grid}.preview-dog>span:last-child{flex-direction:column;align-items:flex-start;gap:2px}.preview-dog strong{color:var(--ink);font-size:14px}.preview-dog small,.preview-focus small{color:var(--muted);font-size:11px}.preview-live{color:var(--moss);align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.preview-live i{background:#53bd78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ddf2e1}.timeline-preview-heading{justify-content:space-between;align-items:end;gap:12px;margin:27px 0 19px;display:flex}.timeline-preview-heading span{color:var(--muted);font-size:12px;font-weight:700}.timeline-preview-heading strong{color:var(--ink);letter-spacing:-.04em;text-align:right;font-family:Georgia,serif;font-size:19px}.timeline-preview-axis{color:#93a69b;grid-template-columns:repeat(4,1fr);margin-left:51px;padding-bottom:7px;font-size:9px;display:grid}.timeline-preview-axis span:not(:first-child){text-align:right}.timeline-preview-rows{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#edf2ed calc(25% - 1px) 25%);border-top:1px solid #e3ebe3;border-bottom:1px solid #e3ebe3;gap:10px;padding:12px 0;display:grid}.timeline-preview-row{grid-template-columns:43px 1fr;align-items:center;gap:8px;min-height:18px;display:grid}.timeline-preview-row>span{color:var(--muted);font-size:10px;font-weight:750}.timeline-preview-lane{height:14px;position:relative}.timeline-preview-lane i{border-radius:5px;height:12px;display:block;position:absolute;top:1px}.timeline-preview-lane i.sleep{background:var(--sleep);box-shadow:0 3px 7px #2563eb33}.timeline-preview-lane i.walk{background:var(--walk);box-shadow:0 3px 7px #f9731633}.timeline-preview-lane i.play{background:var(--play);box-shadow:0 3px 7px #a21caf33}.timeline-preview-lane.markers i{border:2px solid var(--card);border-radius:50%;width:8px;height:8px;top:2px;box-shadow:0 0 0 2px}.timeline-preview-lane i.wee{color:#2b9d9a;background:#63d1c7}.timeline-preview-lane i.poo{color:#b4772c;background:#e8ad55}.timeline-preview-lane i.food{color:var(--food);background:#5cc8b7}.timeline-preview-footer{color:var(--muted);flex-wrap:wrap;gap:11px;padding-top:15px;font-size:10px;font-weight:700;display:flex}.timeline-preview-footer span{align-items:center;gap:5px;display:inline-flex}.preview-swatch{background:var(--sleep);border-radius:3px;width:9px;height:9px}.preview-swatch.walk{background:var(--walk)}.preview-swatch.play{background:var(--play)}.preview-swatch.wee{background:#63d1c7}.preview-swatch.food{background:#5cc8b7}.preview-note{z-index:2;color:var(--ink);background:#fffdf8;border:1px solid #ffffffb3;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:800;position:absolute;box-shadow:0 10px 25px #284c3b1f}.preview-note-one{top:52px;right:9%;transform:rotate(8deg)}.preview-note-two{bottom:61px;left:4%;transform:rotate(-8deg)}.landing-intro{text-align:center;max-width:670px;margin:0 auto;padding:46px 0 38px}.landing-intro h2,.landing-how h2,.landing-cta h2{color:var(--ink);font-size:clamp(31px,4vw,47px);line-height:1.04}.landing-intro>p:last-child{color:var(--muted);margin:18px auto 0;font-size:16px;line-height:1.65}.landing-features{grid-template-columns:repeat(3,1fr);gap:14px;padding:42px 0 112px;display:grid}.landing-features article{background:#fffdf8a3;border:1px solid #dce5dc;border-radius:20px;padding:27px}.feature-icon{width:41px;height:41px;color:var(--moss);background:#d9ece0;border-radius:13px;place-items:center;margin-bottom:20px;font-size:23px;font-weight:900;display:grid}.landing-features article:nth-child(2) .feature-icon{color:#956c12;background:#fff0c8}.landing-features article:nth-child(3) .feature-icon{color:#6650aa;background:#e7e1fb}.landing-features h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px}.landing-features p,.landing-cta-copy>p:last-child{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.6}.landing-how{border-top:1px solid #dce5dc;border-bottom:1px solid #dce5dc;padding:78px 0}.landing-how-intro{max-width:760px}.landing-how-intro h2{margin-top:9px}.landing-how-intro>p:last-child{max-width:680px;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.65}.landing-how-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px;display:grid}.landing-how-card{background:#fffdf8b3;border:1px solid #dce5dc;border-radius:20px;flex-direction:column;min-width:0;padding:25px;display:flex}.landing-how-card-heading{grid-template-columns:35px 1fr;gap:12px;display:grid}.landing-how-card-heading>span{color:#82a592;font-family:Georgia,serif;font-size:17px;font-weight:800}.landing-how-card h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px}.landing-how-card p{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.6}.how-ui{min-height:216px;color:var(--ink);background:#fbfcf8;border:1px solid #dce5dc;border-radius:16px;margin-top:25px;padding:15px;box-shadow:inset 0 1px #fff}.how-ui-bar{border-bottom:1px solid #e4ebe4;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;font-size:11px;display:flex}.how-ui-bar>span:not(.how-ui-live){color:#9aaba1;font-size:16px;font-weight:400}.how-ui-live{color:var(--moss);align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.how-ui-live i{background:#53bd78;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ddf2e1}.profile-ui label{color:var(--muted);gap:5px;margin-top:13px;font-size:9px;font-weight:800;display:grid}.profile-ui label span{min-height:29px;color:var(--ink);background:#fff;border:1px solid #d4dfd5;border-radius:8px;justify-content:space-between;align-items:center;padding:0 9px;font-size:10px;font-weight:600;display:flex}.profile-ui label span b{color:var(--muted);font-size:13px;font-weight:400}.how-ui-primary{background:var(--moss);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-top:13px;padding:9px 11px;font-size:10px;font-weight:800;display:flex}.how-ui-primary b{font-size:14px;font-weight:400}.how-action-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:15px;display:grid}.how-action{border-radius:7px;align-items:center;min-height:25px;padding:0 8px;font-size:9px;font-weight:800;display:flex}.how-action.sleep{background:var(--sleep-soft);color:#2457bb}.how-action.wake{color:var(--moss);background:#e7f3ea}.how-action.poo,.how-action.wee{color:#94651c;background:#fff2d8}.how-action.walk{background:var(--walk-soft);color:#bd5a18}.how-action.play{background:var(--play-soft);color:#8c188f}.how-action.food{color:var(--food);background:#e2f5f1}.how-time-picker{background:#fff;border:1px solid #d4dfd5;border-radius:8px;grid-template-columns:1fr auto;gap:4px 10px;margin-top:13px;padding:8px 9px;display:grid}.how-time-picker small{color:var(--muted);grid-column:1/-1;font-size:8px;font-weight:800}.how-time-picker strong{color:var(--ink);justify-content:space-between;gap:7px;font-size:10px;display:flex}.how-time-picker strong b{color:var(--moss);font-weight:800}.how-time-picker>span{color:var(--muted);grid-area:2/2;font-size:12px}.how-ui-note{color:var(--muted);justify-content:space-between;gap:8px;margin-top:9px;font-size:8px;font-weight:800;display:flex}.how-ui-note span{color:var(--ink);font-weight:600}.how-mini-axis{color:#93a69b;grid-template-columns:repeat(4,1fr);margin:17px 0 7px 41px;font-size:8px;display:grid}.how-mini-axis span:not(:first-child){text-align:right}.how-mini-rows{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#edf2ed calc(25% - 1px) 25%);border-top:1px solid #e4ebe4;border-bottom:1px solid #e4ebe4;gap:8px;padding:9px 0;display:grid}.how-mini-rows>div{grid-template-columns:34px 1fr;align-items:center;gap:7px;min-height:15px;display:grid}.how-mini-rows>div>span{color:var(--muted);font-size:8px;font-weight:800}.how-mini-track{height:12px;display:block;position:relative}.how-mini-track i{border-radius:4px;height:10px;display:block;position:absolute;top:1px}.how-mini-track i.sleep{background:var(--sleep)}.how-mini-track i.walk{background:var(--walk)}.how-mini-track i.play{background:var(--play)}.how-mini-track.mini-markers b{border:2px solid #fbfcf8;border-radius:50%;width:7px;height:7px;display:block;position:absolute;top:2px;box-shadow:0 0 0 1px}.how-mini-track b.wee{color:#2b9d9a;background:#63d1c7}.how-mini-track b.poo{color:#b4772c;background:#e8ad55}.how-mini-track b.food{color:var(--food);background:#5cc8b7}.how-ui-shared{color:var(--muted);align-items:center;gap:7px;margin-top:13px;font-size:8px;font-weight:700;display:flex}.how-ui-shared>strong{color:var(--moss);margin-left:auto;font-size:14px;font-weight:400}.how-avatars{padding-left:5px;display:inline-flex}.how-avatars b{color:#7d4c23;background:#f5cf82;border:2px solid #fbfcf8;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:-5px;font-size:8px;display:grid}.how-avatars b+b{color:#315c8e;background:#c9dff6}.landing-cta{background:var(--ink);color:#fff;border-radius:28px;grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr);align-items:center;gap:clamp(28px,8vw,110px);margin:112px 0 78px;padding:clamp(28px,6vw,62px);display:grid}.landing-cta h2{color:#fff;margin-top:9px}.landing-cta .eyebrow{color:#bad9c9}.landing-cta-copy>p:last-child{color:#c8d9d0;max-width:490px;font-size:16px}.landing-cta .auth-card{border-radius:21px;width:100%;padding:clamp(22px,4vw,34px)}.landing-cta .auth-card h2{color:#10202a;font-size:clamp(27px,4vw,35px)}.landing-cta .auth-card>p:not(.eyebrow):not(.privacy-note){color:#53646e;line-height:1.5}.landing-footer{color:var(--muted);padding:0 0 34px;font-size:12px}.landing-footer nav{gap:14px;display:flex}.landing-footer nav a,.landing-footer>span a{color:var(--moss);font-weight:700;text-decoration:none}@media (width<=900px){.landing-hero{grid-template-columns:1fr;min-height:0;padding-top:35px}.landing-hero-copy{max-width:700px}.landing-preview{min-height:420px}.landing-how-grid{grid-template-columns:repeat(2,1fr)}.landing-cta{grid-template-columns:1fr}}@media (width<=620px){.landing-inner{width:min(100% - 28px,1180px)}.landing-nav{padding:20px 0}.landing-hero{gap:15px;padding:42px 0 54px}.landing-hero-copy h1{font-size:clamp(42px,14vw,62px)}.landing-actions{flex-direction:column;align-items:stretch}.landing-primary,.landing-secondary{width:100%}.landing-preview{min-height:350px;padding:22px 8px}.preview-card{padding:19px}.preview-orbit-one{width:350px;height:220px}.preview-orbit-two{width:390px;height:250px}.preview-note-one{top:21px;right:1%}.preview-note-two{bottom:19px;left:0}.landing-intro{padding:38px 0 24px}.landing-features{grid-template-columns:1fr;padding:28px 0 72px}.landing-how{padding:58px 0}.landing-how-grid{grid-template-columns:1fr;margin-top:32px}.landing-cta{border-radius:22px;grid-template-columns:1fr;margin:72px 0 54px;padding:22px 17px 17px}.landing-footer{flex-direction:column;align-items:flex-start}}.auth-shell{background:radial-gradient(circle at top,#17384b 0,#071521 48%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{color:#10202a;background:#fff;border-radius:28px;width:min(100%,520px);padding:clamp(24px,5vw,48px);box-shadow:0 30px 80px #00000052}.auth-card h1{margin:8px 0 12px;font-size:clamp(2rem,8vw,3.4rem);line-height:.98}.auth-card form{gap:16px;margin-top:28px;display:grid}.auth-card label,.collaboration-panel label{gap:8px;font-weight:750;display:grid}.auth-card input,.collaboration-panel input,.app-header select{color:#10202a;min-height:48px;font:inherit;background:#fff;border:1px solid #b8c3ca;border-radius:12px;padding:0 14px}.auth-card .save{width:100%}.secondary-auth{background:#f6f8f9;border:1px solid #9eb0bb;border-radius:12px;width:100%;min-height:48px;margin-top:12px;font-weight:750}.auth-success{background:#e8f7ef;border-radius:16px;margin:24px 0;padding:18px}.privacy-note{color:#53646e;margin-top:24px;font-size:.875rem}.app-header{color:#fff;background:#061520d1;border:1px solid #ffffff29;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:12px 16px;display:flex}.app-header>div,.app-header label,.account-actions{align-items:center;gap:10px;display:flex}.app-header label{font-size:.875rem;font-weight:750}.app-header select{min-height:40px}.app-mark{color:#071521;background:#46d8ad;border-radius:13px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.account-actions span{text-overflow:ellipsis;max-width:220px;overflow:hidden}.app-header button{color:#fff;background:0 0;border:1px solid #ffffff3d;border-radius:10px;min-height:38px;padding:0 12px}.app-nav{z-index:50;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d222bf5;border:0;border-bottom:1px solid #ffffff24;border-radius:0 0 16px 16px;order:-10;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:24px;margin:0 -24px 24px;padding:10px 24px;display:grid;position:sticky;top:0;box-shadow:0 9px 24px #0715211f}.app-nav-identity,.app-nav-title,.app-nav-links,.app-nav-account,.app-nav-dog{align-items:center;display:flex}.app-nav-identity{gap:10px;min-width:0}.app-nav-title{flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.app-nav-title a{color:#fff;letter-spacing:-.03em;align-items:center;gap:9px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.app-nav-title a img{border-radius:11px;flex:none}.app-nav-title span{color:#a7c0b5;white-space:nowrap;font-size:11px}.app-nav-links{justify-content:center;gap:5px}.app-nav-links a{color:#c5d7ce;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:750;text-decoration:none}.app-nav-links a.active{color:#fff;background:#46d8ad24;box-shadow:inset 0 -2px #7dd9b7}.app-nav-links a:hover,.app-nav-links a:focus-visible{color:#fff;background:#ffffff1a}.app-nav-account{justify-content:flex-end;gap:8px}.app-nav-dog{color:#a7c0b5;gap:6px;font-size:11px;font-weight:750}.app-nav-dog select{color:#fff;max-width:130px;min-height:34px;font:inherit;background:#193442;border:1px solid #fff3;border-radius:9px;padding:0 8px;font-size:12px}.app-nav-action{color:#fff;white-space:nowrap;background:0 0;border:1px solid #ffffff3d;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:0 10px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.app-nav-action:hover,.app-nav-action:focus-visible{background:#46d8ad1f;border-color:#7dd9b7}.app-nav-profile{color:#d7e5de;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:3px 9px 3px 3px;font-size:12px;text-decoration:none;display:inline-flex}.app-nav-profile>span{color:#0d222b;background:#46d8ad;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.app-nav-profile b{font-weight:750}.app-nav-profile:hover,.app-nav-profile:focus-visible,.app-nav-profile.active{color:#fff;background:#ffffff1a}.signed-in-page{max-width:1120px}.how-to-page{padding:20px 0 35px}.how-to-intro{max-width:720px;padding:18px 0 28px}.how-to-intro h1{color:var(--ink);margin:8px 0 15px;font-size:clamp(39px,6vw,66px);line-height:.98}.how-to-intro>p:last-child{max-width:650px;color:var(--muted);margin:0;font-size:17px;line-height:1.65}.how-to-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.how-to-card{border:1px solid var(--line);background:#fffdf8d1;border-radius:19px;min-height:190px;padding:24px;box-shadow:0 8px 24px #203f300a}.how-to-number{color:#82a592;margin-bottom:17px;font-family:Georgia,serif;font-size:17px;font-weight:800;display:block}.how-to-card h2,.passkey-card h2{color:var(--ink);font-size:25px}.how-to-card p,.passkey-card p{color:var(--muted);margin:9px 0 0;line-height:1.6}.how-to-link{color:var(--moss);margin-top:17px;font-size:14px;font-weight:800;text-decoration:none;display:inline-block}.how-to-link:hover{text-decoration:underline}.install-card{border:1px solid var(--line);background:var(--ink);color:#f8fbf7;border-radius:19px;margin-top:14px;padding:25px}.install-intro{max-width:650px}.install-intro h2{color:#f8fbf7;margin:8px 0 9px;font-size:29px}.install-intro>p:last-child{color:#c7d6ce;margin:0;line-height:1.6}.install-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:22px;display:grid}.install-option{background:#ffffff12;border:1px solid #ffffff26;border-radius:15px;grid-template-columns:36px 1fr;gap:13px;padding:18px;display:grid}.install-icon{width:34px;height:34px;color:var(--ink);background:#d9e8dc;border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.install-option h3{color:#f8fbf7;margin:2px 0 9px;font-size:19px}.install-option ol{color:#d7e3dc;margin:0;padding-left:19px;line-height:1.65}.install-option strong{color:#fff}.install-note{color:#b5c8be;margin:18px 0 0;font-size:13px;line-height:1.5}.install-option .install-note{margin-top:12px}.passkey-card{background:var(--ink);color:#fff;border-radius:21px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px 54px;margin-top:14px;padding:clamp(24px,4vw,38px);display:grid}.passkey-card .eyebrow{color:#bad9c9}.passkey-card h2{color:#fff}.passkey-card>div:first-child>p:last-child{color:#c8d9d0}.passkey-steps{gap:12px;display:grid}.passkey-steps>div{grid-template-columns:31px 1fr;align-items:start;gap:11px;display:grid}.passkey-steps strong{width:27px;height:27px;color:var(--ink);background:#bad9c9;border-radius:50%;place-items:center;font-size:13px;display:grid}.passkey-steps p{color:#e0eee7;margin:2px 0 0;line-height:1.5}.passkey-steps b{color:#fff}.passkey-note{border-top:1px solid #ffffff2e;grid-column:1/-1;padding-top:16px;font-size:13px;color:#bad9c9!important}.how-to-help{color:var(--muted);text-align:center;margin:28px 0 0}.how-to-help a{color:var(--moss);font-weight:750}.profile-page{padding:24px 0 44px}.profile-intro{max-width:650px;margin-bottom:24px}.profile-intro h1{margin:8px 0 12px;font-size:clamp(39px,6vw,64px);line-height:1}.profile-intro>p:last-child{color:var(--muted);margin:0;font-size:17px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-card{border:1px solid var(--line);background:var(--card);border-radius:20px;flex-direction:column;justify-content:space-between;gap:24px;min-height:210px;padding:clamp(22px,4vw,32px);display:flex;box-shadow:0 10px 28px #203f300d}.profile-card h2{margin-top:5px}.profile-card p:not(.eyebrow):not(.profile-status){color:var(--muted);margin:10px 0 0;line-height:1.6}.profile-card dl,.profile-card dd{margin:0}.profile-card dl>div{border-top:1px solid var(--line);padding-top:16px}.profile-card dt{color:var(--muted);font-size:12px;font-weight:750}.profile-card dd{overflow-wrap:anywhere;margin-top:5px;font-weight:800}.profile-security{background:var(--ink);color:#fff}.profile-security .eyebrow{color:#bad9c9}.profile-security h2{color:#fff}.profile-security p:not(.profile-status){color:#c8d9d0!important}.profile-primary,.profile-secondary{border-radius:11px;width:max-content;min-height:44px;padding:0 16px;font-weight:800}.profile-primary{color:#0d222b;background:#46d8ad;border:0}.profile-secondary{color:var(--ink);background:#fff;border:1px solid #cbd9cd}.profile-primary:disabled{cursor:wait;opacity:.65}.profile-status{color:#bde9d2;margin:-12px 0 0;font-size:13px;font-weight:700}.profile-sleep-target form{gap:12px;max-width:220px;display:grid}.profile-sleep-target label{color:var(--muted);gap:6px;font-size:12px;font-weight:750;display:grid}.profile-sleep-target input{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:0 12px;font-size:16px}.profile-sleep-target form small{color:var(--muted);line-height:1.4}.profile-signout{flex-direction:row;grid-column:1/-1;align-items:center;min-height:0}.collaboration-panel form{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.member-list{gap:10px;margin-top:20px;display:grid}.member-row{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.member-row>div{align-items:center;gap:8px;display:flex}.member-row small{color:var(--muted);display:block}.member-row button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:10px;padding:0 10px}.app-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:16px;padding:28px 0 0;font-size:13px;display:flex}.app-footer a{color:var(--moss)}@media (width<=940px){.app-nav{grid-template-columns:auto 1fr;gap:10px 18px}.app-nav-account{justify-self:end}.app-nav-links{border-top:1px solid #ffffff1f;grid-area:2/1/auto/-1;justify-content:flex-start;padding-top:7px}}@media (width<=720px){.app-header,.app-header>div,.account-actions{flex-direction:column;align-items:stretch}.account-actions span{max-width:100%}.collaboration-panel form{grid-template-columns:1fr}.app-nav{grid-template-columns:1fr;gap:9px;margin-bottom:18px;padding-block:9px;position:static}.app-nav-title span{display:none}.app-nav-account{grid-row:2;grid-template-columns:minmax(0,1fr) auto auto;justify-self:stretch;display:grid}.app-nav-dog{min-width:0}.app-nav-dog select{width:100%;max-width:none}.app-nav-profile{padding-right:3px}.app-nav-profile b{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-nav-links{grid-area:3;justify-content:space-between;overflow-x:auto}.app-nav-links a{padding-inline:7px}.how-to-page,.profile-page{padding-top:4px}.how-to-grid,.profile-grid,.install-options{grid-template-columns:1fr}.passkey-card{grid-template-columns:1fr;gap:22px}.passkey-note{grid-column:auto}.profile-signout{flex-direction:column;grid-column:auto;align-items:flex-start}}.policy-page{width:min(100% - 32px,760px);color:var(--ink);margin:0 auto;padding:64px 0}.policy-page h1{font-size:clamp(2.5rem,8vw,4.5rem)}.policy-page h2{margin-top:32px}.policy-page p{line-height:1.7}.policy-page a{color:var(--moss)}*{box-sizing:border-box}body{color:var(--ink);background:var(--cream);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}main{max-width:1120px;margin:auto;padding:0 24px 64px}.topbar{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.paw{color:var(--moss);place-items:center;font-size:28px;line-height:10px;display:grid;transform:rotate(-18deg)}.quiet-label,.small-muted{color:var(--muted);font-size:14px}.hero{background:var(--ink);color:#fbfaf4;border-radius:28px;padding:45px clamp(25px,6vw,72px);position:relative;overflow:hidden}.hero:after{content:"";opacity:.5;border:1px solid #6a9f85;border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-120px;box-shadow:0 0 0 42px #72a38924,0 0 0 85px #72a3891a}.hero>*{z-index:1;position:relative}.eyebrow{color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:700}.hero .eyebrow{color:#bad9c9}h1,h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif}h1{font-size:clamp(34px,6vw,58px)}h2{font-size:27px}.headline-time{color:var(--yellow);letter-spacing:-.06em;margin:18px 0 7px;font-family:Georgia,serif;font-size:clamp(54px,9vw,86px);line-height:1}.headline-copy,.last-sleep{color:#d0dfd7;margin:0;font-size:17px}.last-sleep{margin-top:10px;font-size:14px}.quick-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.action,.save{border:0;border-radius:14px;padding:15px 19px;font-size:16px;font-weight:700;transition:transform .15s,filter .15s}.action:hover,.save:hover{filter:brightness(1.04);transform:translateY(-2px)}.action.sleep,.save.sleep{background:var(--sleep);color:#fff}.action.wake,.save.wake{color:var(--ink);background:#e5f1e8}.action span{margin-left:8px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.summary-grid article,.panel{background:var(--card);border:1px solid #1a433514;border-radius:20px;box-shadow:0 8px 28px #203f300b}.summary-grid article{padding:20px}.summary-grid span{color:var(--muted);font-size:13px;display:block}.summary-grid strong{letter-spacing:-.04em;margin-top:6px;font-family:Fraunces,serif;font-size:28px;display:block}.panel{margin-top:18px;padding:25px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.legend{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.legend i{background:var(--sleep);border-radius:3px;width:10px;height:10px}.history-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 22px;display:flex}.range-picker{flex-wrap:wrap;gap:6px;display:flex}.range-picker button{color:var(--muted);background:#edf3ee;border:1px solid #0000;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700}.range-picker button.selected{color:var(--card);background:var(--moss)}.export-link{color:var(--moss);align-items:center;gap:7px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.export-link:hover{text-decoration:underline}.chart-scroll{padding-bottom:5px;overflow-x:auto}.bar-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:225px;display:grid}.bar-item{flex-direction:column;justify-content:end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar-wrap{background:#edf3ee;border-radius:10px;align-items:end;width:100%;height:154px;display:flex;overflow:hidden}.bar{background:linear-gradient(#60a5fa, var(--sleep));border-radius:10px 10px 2px 2px;width:100%;min-height:2px}.bar-item strong{white-space:nowrap;font-size:12px}.bar-item span{color:var(--muted);white-space:nowrap;font-size:12px}.timeline-wrap{scrollbar-gutter:stable;padding-bottom:3px;overflow:auto hidden}.timeline-wrap:focus-visible,.all-activity-list:focus-visible{outline-offset:4px;outline:3px solid #2563eb59}.timeline{gap:10px;min-width:650px;display:flex}.time-axis{width:42px;height:606px;color:var(--muted);grid-template-rows:repeat(6,1fr);padding-top:25px;font-size:10px;display:grid}.time-axis span{transform:translateY(-5px)}.day-columns{flex:1;grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.day-column{text-align:center;min-width:70px}.day-column>strong{height:25px;font-size:12px;display:block}.quarter-grid{background:repeating-linear-gradient(#f7faf7 0 calc(1.04167% - 1px),#e4ece4 calc(1.04167% - 1px) 1.04167%);border:1px solid #e2eae3;border-radius:8px;grid-template-rows:repeat(96,1fr);height:576px;display:grid;overflow:hidden}.quarter-grid span{min-height:0}.quarter-grid .sleep-block{background:var(--sleep);border-bottom:1px solid #ffffff54}.day-column small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.event-list{border-top:1px solid var(--line)}.event{border-bottom:1px solid var(--line);grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.event-dot{background:var(--yellow);border-radius:50%;width:9px;height:9px}.event-dot.sleep{background:var(--sleep)}.event strong,.event small{display:block}.event small,.event time,.empty{color:var(--muted);margin:3px 0 0;font-size:13px}.error{color:#8b2929;background:#fff0eb;border-radius:12px;margin:16px 0;padding:12px 14px}.modal-backdrop{z-index:100;background:#0f292285;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.entry-modal{background:var(--card);border-radius:22px;width:min(100%,440px);max-height:calc(100dvh - 40px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 70px #0000004d}.entry-modal h2{margin-bottom:25px;font-size:30px}.entry-modal label{margin:15px 0;font-weight:600;display:block}.entry-modal label span{color:var(--muted);font-weight:400}.entry-modal input,.entry-modal textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd9cd;border-radius:10px;margin-top:7px;padding:12px;display:block}.close{color:var(--muted);background:0 0;border:0;font-size:27px;position:absolute;top:12px;right:16px}.save{width:100%;margin-top:12px}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.event-controls{align-items:center;gap:8px;display:flex}.event-controls time{text-align:right;min-width:72px}.edit-entry,.delete-entry{background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:700}.edit-entry{color:var(--moss)}.delete-entry{color:#a54032}.entry-modal select{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd9cd;border-radius:10px;margin-top:7px;padding:12px;display:block}.trend-card{background:#edf3ee;border-radius:14px;align-items:flex-start;gap:13px;margin-top:24px;padding:15px 16px;display:flex}.trend-card .eyebrow{margin-bottom:3px}.trend-card h3{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-size:20px}.trend-card p:last-child{color:var(--muted);margin:4px 0 0;font-size:13px}.trend-icon{background:var(--moss);color:#fff;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:700;display:grid}.trend-card.less{background:#fff4e9}.trend-card.less .trend-icon{background:#b85c34}.trend-card.steady,.trend-card.insufficient{background:#f1f0ea}.trend-card.steady .trend-icon,.trend-card.insufficient .trend-icon{background:#77867d}.pattern-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.pattern-metrics article{background:#f7faf7;border:1px solid #dce8df;border-radius:13px;padding:13px}.pattern-metrics span,.pattern-metrics small{color:var(--muted);font-size:12px;display:block}.pattern-metrics strong{letter-spacing:-.04em;margin:4px 0;font-family:Fraunces,serif;font-size:24px;display:block}@media (width>=900px){main{max-width:1600px;padding-left:48px;padding-right:48px}.hero{padding:60px clamp(48px,7vw,110px)}.panel{padding:32px}.recent-panel{max-width:none}.event-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;display:grid}.event{min-height:72px}.desktop-panels{grid-template-columns:minmax(0,1.65fr) minmax(360px,.85fr);align-items:stretch;gap:18px;display:grid}.desktop-panels .panel{margin-top:18px}.desktop-panels .event-list{max-height:420px;display:block;overflow:auto}.desktop-panels .event{min-height:0}}@media (width<=620px){main{padding:0 14px 42px}.topbar{height:67px}.quiet-label{display:none}.hero{border-radius:22px;padding:30px 24px}.summary-grid{grid-template-columns:1fr}.summary-grid article{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.summary-grid strong{margin:0}.panel{border-radius:17px;padding:20px 16px}.bar-chart{gap:6px}.bar-item strong,.bar-item span{font-size:10px}.event{grid-template-columns:12px 1fr}.event-controls{grid-column:2;justify-content:flex-start}.event-controls time{text-align:left;min-width:0;margin-right:6px}}.time-axis{grid-template-rows:repeat(12,1fr);height:750px}.day-columns{grid-template-columns:unset}.sleep-grid{background:repeating-linear-gradient(#f7faf7 0 calc(4.16667% - 1px),#d9e5da calc(4.16667% - 1px) 4.16667%);border:1px solid #e2eae3;border-radius:8px;grid-template-rows:repeat(288,1fr);height:720px;display:grid;overflow:hidden}.sleep-grid span{min-height:0}.sleep-grid .sleep-block{background:var(--sleep)}.recent-panel{max-width:none}.log-pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;font-size:13px;display:flex}.log-pagination button{color:var(--moss);background:#f7faf7;border:1px solid #cbd9cd;border-radius:9px;padding:7px 10px;font-weight:700}.log-pagination button:disabled{cursor:default;color:#aab7af;background:#fafbf9;border-color:#e1e7e2}.text-button{color:var(--moss);background:0 0;border:0;padding:5px 0;font-size:13px;font-weight:700}.care-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.care-action{min-height:58px;color:var(--ink);background:#f7faf7;border:1px solid #d9e5da;border-radius:13px;padding:10px;font-weight:700}.care-action.poo{background:#f5ece1;border-color:#ebd7bc}.care-action.food{background:#e2f5f1;border-color:#b8e4dc}.care-action.wee{background:#fff8dc;border-color:#eee0a6}.care-action.walk{background:var(--walk-soft);border-color:#fdba74}.care-action.play{background:var(--play-soft);border-color:#e9a8f2}.care-action.behaviour{background:#f0eafa;border-color:#d9c9ee}.care-action.active{color:#fff}.care-action.walk.active{background:var(--walk);border-color:var(--walk)}.care-action.play.active{background:var(--play);border-color:var(--play)}.care-action:disabled{opacity:.62;cursor:wait}.care-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.care-summary article{background:#f7faf7;border:1px solid #dce8df;border-radius:13px;padding:13px}.care-summary span,.care-summary small{color:var(--muted);font-size:12px;display:block}.care-summary strong{letter-spacing:-.04em;margin:3px 0;font-family:Fraunces,serif;font-size:24px;display:block}.care-trends{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.care-trend{background:#f7faf7;border:1px solid #dce8df;border-radius:13px;min-width:0;padding:14px}.care-trend-heading{justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.care-trend-heading strong{font-family:Fraunces,serif;font-size:18px}.care-trend-heading span{color:var(--muted);text-align:right;font-size:11px}.care-chart-scroll{overflow-x:auto}.care-bar-chart{align-items:end;gap:5px;height:150px;display:grid}.care-bar-item{flex-direction:column;justify-content:end;align-items:center;gap:5px;height:100%;display:flex}.care-bar-wrap{background:#e8eee8;border-radius:8px;align-items:end;width:100%;height:112px;display:flex;overflow:hidden}.care-bar-wrap i{background:var(--moss);border-radius:8px 8px 2px 2px;width:100%;display:block}.care-bar-wrap.toilet i{background:#b77b43}.care-bar-item small{min-height:13px;color:var(--muted);white-space:nowrap;font-size:10px}.log-filters{flex-wrap:wrap;gap:6px;margin:-8px 0 16px;display:flex}.log-filters button{color:var(--muted);background:#edf3ee;border:1px solid #0000;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.log-filters button.selected{color:var(--card);background:var(--moss)}.event-dot.poo{background:#b77b43}.event-dot.wee{background:#e4c34b}.event-dot.walk{background:var(--walk)}.event-dot.play{background:var(--play)}.event-dot.food{background:var(--food)}main{flex-direction:column;display:flex}.topbar{order:-2}.hero{order:-1}.error{order:-.5}.modal-backdrop{order:10}@media (width<=620px){.care-actions,.care-summary,.care-trends{grid-template-columns:repeat(2,minmax(0,1fr))}.care-trend-heading{display:block}.care-trend-heading span{text-align:left;margin-top:2px;display:block}}.line-chart-card{background:#f7faf7;border:1px solid #dce8df;border-radius:15px;margin-top:24px;padding:17px}.line-chart-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.line-chart-heading .eyebrow{margin-bottom:2px}.line-chart-heading h3{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-size:21px}.line-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:12px;display:flex}.line-legend span{align-items:center;gap:5px;display:flex}.line-legend i{border-top:3px solid var(--sleep);width:17px}.line-legend .rolling-line{border-top-color:var(--yellow);border-top-style:dashed}.line-chart-scroll{overflow-x:auto}.sleep-line-chart{width:100%;min-width:640px;height:auto;display:block}.chart-gridline{stroke:#dce7dd;stroke-width:1px}.chart-y-label,.chart-x-label{fill:var(--muted);font-family:DM Sans,system-ui,sans-serif;font-size:10px}.daily-sleep-line{fill:none;stroke:var(--sleep);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.rolling-trend-line{fill:none;stroke:var(--yellow);stroke-width:3px;stroke-dasharray:7 5;stroke-linecap:round;stroke-linejoin:round}.daily-sleep-point{fill:var(--card);stroke:var(--sleep);stroke-width:2px}@media (width<=620px){.line-chart-card{padding:14px 10px}.line-chart-heading{padding:0 4px}.line-legend{justify-content:flex-start}}.logging-panel{background:linear-gradient(135deg,#fffdf8 0%,#f4f8f1 100%);border-color:#cfe0d3}.logging-panel .panel-heading{margin-bottom:16px}.logging-actions{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.logging-actions .action{text-align:left;min-height:58px;padding:10px;font-size:14px}.logging-actions .care-action{min-height:58px}.logging-links{flex-wrap:wrap;gap:16px;margin-top:13px;display:flex}.care-trends{grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr)}.toilet-timeline{min-width:0}.toilet-timeline .care-trend-heading{align-items:flex-start}.toilet-timeline .care-trend-heading span{text-align:left;max-width:270px;margin-top:3px;display:block}.toilet-legend{color:var(--muted);white-space:nowrap;flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.toilet-legend span{align-items:center;gap:4px;display:flex}.toilet-legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.toilet-legend .poo{background:#b77b43}.toilet-legend .wee{background:#e4c34b}.toilet-timeline-axis{color:var(--muted);justify-content:space-between;margin-left:58px;padding:0 6px 5px;font-size:10px;display:flex}.toilet-timeline-list{max-height:420px;padding-right:3px;overflow:auto}.toilet-day-row{grid-template-columns:52px minmax(230px,1fr);align-items:center;gap:6px;min-height:31px;display:grid}.toilet-day-row>strong{color:var(--muted);font-size:11px;font-weight:600}.toilet-day-track{background:repeating-linear-gradient(90deg,#f7faf7 0 calc(25% - 1px),#dce8df calc(25% - 1px) 25%);border:1px solid #dce8df;border-radius:7px;height:25px;position:relative;overflow:hidden}.toilet-marker{border:2px solid #fffdf8;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%);box-shadow:0 1px 3px #18352f38}.toilet-marker.poo{background:#b77b43}.toilet-marker.wee{background:#e4c34b}.toilet-legend .accident{background:#c85642}.toilet-marker.accident{outline-offset:1px;outline:2px solid #c85642}.normal-label,.accident-label{border-radius:999px;width:max-content;padding:2px 6px;font-weight:700;margin-top:3px!important;font-size:10px!important;display:inline-block!important}.normal-label{background:#e8f1eb;color:#356c50!important}.accident-label{background:#fbe3dd;color:#8c3126!important}.summary-grid{order:1}.logging-panel{order:0}.care-panel{order:2}@media (width<=900px){.logging-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.care-trends{grid-template-columns:1fr}}@media (width<=620px){.logging-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.logging-actions .action{font-size:13px}.toilet-timeline .care-trend-heading{display:block}.toilet-legend{margin-top:8px}.toilet-timeline-axis{margin-left:52px}.toilet-day-row{grid-template-columns:46px minmax(220px,1fr)}.toilet-timeline-list{overflow-x:auto}.toilet-day-row{width:100%;min-width:272px}}.all-activity-panel{order:4}.timeline-help{color:var(--muted);margin:5px 0 0;font-size:13px}.all-activity-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:9px;font-size:11px;display:flex}.all-activity-legend span{align-items:center;gap:4px;display:flex}.timeline-tools{justify-items:end;gap:10px;display:grid}.pattern-range{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex}.pattern-range .range-picker{justify-content:flex-end}.pattern-range .range-picker button{padding:6px 9px;font-size:12px}.all-activity-legend i{background:var(--moss);border-radius:3px;width:10px;height:10px;display:inline-block}.all-activity-legend .sleep{background:var(--sleep)}.all-activity-legend .poo,.combined-toilet.poo{background:#b77b43}.all-activity-legend .wee,.combined-toilet.wee{background:#e4c34b}.all-activity-legend .food,.combined-food{background:#5cc8b7}.all-activity-legend .walk,.combined-activity.walk{background:var(--walk)}.all-activity-legend .play,.combined-activity.play{background:var(--play)}.all-activity-legend .poo,.all-activity-legend .wee{border-radius:50%}.all-activity-legend .walk,.all-activity-legend .play{border-radius:999px;height:4px}.all-activity-legend .accident{outline-offset:-2px;background:#fffdf8;border-radius:50%;outline:2px solid #c85642}.all-activity-axis{color:var(--muted);justify-content:space-between;margin-left:70px;padding:0 6px 6px;font-size:10px;display:flex}.all-activity-list{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-snap-type:y proximity;max-height:620px;padding-right:7px;overflow:hidden auto}.all-activity-day{scroll-snap-align:start;grid-template-columns:64px minmax(320px,1fr);align-items:center;gap:6px;min-height:42px;display:grid}.all-activity-day>strong{color:var(--muted);font-size:12px;font-weight:700}.all-activity-track{background:repeating-linear-gradient(90deg,#f7faf7 0 calc(25% - 1px),#dce8df calc(25% - 1px) 25%);border:1px solid #dce8df;border-radius:8px;height:35px;position:relative;overflow:hidden}.heatmap-timeline-scroll{-webkit-overflow-scrolling:touch;border:1px solid #dce8df;border-radius:10px;max-width:100%;padding:12px 0 10px;overflow-x:auto}.heatmap-timeline{min-width:720px;padding:0 10px}.heatmap-axis,.heatmap-row{grid-template-columns:64px minmax(640px,1fr);align-items:center;gap:6px;display:grid}.heatmap-axis{color:var(--muted);padding:0 0 6px;font-size:11px;font-weight:650}.heatmap-axis-times{grid-column:2;grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.heatmap-axis-times span{text-align:center}.heatmap-axis-times span:first-child{text-align:left}.heatmap-axis-times span:last-child{text-align:right}.heatmap-rows{gap:8px;display:grid}.heatmap-options{border:0;gap:8px;margin:0;padding:0;display:grid}.heatmap-options legend{color:var(--ink);font-size:13px;font-weight:800}.heatmap-choice-group{flex-wrap:wrap;gap:8px;display:inline-flex}.heatmap-choice{min-height:38px;color:var(--ink);font:inherit;cursor:pointer;background:#fffdf8b8;border:1px solid #c8d7cd;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:750;transition:background .16s,border-color .16s,color .16s,transform .16s}.heatmap-choice:hover{border-color:var(--moss);background:#e8f2eb}.heatmap-choice:focus-visible{outline-offset:2px;outline:3px solid #f3c65ab8}.heatmap-choice[aria-pressed=true]{border-color:var(--moss);background:var(--moss);color:#fff;box-shadow:0 5px 12px #23634f29}.heatmap-choice[aria-pressed=true]:hover{background:#1b513f}.heatmap-choice:active{transform:translateY(1px)}.heatmap-row{min-height:42px}.heatmap-row-label{color:var(--muted);font-size:12px;font-weight:700}.heatmap-row-label span{font-size:10px;font-weight:500;display:block}.heatmap-track{background:repeating-linear-gradient(90deg,#f7faf7 0 calc(25% - 1px),#dce8df calc(25% - 1px) 25%);border:1px solid #dce8df;border-radius:8px;min-width:0;height:35px;display:flex;overflow:hidden}.heatmap-cell{border-radius:0;flex:1 1 0;align-self:center;min-width:0;height:17px}.heatmap-cell:first-child{border-radius:4px 0 0 4px}.heatmap-cell:last-child{border-radius:0 4px 4px 0}.combined-sleep,.combined-activity{z-index:2;border-radius:4px;min-width:2px;height:17px;position:absolute;top:9px;box-shadow:0 1px 2px #18352f2e}.combined-sleep{background:var(--sleep)}.combined-activity{min-width:4px}.combined-toilet{z-index:4;border:2px solid #fffdf8;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%);box-shadow:0 1px 3px #18352f38}.combined-toilet.accident{outline-offset:1px;outline:2px solid #c85642}.combined-food{z-index:4;border:2px solid #fffdf8;border-radius:3px;width:9px;height:9px;position:absolute;transform:translate(-50%);box-shadow:0 1px 3px #18352f38}#history{order:3}.sleep-line-panel{order:5}.timeline-panel{order:6}.recent-panel{order:7}@media (width<=620px){.all-activity-panel .panel-heading{display:block}.all-activity-legend{justify-content:flex-start;margin-top:10px}.timeline-tools{justify-items:start}.pattern-range{flex-wrap:wrap;justify-content:flex-start}.pattern-range .range-picker{justify-content:flex-start}.all-activity-axis{margin-left:50px}.all-activity-list{overflow-x:auto}.all-activity-day{grid-template-columns:44px minmax(280px,1fr);width:100%;min-width:330px}.all-activity-day>strong{font-size:11px}}.dashboard-shell{flex-direction:column;display:flex}.dashboard-hud{color:#fbfaf4;background:radial-gradient(circle at 88% 8%, #7eb99a3d, transparent 32%), var(--ink);border-radius:24px;padding:clamp(22px,4vw,38px);overflow:hidden}.hud-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.hud-heading h1{font-size:clamp(30px,4vw,48px)}.hud-heading time{color:#c9d9d1;margin-top:7px;font-size:14px;display:block}.live-badge{color:#e9f5ee;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.live-badge i{background:#8be0ad;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #8be0ad21}.hud-state{flex-wrap:wrap;align-items:baseline;gap:5px 10px;margin-top:18px;display:flex}.hud-state strong{color:var(--yellow);letter-spacing:-.05em;font-family:Georgia,serif;font-size:clamp(30px,5vw,50px)}.hud-state span,.hud-state small{color:#d0dfd7}.hud-state small{flex-basis:100%;font-size:12px}.hud-grid{grid-template-columns:repeat(6,minmax(105px,1fr)) minmax(175px,1.45fr);gap:8px;margin-top:22px;display:grid}.hud-grid article{background:#ffffff14;border:1px solid #ffffff1c;border-radius:13px;min-width:0;padding:13px 14px}.hud-grid span,.hud-grid small{color:#bed0c6;font-size:11px;display:block}.hud-grid strong{color:#fffdf8;letter-spacing:-.04em;white-space:nowrap;margin:3px 0 2px;font-family:Georgia,serif;font-size:23px;display:block}.hud-grid .hud-history{background:#f7d0631a;border-color:#f7d06338}.hud-grid .hud-history strong{color:var(--yellow)}.hud-active{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hud-active span{color:#e9f5ee;background:#4cb37e2e;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700}.dashboard-tabs-shell{background:#e8efe9;border:1px solid #d5e1d7;border-radius:14px;align-items:center;gap:8px;min-width:0;margin-top:18px;padding:5px;display:flex;position:relative}.dashboard-tabs{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;display:grid}.dashboard-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:9px 14px;font-weight:750}.dashboard-tabs button[aria-selected=true]{color:var(--ink);background:var(--card);box-shadow:0 2px 8px #203f301a}.dashboard-tabs button:focus-visible,.overview-link:focus-visible,.dashboard-log-link:focus-visible,.dashboard-explainer button:focus-visible{outline-offset:2px;outline:3px solid #2563eb6b}.dashboard-log-link{min-height:42px;color:var(--moss);background:var(--card);white-space:nowrap;border-radius:10px;flex:none;align-items:center;padding:9px 13px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.dashboard-log-link span{margin-left:4px}.dashboard-explainer{color:var(--ink);background:#f3f7f2;border:1px solid #d8e5d9;border-radius:14px;margin-top:18px;padding:14px 16px}.dashboard-explainer-open{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dashboard-explainer .eyebrow{color:var(--moss);margin:0 0 5px}.dashboard-explainer-copy{color:var(--muted);font-size:13px;line-height:1.5}.dashboard-explainer-dismiss,.dashboard-explainer-reopen{color:var(--moss);background:0 0;border:1px solid #bfd2c1;border-radius:7px;flex:none;padding:5px 8px;font-size:12px;font-weight:750}.dashboard-explainer-reopen{text-align:left;border:0;width:100%;padding:0}.dashboard-explainer-reopen span{float:right;font-size:16px;line-height:1}.history-quick-summary{margin-top:18px}.history-summary-actions{align-items:center;gap:12px;display:flex}.history-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.history-quick-grid article{background:#fafbf8;border:1px solid #e2e9e2;border-radius:12px;padding:14px}.history-quick-grid span,.history-quick-grid small{color:var(--muted);font-size:11px;display:block}.history-quick-grid strong{margin:4px 0;font-family:Georgia,serif;font-size:22px;display:block}.quick-logging-anchor{scroll-margin-top:16px;display:block}.dashboard-tabpanel[hidden]{display:none!important}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.overview-card{flex-direction:column;min-height:210px;display:flex}.overview-card p:not(.eyebrow){color:var(--muted);line-height:1.55}.overview-link{color:var(--moss);background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:0;font-weight:750}.history-view>.panel,.history-view>.all-activity-panel,.dashboard-tabpanel>.panel{margin-top:18px}.today-comparison-heading{align-items:flex-start;gap:20px}.today-comparison-heading p:not(.eyebrow){max-width:520px;color:var(--muted);margin:5px 0 0;line-height:1.45}.today-comparison-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.today-metric{background:#fff;border:1px solid #e2e9e2;border-radius:12px;min-width:0;padding:14px}.today-metric-title span{color:var(--muted);font-size:12px;font-weight:650;display:block}.today-metric-title strong{color:var(--ink);margin-top:5px;font-size:23px;line-height:1.2;display:block}.today-direction{color:#345347;background:#eef3ef;border-radius:999px;margin:12px 0 7px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.35;display:inline-flex}.today-metric.lower .today-direction{color:#365a7a;background:#edf3f8}.today-metric.within .today-direction{color:#2d6848;background:#edf6ef}.today-metric.higher .today-direction{color:#845520;background:#fbf3e7}.today-range{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.today-metric.insufficient-data .today-direction{color:#596d63;background:#f0f2ef}.insight-loading,.insight-footnote{color:var(--muted);font-size:12px}.insight-footnote{margin:14px 0 0}.routine-bands-heading{align-items:flex-start;gap:20px}.routine-bands-heading p:not(.eyebrow){max-width:680px;color:var(--muted);margin:7px 0 0;line-height:1.5}.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.routine-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.routine-simple-card{background:#fafbf8;border:1px solid #e2e9e2;border-radius:14px;min-width:0;padding:17px}.routine-simple-card p{min-height:42px;color:var(--muted);margin:8px 0 16px;font-size:13px;line-height:1.5}.routine-simple-timeline{margin-top:auto}.routine-simple-axis{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.routine-simple-track{background:repeating-linear-gradient(90deg,#edf3ee 0 calc(25% - 1px),#dbe7dd 25%);border:1px solid #d5e2d8;border-radius:6px;height:18px;margin-top:5px;position:relative;overflow:hidden}.routine-simple-band{background:var(--moss);border-radius:3px;min-width:5px;position:absolute;top:2px;bottom:2px}.routine-simple-band.wake{background:#78a795}.routine-simple-band.poo{background:#a47750}.routine-simple-band.wee{background:#6d91b2}.routine-evidence-summary{color:var(--muted);background:#f2f8f3;border:1px solid #dce8df;border-radius:11px;flex-wrap:wrap;gap:5px 14px;margin-top:16px;padding:11px 13px;font-size:12px;line-height:1.45;display:flex}.routine-evidence-summary strong{color:var(--ink)}.routine-card-explanation{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}.routine-evidence-line{color:var(--muted);margin:6px 0 0;font-size:11px}.routine-card{background:#fafbf8;border:1px solid #e2e9e2;border-radius:14px;min-width:0;padding:17px}.routine-card-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.routine-card-heading h3{margin:0}.routine-card-heading span{color:var(--muted);text-transform:capitalize;font-size:11px}.routine-band-list{gap:8px;margin:13px 0 0;padding:0;list-style:none;display:grid}.routine-band-list li{background:#fff;border:1px solid #e7ece7;border-radius:10px;grid-template-columns:minmax(92px,auto) 1fr;gap:2px 12px;padding:10px 11px;display:grid}.routine-band-list strong{color:var(--moss);grid-row:span 2}.routine-band-list span,.routine-band-list small,.routine-empty,.routine-consistency,.routine-profiles{color:var(--muted);font-size:12px}.routine-band-list small{line-height:1.4}.routine-empty{margin-bottom:0;line-height:1.55}.routine-empty strong{color:var(--ink)}.routine-empty p{margin:5px 0 0}.routine-empty details{margin-top:9px}.routine-empty ul,.routine-band-list details ul{margin:6px 0 0;padding-left:18px}.routine-band-list details{grid-column:1/-1;margin-top:4px}.routine-band-list details summary,.routine-empty details summary{color:var(--moss);cursor:pointer;font-weight:700}.routine-band-list details p{color:var(--muted);margin:6px 0 0}.routine-consistency{margin:11px 0 0}.routine-consistency strong{color:var(--ink)}.routine-profiles{border-top:1px solid #e2e9e2;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-top:12px;padding-top:12px;display:grid}.routine-profiles strong{color:var(--ink)}.routine-profiles small{grid-column:1/-1;line-height:1.4}.sleep-milestones-heading{align-items:flex-start;gap:20px}.sleep-milestones-heading p:not(.eyebrow){max-width:560px;color:var(--muted);margin:7px 0 0;line-height:1.5}.milestone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.milestone-card,.sleep-next-card{background:#fafbf8;border:1px solid #e2e9e2;border-radius:14px;min-width:0;padding:15px}.milestone-card>span,.milestone-card>small,.milestone-card p small,.sleep-next-card>small{color:var(--muted);font-size:11px;display:block}.milestone-card{border-top:4px solid #d7e0d8}.milestone-card.milestone-met{border-top-color:#2f9d6c}.milestone-card.milestone-not-met{border-top-color:#d37b4b}.milestone-card.milestone-not-reached{border-top-color:#b5c0b7}.milestone-card.milestone-no-baseline{border-top-color:#c7a84f}.milestone-time{font-weight:800}.milestone-status{margin-top:5px;font-family:Georgia,serif;font-size:23px;display:block}.milestone-card.milestone-met .milestone-status{color:#247a55}.milestone-card.milestone-not-met .milestone-status{color:#a5532d}.milestone-card.milestone-not-reached .milestone-status,.milestone-card.milestone-no-baseline .milestone-status{color:var(--muted)}.milestone-card p{color:var(--ink);justify-content:space-between;gap:8px;margin:8px 0 0;font-size:12px;line-height:1.45;display:flex}.milestone-card p span{color:var(--muted)}.milestone-card p small{margin-top:2px}.sleep-next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.sleep-next-card h3{margin:5px 0 7px}.sleep-next-card>p:not(.eyebrow){color:var(--muted);margin:0 0 8px;line-height:1.5}.association-heading{align-items:flex-start;gap:20px}.association-heading p:not(.eyebrow){max-width:680px;color:var(--muted);margin:7px 0 0;line-height:1.5}.association-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.association-card{background:#fafbf8;border:1px solid #e2e9e2;border-radius:14px;min-width:0;padding:17px}.association-card-heading{color:var(--muted);text-transform:capitalize;justify-content:space-between;gap:10px;font-size:11px;display:flex}.association-card h3{margin:10px 0 8px;font-size:17px;line-height:1.35}.association-card>p,.association-card>small,.association-card details{color:var(--muted);font-size:12px;line-height:1.5}.association-card details{margin-top:12px}.association-card summary{color:var(--moss);cursor:pointer;font-weight:750}.association-card details p:last-child{overflow-wrap:anywhere}.insight-empty{background:#fafbf8;border:1px solid #e2e9e2;border-radius:14px;margin-top:16px;padding:16px}.insight-empty h3{margin:0 0 5px}.insight-empty p{color:var(--muted);margin:0;line-height:1.5}.behaviour-pattern-heading{align-items:flex-start;gap:20px}.behaviour-pattern-heading p:not(.eyebrow){max-width:680px;color:var(--muted);margin:7px 0 0;line-height:1.5}.behaviour-pattern-grid{gap:12px;margin-top:18px;display:grid}.behaviour-pattern-card{background:#fafbf8;border:1px solid #e2e9e2;border-radius:14px;padding:17px}.behaviour-pattern-card h3{margin:10px 0 7px}.behaviour-pattern-card>p,.behaviour-pattern-card>small,.behaviour-pattern-card details,.behaviour-clues p{color:var(--muted);font-size:12px;line-height:1.5}.behaviour-clues{background:#fff;border:1px solid #e7ece7;border-radius:10px;margin-top:14px;padding:13px}.behaviour-clues strong{font-size:12px}.behaviour-clues p{margin:6px 0 0}.behaviour-pattern-card details{margin-top:12px}.behaviour-pattern-card summary{color:var(--moss);cursor:pointer;font-weight:750}.forecast-heading{align-items:flex-start;gap:20px}.forecast-heading p:not(.eyebrow){max-width:680px;color:var(--muted);margin:7px 0 0;line-height:1.5}.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.forecast-card{background:#fafbf8;border:1px solid #e2e9e2;border-radius:14px;min-width:0;padding:17px}.forecast-card-heading{color:var(--muted);text-transform:capitalize;justify-content:space-between;gap:10px;font-size:11px;display:flex}.forecast-card>strong{margin-top:10px;font-family:Georgia,serif;font-size:21px;line-height:1.25;display:block}.forecast-card>p,.forecast-card>small,.forecast-card details,.forecast-quality{color:var(--muted);font-size:12px;line-height:1.5}.forecast-card details{margin-top:12px}.forecast-card summary{color:var(--moss);cursor:pointer;font-weight:750}.forecast-card details p{overflow-wrap:anywhere;margin:6px 0}.forecast-quality{background:#f3f6f1;border-radius:12px;margin-top:14px;padding:14px}.forecast-quality strong{color:var(--ink)}.forecast-quality p{margin:5px 0}.forecast-compact .forecast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.hud-grid{grid-template-columns:repeat(4,minmax(105px,1fr))}.hud-grid .hud-history{grid-column:span 2}.today-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.routine-grid,.routine-simple-grid{grid-template-columns:1fr}.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.association-grid{grid-template-columns:1fr}.forecast-grid,.forecast-compact .forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.hud-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-grid .hud-history{grid-column:span 3}.overview-grid{grid-template-columns:1fr;gap:0}.overview-card{min-height:0}.today-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.dashboard-hud{border-radius:19px;padding:21px 17px}.hud-heading{display:block}.live-badge{margin-top:13px}.hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-grid .hud-history{grid-column:span 2}.dashboard-tabs-shell{flex-wrap:wrap;align-items:stretch}.dashboard-tabs{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-tabs button{min-height:44px;padding-inline:10px}.dashboard-log-link{flex:100%;justify-content:center;min-height:44px}.dashboard-explainer-open{display:block}.dashboard-explainer-dismiss{margin-top:10px}.history-summary-actions{flex-direction:column;align-items:flex-start}.history-quick-grid{grid-template-columns:1fr}.today-comparison-heading,.routine-bands-heading,.sleep-milestones-heading,.association-heading,.behaviour-pattern-heading,.forecast-heading{display:block}.milestone-grid,.sleep-next-grid,.today-comparison-grid,.forecast-grid,.forecast-compact .forecast-grid{grid-template-columns:1fr}}.auth-help{color:var(--ink);margin-top:16px}.auth-help summary{cursor:pointer;font-weight:750}.auth-help p{color:var(--muted);line-height:1.6}.auth-card button:disabled{opacity:.65;cursor:wait}.returning-signin{border-top:1px solid var(--muted);margin-top:28px;padding-top:22px}.returning-signin h3{margin:0 0 10px}.returning-signin p{color:var(--muted);line-height:1.6}.passkey-overlay{background:var(--card);width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;border-radius:24px;padding:clamp(24px,5vw,40px);overflow:auto;box-shadow:0 24px 80px #0000004d}.passkey-overlay::backdrop{background:#0009}.passkey-overlay h2{font-size:clamp(25px,5vw,32px)}.passkey-overlay p{line-height:1.6}.passkey-overlay .save{width:100%;margin-top:12px}.reminder-choice{align-items:center;gap:10px;margin-top:24px;display:flex}.reminder-choice input{width:20px;height:20px;accent-color:var(--moss)}.passkey-overlay button:disabled{opacity:.65;cursor:wait}.dashboard-priority{gap:12px;display:grid}.dashboard-priority .logging-panel{margin-top:0}.dashboard-stats{background:var(--cream);border:1px solid var(--mint);border-radius:18px;margin-top:14px;padding:18px 20px}.dashboard-stats>.eyebrow{margin:0}.dashboard-stats .hud-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.dashboard-stats .hud-grid article{background:var(--card);border-color:var(--mint);padding:12px 13px}.dashboard-stats .hud-grid span,.dashboard-stats .hud-grid small{color:var(--muted)}.dashboard-stats .hud-grid strong{color:var(--ink)}.dashboard-stats .hud-grid .hud-history{background:var(--cream);border-color:var(--yellow);grid-column:span 2}.dashboard-stats .hud-grid .hud-history strong{color:var(--moss)}@media (width<=760px){.dashboard-stats .hud-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stats .hud-grid .hud-history{grid-column:span 3}}@media (width<=620px){.dashboard-stats{padding:15px}.dashboard-stats .hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats .hud-grid .hud-history{grid-column:span 2}}.app-nav-dog-controls{align-items:center;gap:4px;min-width:0;display:flex}.app-nav-dog-controls .app-nav-dog{flex:1;min-width:0}.app-nav-dog-settings{width:44px;height:44px;color:var(--mint);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-nav-dog-settings:hover,.app-nav-dog-settings[aria-current=page]{background:#ffffff1f}.app-nav-dog-settings:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.dog-settings-status{color:var(--moss);margin:0;font-size:13px;font-weight:700}@media (width<=620px){.app-nav{margin-inline:-14px;padding-inline:14px}}.app-nav-account,.app-nav-links,.app-nav-dog select{min-width:0}.care-action.behaviour.active{background:var(--moss);color:#fff;border-color:var(--moss)}.event-dot.behaviour,.all-activity-legend .behaviour{background:var(--moss)}.behaviour-timeline-lane{grid-column:1/-1;grid-template-columns:subgrid;color:var(--muted);align-items:center;padding-top:4px;font-size:10px;display:grid}.behaviour-timeline-lane>div{background:var(--cream);border:1px solid #0000;border-radius:6px;min-width:0;height:10px;position:relative;overflow:hidden}.behaviour-band{background:var(--moss);border-radius:3px;height:7px;position:absolute;top:1px}.behaviour-band.restless{background:var(--yellow)}.behaviour-band.overexcited{background:var(--behaviour-red)}.behaviour-band.custom{background:var(--ink)}.pattern-insight-card h3{color:var(--ink);margin:0;font-size:1.05rem}.awake-stretch-metric{grid-template-columns:1fr}.sleep-stretch-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sleep-window-note{color:var(--muted);font-size:12px;line-height:1.6}.sleep-window-note a{color:var(--moss);text-decoration:underline}.sleep-distribution{border:1px solid var(--line);background:var(--card);border-radius:16px;margin:20px 0;padding:20px}.sleep-distribution h3{margin:0 0 8px}.sleep-distribution>p{color:var(--muted);font-size:13px;line-height:1.6}.sleep-distribution-legend{gap:20px;margin:16px 0;font-size:12px;display:flex}.sleep-distribution-legend span{align-items:center;gap:6px;display:flex}.sleep-distribution-legend i{border-radius:3px;width:12px;height:12px}.sleep-distribution .day{background:var(--yellow)}.sleep-distribution .night{background:var(--moss)}.sleep-distribution-bands{gap:16px;display:grid}.sleep-distribution-band{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:6px 12px;display:grid}.sleep-distribution-band>strong{grid-row:span 2;font-size:12px}.sleep-distribution-row{align-items:center;gap:8px;min-height:18px;padding-right:28px;display:flex;position:relative}.sleep-distribution-row>span:last-child{font-size:12px;position:absolute;right:0}.sleep-distribution-bar{border-radius:4px;height:14px}.profile-night-hours form{gap:12px;display:grid}.profile-night-hours label{color:var(--muted);gap:6px;font-size:12px;display:grid}.profile-night-hours input{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 12px}@media (width<=480px){.sleep-stretch-metrics{grid-template-columns:1fr}.sleep-distribution{padding:14px}.sleep-distribution-band{grid-template-columns:85px minmax(0,1fr)}}.care-action.other,.event-dot.other,.combined-activity.other,.all-activity-legend i.other{background:var(--muted);color:#fff}.behaviour-band.other{background:var(--muted)}.rating-1{--rating-colour:#32834a;--rating-tint:#e5f3e8}.rating-2{--rating-colour:#83952c;--rating-tint:#f0f3db}.rating-3{--rating-colour:#d6ae24;--rating-tint:#fff4ce}.rating-4{--rating-colour:#dc7a2b;--rating-tint:#ffead9}.rating-5{--rating-colour:#c74740;--rating-tint:#fce4e2}.behaviour-rating-badge[class*=rating-]{background:var(--rating-tint,var(--cream));border-bottom:2px solid var(--rating-colour,var(--muted));color:var(--ink)}.behaviour-mark[class*=rating-],.behaviour-band[class*=rating-]{background:var(--rating-colour,var(--muted))}.personal-forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.personal-forecast-state{margin-top:6px}@media (width<=520px){.personal-forecast-grid{grid-template-columns:1fr}}.away-periods form{max-width:36rem}.away-periods form label{margin:15px 0;font-weight:600;display:block}.away-periods form input,.away-periods form textarea,.away-periods form select{border:1px solid var(--line);background:var(--card);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:10px;margin-top:7px;padding:12px;display:block}.away-periods form textarea{resize:vertical;min-height:96px}.away-periods form input:focus-visible,.away-periods form textarea:focus-visible,.away-periods form select:focus-visible{outline:2px solid var(--moss);outline-offset:3px}.away-periods form .save{background:var(--moss);color:#fff}.away-periods form .text-button{margin-top:10px}.away-periods details article{border-top:1px solid var(--mint);overflow-wrap:anywhere;padding:10px 0}.coverage-unknown{background:repeating-linear-gradient(135deg,var(--cream),var(--cream) 3px,var(--muted) 4px,var(--cream) 5px);opacity:.35}