:root{--ink:#18352f;--cream:#f8f5ed;--card:#fffdf8;--mint:#d9ece0;--moss:#23634f;--yellow:#f3c65a;--line:#dce5dc;--muted:#6d8278;--sleep:#2563eb;--walk:#f97316;--play:#a21caf;--food:#0f766e;--sleep-soft:#e8f0ff;--walk-soft:#fff0e5;--play-soft:#fae8ff}.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-paw{background:var(--yellow);width:31px;height:31px;color:var(--ink);border-radius:10px 13px;place-items:center;font-size:22px;font-weight:900;line-height:1;display:grid;transform:rotate(-18deg)}.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{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-identity .app-mark{color:#071521;border-radius:11px;flex:none;width:34px;height:34px;text-decoration:none}.app-nav-title{flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.app-nav-title a{color:#fff;letter-spacing:-.03em;font-size:15px;font-weight:800;text-decoration: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-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}.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:5;background:#0f292285;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.entry-modal{background:var(--card);border-radius:22px;width:min(100%,440px);padding:30px;position:relative;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{width:100%;color:var(--ink);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.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}.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}}