:root{--bg:#f4efe1;--surface:#fffdf6;--ink:#14110b;--muted:#6f675a;--blue:#3d5bfd;--yellow:#f3c53c;--lime:#c3e83f;--coral:#ef6a4c;--cream:#fffdf6;--border:var(--ink);--radius:14px;--shadow:4px 4px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--shadow-lg:6px 6px 0 var(--ink)}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--ink);background-color:var(--bg);background-image:linear-gradient(rgba(20,17,11,.05) 1px,transparent 0),linear-gradient(90deg,rgba(20,17,11,.05) 1px,transparent 0);background-size:28px 28px;font-family:var(--font-body),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}.app{max-width:760px;margin:0 auto;padding:24px 16px 72px}.header{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left center right";grid-gap:12px;gap:12px;width:100%;padding:14px max(16px,3vw);background:var(--blue);border-bottom:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--cream)}.header,.nav-back{align-items:center}.nav-back{display:inline-flex;gap:6px;padding:7px 14px;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;color:var(--ink);background:var(--yellow);border:2.5px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);transition:transform .05s ease,box-shadow .05s ease}.nav-back:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.nav-back:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.header h1{margin:0;font-family:var(--font-display),var(--font-body),sans-serif;font-weight:900;font-size:clamp(24px,6vw,34px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--cream)}.stats{margin:0;align-self:center;padding:4px 12px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);font-size:12px;font-weight:700;white-space:nowrap}.login-link{color:var(--cream)}.badge-premium{padding:4px 12px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--ink);background:var(--lime);border:2px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);transform:rotate(-3deg)}.header-left{grid-area:left;display:flex;align-items:center;min-width:0}.header-center{grid-area:center;justify-content:center;gap:10px;text-align:center}.header-center,.header-menus{display:flex;align-items:center;flex-wrap:wrap}.header-menus{grid-area:right;justify-content:flex-end;gap:8px;min-width:0}@media (max-width:720px){.header{grid-template-columns:auto 1fr;grid-template-areas:"left right" "center center"}}.menu{position:relative}.menu-trigger{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:5px 10px 5px 5px;font:inherit;font-size:13px;font-weight:700;color:var(--ink);background:var(--surface);border:2.5px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer}.menu-trigger:hover{background:var(--yellow)}.menu-trigger[aria-expanded=true]{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.menu-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:26px;height:26px;flex:none;border:2px solid var(--ink);border-radius:50%;object-fit:cover}.avatar--blank{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);font-size:12px}.menu-list{position:absolute;top:calc(100% + 8px);right:0;z-index:1100;min-width:200px;padding:6px;background:var(--surface);border:2.5px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);color:var(--ink)}.menu-header,.menu-list{display:flex;flex-direction:column}.menu-header{gap:2px;padding:6px 10px 10px;margin-bottom:4px;border-bottom:2px solid var(--ink);font-size:14px}.menu-header-sub{font-size:12px;color:var(--muted)}.menu-item{padding:9px 10px;font:inherit;font-size:14px;font-weight:600;text-align:left;color:var(--ink);background:none;border:none;border-radius:8px;cursor:pointer}.menu-item:focus-visible,.menu-item:hover{outline:none;background:var(--yellow)}.menu-item--danger{color:var(--coral)}.menu-item--danger:hover{color:var(--ink);background:var(--coral)}.menu-divider{width:100%;margin:4px 0;border:none;border-top:2px solid var(--ink)}.pet-avatar{width:1.1em;height:1.1em;vertical-align:-.15em;border:2px solid var(--ink);border-radius:50%;object-fit:cover;background:var(--surface)}.pet-avatar--lg{width:72px;height:72px;border-width:2.5px}.pet-avatar--blank{display:inline-flex;align-items:center;justify-content:center;font-size:36px}.pet-photo-edit{display:flex;align-items:center;gap:14px;margin-top:10px}.owner-rows{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:2px solid var(--ink);border-radius:8px}.owner-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:6px 10px;font-size:14px;font-weight:600}.owner-row+.owner-row{border-top:2px solid var(--ink)}.owner-row-you{font-weight:400;color:var(--muted)}.login-form,.owner-add-row,.owner-row-confirm{display:flex;gap:6px}.login-form{margin-left:auto;align-items:center;flex-wrap:wrap}.login-form input{padding:8px 12px;border:2.5px solid var(--ink);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;width:130px}.login-form input:focus{outline:none;box-shadow:var(--shadow-sm)}.btn{padding:10px 16px;border:2.5px solid var(--ink);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .05s ease,box-shadow .05s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.5;box-shadow:none;cursor:default}.btn--primary{background:var(--lime)}.link{background:none;border:none;padding:0;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.link:hover{color:var(--blue)}.login-link,.login-link:hover{color:var(--cream)}.video-scrub{height:128px;margin-bottom:16px;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.video-scrub-el{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;pointer-events:none}.panel{background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px}.panel-head{display:flex;gap:10px;flex-wrap:wrap}.hint{margin:14px 0 0;font-size:13px;color:var(--muted)}.hint--warn{color:var(--ink);background:var(--yellow);border:2.5px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sm);padding:12px 14px;font-size:13px;font-weight:500}.pending{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.pending-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface);border:2.5px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sm)}.pending-item--uploading{opacity:.55}.pending-item--error{background:color-mix(in srgb,var(--coral) 20%,var(--surface))}.pending-item--duplicate{opacity:.7}.pending-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:2px solid var(--ink);flex:none}.pending-body{min-width:0;flex:1 1}.pending-when{font-size:14px;font-weight:600}.pending-meta{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.placing{color:var(--blue)}.err,.placing{font-weight:700}.err{color:var(--coral);font-size:12px}.tag{margin-left:6px;padding:2px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:700}.tag--dup{background:var(--coral);color:var(--cream)}.banner{padding:12px 14px;margin-bottom:14px;border:3px solid var(--ink);border-radius:12px;background:var(--yellow);box-shadow:var(--shadow-sm);font-size:14px;font-weight:600}.banner--err{background:var(--coral);color:var(--cream)}.map-wrap{position:relative}.map-wrap.map-wrap--fullscreen:not(:-webkit-full-screen),.map-wrap:-webkit-full-screen{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.map-wrap.map-wrap--fullscreen:not(:fullscreen),.map-wrap:fullscreen{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.map-wrap.map-wrap--fullscreen:not(:-webkit-full-screen){position:fixed;inset:0;z-index:2000}.map-wrap.map-wrap--fullscreen:not(:fullscreen){position:fixed;inset:0;z-index:2000}.map-wrap.map-wrap--fullscreen:not(:-webkit-full-screen) .map-host,.map-wrap:-webkit-full-screen .map-host{flex:1 1;min-height:0;height:auto;border-radius:0;border:none;box-shadow:none}.map-wrap.map-wrap--fullscreen:not(:fullscreen) .map-host,.map-wrap:fullscreen .map-host{flex:1 1;min-height:0;height:auto;border-radius:0;border:none;box-shadow:none}.map-host{height:55vh;min-height:320px;border-radius:var(--radius);border:3px solid var(--ink);box-shadow:var(--shadow);overflow:hidden;z-index:0}.map-host--placing{cursor:crosshair;box-shadow:0 0 0 3px var(--blue),var(--shadow)}.map-host--loading{display:grid;place-items:center;color:var(--muted);font-weight:600}.map-fullscreen-btn{position:absolute;top:10px;right:10px;z-index:500;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:2.5px solid var(--ink);background:var(--surface);color:inherit;box-shadow:var(--shadow-sm);cursor:pointer}.map-fullscreen-btn:hover{background:var(--yellow)}.map-date-slider{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:12px;border:2.5px solid var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.map-date-slider-input{flex:1 1;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.map-date-slider-input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--blue)}.map-date-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border:none;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHRleHQgeD0iMTYiIHk9IjI0IiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0iU2Vnb2UgVUkgRW1vamksIE5vdG8gQ29sb3IgRW1vamksIEFwcGxlIENvbG9yIEVtb2ppLCBzYW5zLXNlcmlmIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj7wn5CbPC90ZXh0Pjwvc3ZnPg==") 50% /contain no-repeat}.map-date-slider-input::-moz-range-track{height:6px;border-radius:3px;background:var(--blue)}.map-date-slider-input::-moz-range-thumb{width:28px;height:28px;border:none;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHRleHQgeD0iMTYiIHk9IjI0IiBmb250LXNpemU9IjI0IiBmb250LWZhbWlseT0iU2Vnb2UgVUkgRW1vamksIE5vdG8gQ29sb3IgRW1vamksIEFwcGxlIENvbG9yIEVtb2ppLCBzYW5zLXNlcmlmIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj7wn5CbPC90ZXh0Pjwvc3ZnPg==") 50% /contain no-repeat}.map-date-slider-label{flex-shrink:0;color:var(--muted);font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.poop-pin-wrap{background:none;border:none}.poop-pin{font-size:20px;line-height:1;filter:drop-shadow(0 1px 2px rgb(0 0 0/.35))}.popup img{width:100%;border-radius:8px;border:2px solid var(--ink);display:block;margin-bottom:6px}.popup-when{font-weight:700}.popup-meta{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.popup-note{margin-top:4px}.popup-del{margin-top:8px;padding:5px 12px;border:2px solid var(--coral);border-radius:8px;background:none;color:var(--coral);cursor:pointer;font-size:12px;font-weight:700}.popup-del:hover{background:var(--coral);color:var(--cream)}.list{margin-top:24px}.day+.day{margin-top:22px}.day-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--font-display),var(--font-body),sans-serif;font-size:14px;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}.day-count{padding:1px 9px;border:2px solid var(--ink);border-radius:999px;background:var(--lime);color:var(--ink);font-family:var(--font-body),sans-serif;font-size:11px;font-weight:700}.day ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.row{display:flex;align-items:center;gap:6px;background:var(--surface);border:2.5px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sm);transition:transform .05s ease,box-shadow .05s ease}.row:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.row-main{flex:1 1;display:flex;align-items:center;gap:10px;padding:10px;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}.row-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;border:2px solid var(--ink);flex:none}.row-thumb--empty{display:grid;place-items:center;background:var(--lime);font-size:20px}.row-text{display:flex;flex-direction:column;min-width:0}.row-time{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-coords{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-del{padding:0 14px;align-self:stretch;background:none;border:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.row-del:hover{color:var(--coral)}.upload-target{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}.upload-target-label{font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.6;font-size:11px}.pet-select{padding:8px 10px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:8px}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,17,11,.55)}.modal{width:100%;max-width:360px;padding:20px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.modal-title{margin:0 0 6px;font-size:18px}.modal-hint{margin:0 0 14px;font-size:13px;color:var(--muted)}.modal-input{width:100%;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:8px}.modal-input:focus{outline:none;box-shadow:0 0 0 3px var(--blue)}.modal-error{color:var(--coral)}.modal-error,.modal-success{margin:10px 0 0;font-size:13px;font-weight:600}.modal-success{color:#2a8f4a}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-btn{padding:8px 14px;font:inherit;font-size:13px;font-weight:700;border:2px solid var(--ink);border-radius:8px;cursor:pointer;transition:all .05s ease}.modal-btn:disabled{opacity:.6;cursor:default}.modal-btn--ghost{background:none;color:var(--ink)}.modal-btn--ghost:hover:not(:disabled){background:var(--bg)}.modal-btn--primary{background:var(--blue);color:var(--cream);box-shadow:var(--shadow-sm)}.modal-btn--primary:hover:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.modal-btn--danger{background:var(--coral);color:var(--cream);box-shadow:var(--shadow-sm)}.modal-btn--danger:hover:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.empty{margin-top:28px;padding:20px;text-align:center;color:var(--muted);font-weight:600;background:var(--surface);border:2.5px dashed var(--ink);border-radius:12px}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.pet-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;text-align:center;text-decoration:none;color:var(--ink);background:var(--surface);border:2.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .05s ease,box-shadow .05s ease}.pet-tile:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.pet-tile-icon{font-size:32px;line-height:1}.pet-tile-name{font-size:15px}.pet-tile-count{margin:0}.admin-toolbar{display:flex;gap:8px;margin-bottom:14px}.admin-toolbar .modal-input{flex:1 1;min-width:0}.admin-pets,.admin-users{list-style:none;margin:0;padding:0}.admin-users{display:flex;flex-direction:column;gap:10px}.admin-user{background:var(--surface);border:2.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.admin-pet,.admin-user-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.admin-user-id{display:flex;flex-direction:column;flex:1 1;min-width:0}.admin-user-sub{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.admin-you{font-weight:600;color:var(--muted)}.admin-user-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.admin-field{display:flex;flex-direction:column;gap:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.pet-select--premium{background:var(--lime)}.admin-pets{border-top:2px dashed var(--ink)}.admin-pet{padding-left:28px}.admin-pet+.admin-pet{border-top:1px solid rgba(20,17,11,.12)}.app--legal{max-width:680px}.legal-content{line-height:1.7}.legal-content h2{margin-top:28px;margin-bottom:12px;font:inherit;font-family:var(--font-display),var(--font-body),sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em}.legal-content h2:first-of-type{margin-top:16px}.legal-content p,.legal-content ul{margin:12px 0}.legal-content ul{padding-left:22px}.legal-content li{margin-bottom:8px}.legal-content a{color:var(--blue);font-weight:600;text-decoration:none;border-bottom:2px solid var(--blue)}.legal-content a:hover{color:var(--ink);border-bottom-color:var(--ink)}.legal-content code{background:var(--cream);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.legal-updated{margin-top:32px;padding-top:16px;border-top:2px solid var(--muted);font-size:12px;color:var(--muted)}@media (max-width:600px){.admin-user-row{flex-wrap:wrap}.admin-user-controls{width:100%}.admin-pet{padding-left:14px}}