:root{color-scheme:light;--bg:#f6f2e9;--paper:#fffdf7;--ink:#293c31;--muted:#6d786c;--line:#dedfd2;--green:#365b43;--ongreen:#fffcf1;--pee:#e4edbe;--poo:#efdcce;--feed:#f9e1ab;--nap:#e2deef;--walk:#d7e9de;--water:#d5e7ed;--accident:#f0d3ce;--shadow:0 15px 60px #323c2810;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a4762b;outline-offset:3px}button{border:0}a{color:var(--green)}button svg,.icon svg{width:21px;height:21px;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}h3{font-size:16px;letter-spacing:-.3px}p{line-height:1.55}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;text-transform:uppercase;color:var(--muted)}.sub{font-size:13px;color:var(--muted)}.brand-mark{height:36px;width:36px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--ongreen);font-family:Georgia,serif;font-size:29px;letter-spacing:-3px;padding-right:4px}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:650;letter-spacing:-.5px}.brand em{font-style:normal;font-weight:400;color:var(--muted)}.topbar{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 32px 20px;gap:14px}.top-actions{display:flex;gap:12px;align-items:center}.avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:var(--feed);border:2px solid var(--paper);font-size:11px;font-weight:700}.avatar-stack{display:flex;align-items:center}.avatar-stack .avatar+.avatar{margin-left:-8px;background:var(--nap)}.avatar-stack small{font-size:11px;color:var(--muted);margin-left:9px}.icon-button{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:50%;background:var(--paper);border:1px solid var(--line);font-size:24px}.shell{max-width:1096px;margin:0 auto;padding:5px 32px 30px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 30px}.hero h1{font-size:69px;line-height:1.05;letter-spacing:-3px;margin:11px 0 15px}.hero h1 em{color:#b57530;font-weight:400}.hero .intro{font-size:14px;color:var(--muted);max-width:400px}.dog-photo{position:relative;flex-shrink:0;margin-right:12px}.dog-photo img{width:155px;height:169px;object-fit:cover;border-radius:48% 48% 43% 43%;transform:rotate(5deg);background:var(--feed);border:7px solid var(--paper);box-shadow:var(--shadow)}.photo-label{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%) rotate(-4deg);white-space:nowrap;font-size:11px;font-weight:650;padding:7px 15px;border-radius:20px;background:var(--paper);box-shadow:0 4px 20px #383c2810;border:1px solid var(--line)}.nav-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs{display:flex;gap:26px}.tab{background:transparent;padding:13px 0 14px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-color:var(--green);font-weight:650}.connection{font-size:11px;color:var(--muted);text-align:right;display:flex;gap:6px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.connection.offline .dot{background:#b76a31}.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.section-head span{font-size:11px;color:var(--muted)}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.activity{border-radius:24px;padding:20px 20px 15px;background:var(--activity);display:flex;flex-direction:column;min-width:0;position:relative}.pee{--activity:var(--pee)}.poo{--activity:var(--poo)}.feed{--activity:var(--feed)}.nap,.nap_start,.nap_end{--activity:var(--nap)}.walk{--activity:var(--walk)}.water{--activity:var(--water)}.accident{--activity:var(--accident)}.activity-top{display:flex;align-items:center;justify-content:space-between;font-weight:650;font-size:13px}.activity-top svg{width:21px;height:21px}.elapsed{font-size:31px;line-height:1.2;font-weight:650;letter-spacing:-1.3px;margin-top:18px;font-variant-numeric:tabular-nums}.elapsed.empty{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:30px;letter-spacing:-1px}.last-event{font-size:11px;color:var(--ink);opacity:.8;margin-top:6px;min-height:17px}.tile-actions{display:flex;gap:6px;margin-top:17px}.log-button{background:var(--paper);border-radius:12px;padding:11px 9px;flex:1;font-size:12px;font-weight:650;min-height:44px}.detail-button{background:transparent;min-width:40px;min-height:44px;border-radius:12px;border:1px solid #50603a33;display:flex;align-items:center;justify-content:center}.detail-button svg{width:16px;height:16px}.log-button:hover,.secondary:hover{filter:brightness(.97)}.activity.overdue:after{content:'DUE';position:absolute;top:-7px;right:17px;background:var(--green);color:var(--ongreen);font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 8px;border-radius:7px}.extra-actions{display:flex;gap:8px;margin:15px 0 23px;flex-wrap:wrap}.small-action{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:11px;min-height:43px}.small-action svg{width:16px;height:16px}.outing{display:flex;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:15px}.outing>.icon{width:37px;height:37px;border-radius:12px;background:var(--walk);display:flex;align-items:center;justify-content:center;flex-shrink:0}.outing p{font-size:12px;font-weight:600}.outing small{font-size:11px;color:var(--muted)}.outing .text-button{margin-left:auto;flex-shrink:0;padding:8px;font-size:12px}.text-button{background:transparent;color:var(--green);padding:10px 0;font-size:13px;font-weight:650;min-height:40px}.journal{background:var(--paper);padding:23px;border:1px solid var(--line);border-radius:24px;align-self:start;min-width:0;box-shadow:var(--shadow)}.journal h2{font-size:27px;letter-spacing:-1px}.journal .sub{margin:5px 0 15px;font-size:11px}.event-list{margin:0;padding:0;list-style:none}.event-row{display:flex;gap:11px;padding:15px 0;border-top:1px solid var(--line);align-items:flex-start}.event-icon{width:33px;height:35px;display:flex;align-items:center;justify-content:center;background:var(--activity);border-radius:12px;flex-shrink:0}.event-icon svg{width:17px;height:17px}.event-copy{flex:1;min-width:0}.event-title{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.event-title strong{font-size:12px;font-weight:650}.event-title time{font-size:10px;color:var(--muted);white-space:nowrap;margin-top:2px}.event-copy small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.event-copy .note{font-size:12px;margin-top:8px;overflow-wrap:anywhere}.edit-event{padding:0;background:transparent;text-align:left;width:100%;border-radius:4px}.event-copy .edited{font-size:10px;font-style:italic}.journal-footer{border-top:1px solid var(--line);margin-top:4px;padding-top:15px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.journal-footer svg{width:15px;height:15px}.empty-journal{padding:32px 6px;text-align:center;color:var(--muted)}.empty-journal .empty-illustration{font-family:Georgia,serif;font-size:51px;line-height:1;color:#b88943;margin-bottom:18px}.empty-journal h3{font-family:Georgia,serif;font-size:23px;color:var(--ink);font-weight:400;margin-bottom:10px}.empty-journal p{font-size:12px}.status-note{display:flex;gap:10px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;margin-bottom:22px;background:var(--paper);align-items:flex-start}.status-note svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.status-note strong{font-size:12px;display:block}.status-note p{font-size:11px;color:var(--muted);margin-top:2px}.status-note.warning{background:var(--feed);border-color:transparent}.alert-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:9px}.alert-actions button{background:transparent;font-size:11px;font-weight:700;padding:3px 0;min-height:32px}.alert-copy{flex:1}.footer{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted);padding:27px 0 8px;flex-wrap:wrap}.footer .paw{color:#b57530}.all-journal{max-width:750px;margin:auto}.all-journal .journal{padding:25px}.day-heading{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:24px 0 12px;color:var(--muted)}.journal-filter{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.filter{border-radius:20px;padding:8px 13px;background:var(--paper);border:1px solid var(--line);font-size:11px;min-height:38px}.filter.active{background:var(--green);color:var(--ongreen);border-color:var(--green)}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:28px 20px}.auth-card{background:var(--paper);padding:36px;border-radius:29px;border:1px solid var(--line);max-width:430px;width:100%;box-shadow:var(--shadow)}.auth-card .brand{margin-bottom:32px}.auth-dog{width:78px;height:78px;border-radius:26px;transform:rotate(5deg);margin-bottom:19px}.auth-card h1{font-size:43px;line-height:1.1;letter-spacing:-1.6px;margin-bottom:12px}.auth-card>.sub{margin-bottom:25px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.auth-links button{font-size:11px}.loading{display:grid;justify-items:center;align-content:center;min-height:70dvh;gap:20px;color:var(--muted);font-size:13px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin:14px 0}input:not([type=checkbox]),textarea,select{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:12px 13px;font-size:16px;min-width:0;width:100%}input[type=file]{padding:10px!important;font-size:12px!important}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}textarea{resize:vertical}.optional{font-size:10px;font-weight:400;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:var(--ongreen);border-radius:12px;padding:13px 20px;font-size:13px;font-weight:650;min-height:46px}.secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:10px 14px;font-size:12px;text-decoration:none;min-height:43px}.full{width:100%}.form-error{color:#a83927;background:#f7e4dc;border-radius:9px;font-size:12px;padding:11px;margin:13px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.switch-label{flex-direction:row;align-items:center;gap:9px}.help{font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;margin:10px 0}.settings-divider{height:1px;background:var(--line);margin:24px 0}.settings-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.settings-tools .text-button{margin:0 7px}.danger{color:#a14b37}dialog{border:1px solid var(--line);border-radius:25px;padding:27px;background:var(--paper);color:var(--ink);width:calc(100% - 32px);max-width:470px;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 30px 100px #16251d44}dialog::backdrop{background:#20382b66;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.dialog-top h2{font-size:30px;letter-spacing:-1px;margin-top:5px}.dialog-top .icon-button{border:0;background:var(--bg)}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.dialog-actions .primary{margin-left:auto}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--green);color:var(--ongreen);box-shadow:0 8px 35px #172b2640;border-radius:16px;padding:12px 16px;max-width:calc(100% - 30px);width:max-content;display:flex;align-items:center;gap:16px;font-size:12px;z-index:10}.toast button{background:transparent;color:inherit;border-bottom:1px solid currentColor;padding:4px 0;font-size:12px;white-space:nowrap}.toast span{overflow-wrap:anywhere}.pending-banner{background:var(--feed)}.offline-page{max-width:440px;margin:15vh auto;padding:25px}.retry-row{margin:20px 0;display:flex;gap:12px;flex-wrap:wrap}.no-events{padding:30px 0;color:var(--muted);font-size:13px;text-align:center}.footnote{font-size:11px;color:var(--muted);margin-top:16px}
@media(min-width:1000px){.hero{padding:30px 0 42px}.hero h1{font-size:79px}.dog-photo{margin-right:53px}.dog-photo img{width:185px;height:193px}.journal{margin-top:0}.activity{padding:23px}.elapsed{font-size:34px}}
@media(max-width:760px){.topbar{padding:18px 22px 12px}.shell{padding:0 22px 20px;max-width:530px}.topbar{max-width:530px}.brand{font-size:14px}.brand em{display:none}.avatar-stack small{display:none}.body-grid{grid-template-columns:1fr;gap:25px}.hero{padding:24px 0 30px;gap:12px}.hero h1{font-size:53px;letter-spacing:-2px;margin:9px 0 12px}.hero .intro{font-size:12px;max-width:230px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.dog-photo{margin-right:0}.dog-photo img{width:108px;height:124px;border-width:5px}.photo-label{font-size:9px;padding:5px 10px;bottom:-4px}.nav-line{margin-bottom:21px}.tabs{gap:22px}.connection{font-size:10px;max-width:150px}.activity{padding:17px 16px 13px;border-radius:21px}.elapsed{font-size:27px;margin-top:15px}.elapsed.empty{font-size:27px}.last-event{font-size:10px}.tile-actions{margin-top:14px}.log-button{font-size:11px;padding:11px 5px}.detail-button{min-width:32px}.extra-actions{gap:7px;margin:13px 0 19px}.small-action{font-size:10px;padding:9px 11px}.journal{padding:21px}.journal h2{font-size:29px}.event-title time,.event-copy small{font-size:11px}.event-title strong{font-size:13px}.event-row{padding:15px 0}.footer{justify-content:center;text-align:center;padding-top:25px}.outing{padding:13px;gap:9px}.outing small{font-size:10px}.outing .text-button{font-size:11px}.section-head span{font-size:10px}.top-actions{gap:9px}.brand-mark{height:33px;width:33px;font-size:27px}.auth-card{padding:29px}.form-pair{gap:10px}}
@media(max-width:365px){.topbar{padding-left:16px;padding-right:16px}.shell{padding-left:16px;padding-right:16px}.hero h1{font-size:46px}.dog-photo img{width:90px;height:108px}.hero .intro{max-width:180px}.activity-grid{gap:10px}.activity{padding:15px 12px 12px}.elapsed{font-size:24px}.last-event{min-height:30px}.log-button{font-size:10px}.detail-button{min-width:28px}.avatar-stack{display:none}.outing>.icon{display:none}.eyebrow{letter-spacing:1.2px}.form-pair{grid-template-columns:1fr;gap:0}.connection{max-width:120px}.toast{font-size:11px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#17251d;--paper:#203126;--ink:#f0efdf;--muted:#adb8aa;--line:#3b5141;--green:#c3dcaa;--ongreen:#1d3121;--pee:#3d4c28;--poo:#533e30;--feed:#57451e;--nap:#3f394d;--walk:#2a4939;--water:#2d4751;--accident:#593d36;--shadow:0 15px 60px #00000010}.hero h1 em{color:#e8bc70}.brand-mark{background:#c3dcaa;color:#1d3121}.form-error{color:#ffd7c6;background:#57372c}.danger{color:#f3b59d}.activity.overdue:after{color:#1d3121}.detail-button{border-color:#d8e4c33d}.dog-photo img{border-color:var(--paper)}.avatar{color:var(--ink)}.toast{color:#1d3121}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,filter .15s}dialog[open]{animation:dialog-in .16s ease-out}@keyframes dialog-in{from{transform:translateY(9px);opacity:.6}to{transform:translateY(0);opacity:1}}}
.dog-photo img{object-position:30% 25%}

.dog-photo img.mascot{object-fit:contain;object-position:center;padding:5px;background:var(--paper)}