:root{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#244b3d;background:#f7f5ee;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:24px 24px calc(24px + env(safe-area-inset-bottom))}header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:12px;font-weight:800;letter-spacing:2px}.badge{font-size:12px;border:1px solid #d8dfd4;border-radius:25px;padding:8px 12px}.hero{padding:44px 0 30px;position:relative}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,8vw,60px);letter-spacing:-2px;margin:10px 0}.hero p{color:#69786c;max-width:75%;line-height:1.6}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px}.dog{float:right;font-size:85px;background:#e6e9d9;border-radius:50%;width:145px;height:145px;display:grid;place-items:center;transform:rotate(8deg)}nav{display:flex;border-bottom:1px solid #dce1d7;margin-bottom:26px;gap:8px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:14px 18px;background:#244b3d;color:white;font-weight:650}button:disabled{opacity:.45;cursor:wait}nav button{flex:1;color:#748174;background:transparent;border-radius:0;padding:16px 4px;font-size:14px}nav .active{color:#244b3d;border-bottom:3px solid #244b3d}h2{font-size:19px;letter-spacing:-.5px}.section-title>span{font-size:12px}.accident{background:#ebece2;padding:13px 16px;border-radius:12px;display:flex;gap:8px;align-items:center;font-size:13px}.accident span{margin-left:auto;color:#7d8478;font-size:11px}.accident input{accent-color:#244b3d}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.actions button{color:#244b3d;background:#e7eddf;min-height:170px;border:1px solid #d6dfca;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px}.actions button:nth-child(2){background:#e2edf0;border-color:#d1e2e5}.actions button:nth-child(3){background:#f1e5d0;border-color:#e8d9ba}.actions span{font-size:42px}.actions strong{font-size:20px}.actions small{font-weight:400;font-size:12px;color:#667460}.muted{font-size:12px;color:#788375;line-height:1.6}.card,.entry{background:#fffef9;border:1px solid #e2e4d9;border-radius:16px;padding:20px;margin:14px 0}.card label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;font-weight:600}input:not([type=checkbox]),select,textarea{background:#f8f8f2;border:1px solid #dce1d5;border-radius:9px;padding:12px;width:100%;color:#244b3d}textarea{min-height:75px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.entry{display:flex;gap:16px;align-items:flex-start;padding:18px}.entry .symbol{font-size:26px;background:#eff1e6;padding:12px;border-radius:12px}.entry h3{font-size:15px;margin:2px 0 8px}.entry p{font-size:13px;color:#74816f;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.entry a{font-size:12px;color:#386c56}.tag{font-size:11px;background:#f8e3d6;color:#9b5a3a;padding:4px 7px;border-radius:6px}.compact{font-size:11px;display:flex;align-items:center;gap:8px}.compact select{padding:7px;width:auto;font-size:12px}.empty{text-align:center;padding:35px 20px;color:#899280;line-height:1.8;border:1px dashed #d5dcce;border-radius:14px}footer{text-align:center;font-size:12px;color:#83907d;margin-top:45px}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244b3d;color:white;border-radius:12px;padding:15px 22px;max-width:90vw;width:max-content;box-shadow:0 8px 35px #0002;z-index:10}#message:empty{display:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #bb8c4d;outline-offset:3px}@media(max-width:540px){main{padding:20px 16px}.badge{display:none}.hero{padding-top:30px}.dog{font-size:60px;width:100px;height:100px}.hero p{max-width:70%;font-size:14px}.actions{gap:8px}.actions button{padding:16px 5px;min-height:150px}.actions small{font-size:10px}.accident{flex-wrap:wrap}.accident span{width:100%;margin-left:25px}.columns{grid-template-columns:1fr}.section-title{flex-wrap:wrap}}
.swipe-entry{position:relative;overflow:hidden;border-radius:16px;margin:14px 0;touch-action:pan-y}.entry-actions{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:stretch;background:#e4e9de}.entry-actions button{border-radius:0;width:100px;padding:10px;font-size:13px;visibility:hidden}.entry-actions .delete-action{background:#a64035}.entry-front{position:relative;background:#fffef9;transition:transform .2s ease}.entry-front .entry{margin:0;padding-right:55px;min-height:105px}.entry-menu{position:absolute;right:10px;top:14px;background:transparent;color:#244b3d;padding:10px;letter-spacing:2px}.swipe-entry.open .entry-front{transform:translateX(-200px)}.swipe-entry.open:has(.entry-actions button:only-child) .entry-front{transform:translateX(-100px)}.swipe-entry.open .entry-actions button{visibility:visible}.entry-editor{border:1px solid #dce1d5;border-radius:18px;max-width:420px;width:calc(100% - 32px);padding:0;background:#fffef9;color:#244b3d}.entry-editor::backdrop{background:#16332888}.entry-editor .card{margin:0;border:0}.entry-editor .edit-accident{flex-direction:row;align-items:center}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.dialog-buttons [data-cancel]{background:#e4e9de;color:#244b3d}@media(prefers-reduced-motion:reduce){.entry-front{transition:none}}

img.dog{object-fit:contain;background:transparent;border-radius:0;transform:none;display:block}