@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-cyrillic-400-normal-Ckz2YJkH.woff2) format("woff2"),url(/assets/pixelify-sans-cyrillic-400-normal-DfOZNMlW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-ext-400-normal-DdH6zlBQ.woff2) format("woff2"),url(/assets/pixelify-sans-latin-ext-400-normal-BkfTUL4s.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2) format("woff2"),url(/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-cyrillic-600-normal-BhqNJYOZ.woff2) format("woff2"),url(/assets/pixelify-sans-cyrillic-600-normal-B3EuUOZG.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-latin-ext-600-normal-Dha6RiOG.woff2) format("woff2"),url(/assets/pixelify-sans-latin-ext-600-normal-CDaIumwU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-latin-600-normal-Dd_Dy7u5.woff2) format("woff2"),url(/assets/pixelify-sans-latin-600-normal-BNlgYbDL.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #090c13;--bg-2: #0d111b;--bg-3: #121827;--bg-4: #182033;--line: #1c2333;--line-2: #283147;--text: #efe8d8;--muted: #8d94a7;--dim: #5b6276;--ball: #cdf24b;--ball-ink: #172000;--ball-soft: rgba(205, 242, 75, .1);--bark: #ff6a4d;--bark-soft: rgba(255, 106, 77, .12);--warn: #ffc95c;--lamp: #ffd36b;--pixel: "Pixelify Sans", ui-monospace, monospace;--sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 6px;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}:focus-visible{outline:2px solid var(--ball);outline-offset:2px}h1,h2,h3{margin:0;font-weight:600}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:12px}.wrap{overflow-wrap:anywhere}.faint{color:var(--dim)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;height:64px;padding:0 24px;background:#090c13e0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ball);text-decoration:none}.brand span{font-family:var(--pixel);font-size:24px;font-weight:600;letter-spacing:.08em;color:var(--text)}.tabs{display:flex;gap:4px}.tabs button{position:relative;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius);background:none;color:var(--muted);font-size:14px;font-weight:500}.tabs button:hover{color:var(--text);background:var(--bg-3)}.tabs button.active{color:var(--text);background:var(--bg-3);border-color:var(--line-2)}.tabs button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-14px;height:3px;background:var(--ball)}.tabs b{min-width:20px;height:18px;padding:0 5px;border-radius:3px;background:var(--bark);color:#1a0805;font:600 11px/18px var(--mono);text-align:center}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.feed{display:flex;align-items:center;gap:8px;margin-right:6px;color:var(--muted);font:12px var(--mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--bg-3);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:transform .08s,box-shadow .08s,background .15s}.btn.small{height:36px;padding:0 12px;font-size:13px}.btn.full{width:100%}.btn.primary{background:var(--ball);border-color:var(--ball);color:var(--ball-ink);box-shadow:3px 3px #5d7413}.btn.primary:hover:not(:disabled){background:#d9f86b}.btn.primary:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 #5d7413}.btn.outline{background:transparent}.btn.outline:hover:not(:disabled){border-color:var(--ball);color:var(--ball)}.btn.danger{background:var(--bark);border-color:var(--bark);color:#1a0805;box-shadow:3px 3px #8a2d1c}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2);color:var(--muted)}.icon-btn:hover:not(:disabled){color:var(--ball);border-color:var(--ball)}.address-line .icon-btn,.chip .icon-btn,.receipt-dl .icon-btn{width:26px;height:26px;border:0;background:none}.text-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;color:var(--muted);font:500 13px var(--mono)}.text-btn:hover{color:var(--ball)}.external{display:inline-flex;align-items:center;gap:6px;color:var(--ball);font:13px var(--mono);text-decoration:none}.external:hover{text-decoration:underline}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dot{display:inline-block;width:7px;height:7px;flex:none;background:var(--dim)}.dot.on{background:var(--ball);box-shadow:0 0 8px var(--ball);animation:blink 2.4s steps(2,jump-none) infinite}.dot.warn{background:var(--warn)}.dot.bark{background:var(--bark)}@keyframes blink{50%{opacity:.45}}.pill{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border:1px solid var(--line-2);border-radius:3px;color:var(--muted);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.pill.on{color:var(--ball);border-color:#cdf24b59;background:var(--ball-soft)}.pill.warn{color:var(--warn);border-color:#ffc95c59}.pill.bark{color:var(--bark);border-color:#ff6a4d66;background:var(--bark-soft)}.page{width:100%;max-width:1180px;margin:0 auto;padding:36px 24px 56px;flex:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{display:block;margin-bottom:8px;color:var(--muted);font:500 11px var(--mono);letter-spacing:.14em}.page-head h1{font-family:var(--pixel);font-size:clamp(34px,5vw,54px);font-weight:600;line-height:1;letter-spacing:.01em;outline:none}.error-banner{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;border:1px solid rgba(255,106,77,.4);border-radius:var(--radius);background:var(--bark-soft);color:var(--bark);font-size:14px}.error-banner button{margin-left:auto;border:0;background:none;color:var(--text);text-decoration:underline}.stage{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#06080f}.stage-meta,.stage-floor{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;color:var(--muted);font:12px var(--mono)}.stage-meta span:first-child{display:flex;align-items:center;gap:9px;color:var(--text)}.stage-floor{border-top:1px solid var(--line);background:var(--bg-2);letter-spacing:.04em}.yard-canvas{display:block;width:100%;height:290px;image-rendering:pixelated}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 40px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.metric{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 20px;border:0;border-right:1px solid var(--line);background:var(--bg-2);text-align:left}.metric:last-child{border-right:0}.metric span{color:var(--muted);font:12px var(--mono)}.metric strong{font-family:var(--mono);font-size:28px;font-weight:500;line-height:1;letter-spacing:-.02em}.metric strong small{font:12px var(--mono);color:var(--muted)}.metric strong .approx{margin-right:4px;font-size:18px}.metric strong.bark{color:var(--bark)}button.metric:hover{background:var(--bg-3)}.metric-go{position:absolute;top:16px;right:16px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.section-head h2{font-size:20px;font-weight:600}.section-head h2 span{margin-left:6px;color:var(--muted);font:13px var(--mono)}.inline-actions{display:flex;align-items:center;gap:8px}.pack{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px;margin-bottom:44px}.pack-list{display:flex;flex-direction:column;gap:8px}.pack-row{display:grid;grid-template-columns:26px 48px 1fr auto 14px;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);text-align:left}.pack-row:hover{border-color:var(--line-2);background:var(--bg-3)}.pack-row.selected{border-color:var(--ball);box-shadow:inset 3px 0 0 var(--ball);background:var(--bg-3)}.kennel-no{color:var(--dim);font:12px var(--mono)}.pack-sprite{width:48px;height:42px;image-rendering:pixelated}.pack-name{display:flex;flex-direction:column;min-width:0}.pack-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-name small{color:var(--muted);font:12px var(--mono)}.chev{color:var(--dim)}.pack-add{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1px dashed var(--line-2);border-radius:8px;background:none;color:var(--muted);font-size:14px}.pack-add:hover{color:var(--ball);border-color:var(--ball)}.dog-detail{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);min-width:0}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-head h3{font-family:var(--pixel);font-size:30px;line-height:1.1}.address-line{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:4px}.address-line code{color:var(--muted);font:13px var(--mono)}.address-line .external{margin-left:8px}.address-line.big{margin:4px 0 12px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-3)}.address-line.big code{color:var(--text);overflow-wrap:anywhere;flex:1}.balance-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.balance-line strong{font-family:var(--mono);font-size:34px;font-weight:500;line-height:1;letter-spacing:-.03em}.balance-line small{font:14px var(--mono);color:var(--muted)}.balance-chart{width:100%;height:120px;margin:6px 0}.policy-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}.policy-strip div{padding:10px 12px;background:var(--bg-3)}.policy-strip dt{color:var(--muted);font:11px var(--mono)}.policy-strip dd{margin:2px 0 0;font:500 13px var(--mono)}.policy-strip dd.bark{color:var(--bark)}.dog-reason{margin:4px 0 0;color:var(--muted);font-size:13px}.dog-reason.bark{color:var(--bark)}.records{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-2)}.record-head,.record-row{display:grid;grid-template-columns:minmax(170px,1.4fr) 1fr 1fr 1fr 16px;align-items:center;gap:12px;padding:0 18px}.record-head{height:40px;color:var(--dim);font:11px var(--mono);letter-spacing:.06em;border-bottom:1px solid var(--line)}.record-row{width:100%;min-height:62px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.record-row:last-child{border-bottom:0}.record-row:hover{background:var(--bg-3)}.record-event{display:flex;align-items:center;gap:12px;min-width:0}.record-event>span:last-child{display:flex;flex-direction:column;min-width:0}.record-event strong{font-size:14px}.record-event small{color:var(--muted);font:12px var(--mono)}.event-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--line-2);border-radius:4px;color:var(--muted)}.event-icon.in{color:var(--ball)}.event-icon.bark{color:var(--bark)}.record-amount{font:500 14px var(--mono)}.record-amount.in{color:var(--ball)}.record-amount.big{font-size:30px;letter-spacing:-.03em}.record-sig,.record-time{color:var(--muted);font:12px var(--mono)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;margin-bottom:40px;border:1px dashed var(--line-2);border-radius:10px;text-align:center}.empty.compact{padding:30px 20px;margin-bottom:0}.empty p{margin:0;color:var(--muted)}.empty h3{font-family:var(--pixel);font-size:24px}.empty .btn{margin-top:8px}.empty-dog{width:120px;height:84px}.pixel-loader{display:flex;gap:6px}.pixel-loader i{width:10px;height:10px;background:var(--ball);animation:hop .9s steps(2,jump-none) infinite}.pixel-loader i:nth-child(2){animation-delay:.15s}.pixel-loader i:nth-child(3){animation-delay:.3s}@keyframes hop{50%{transform:translateY(-8px)}}.promise{display:flex;align-items:center;gap:14px;margin-top:40px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(90deg,var(--ball-soft),transparent 60%);color:var(--ball)}.promise div{display:flex;flex-direction:column}.promise strong{color:var(--text);font-family:var(--pixel);font-size:18px}.promise span{color:var(--muted);font-size:13px}.promise .text-btn{margin-left:auto}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);overflow-x:auto}.segmented button{height:32px;padding:0 14px;border:0;border-radius:4px;background:none;color:var(--muted);font:500 12px var(--mono);white-space:nowrap}.segmented button.active{background:var(--ball);color:var(--ball-ink)}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;width:min(320px,100%);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);color:var(--muted)}.search input{flex:1;min-width:0;border:0;background:none;outline:none;font:13px var(--mono)}.data-note{margin:14px 0 0;color:var(--dim);font:12px var(--mono)}.bark-list{display:flex;flex-direction:column;gap:10px}.bark-row{display:grid;grid-template-columns:22px 1fr auto;gap:16px;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--bark);border-radius:8px;background:var(--bg-2)}.bark-row.reviewed{border-left-color:var(--line-2);opacity:.8}.bark-icon{margin-top:3px;color:var(--bark)}.bark-row.reviewed .bark-icon{color:var(--dim)}.bark-body{display:flex;flex-direction:column;gap:4px}.bark-body h3{font-size:16px}.bark-body p{margin:0;color:var(--muted);font-size:14px}.bark-amount{margin-top:4px;font:500 15px var(--mono)}.bark-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px}.guide{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:start}.guide nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px}.guide nav a{display:flex;gap:10px;padding:8px 10px;border-radius:4px;color:var(--muted);font-size:14px;text-decoration:none}.guide nav a span{color:var(--dim);font:12px/22px var(--mono)}.guide nav a:hover{background:var(--bg-3);color:var(--text)}.guide article{max-width:700px}.guide section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line)}.guide section:last-child{border-bottom:0}.section-no{display:block;margin-bottom:10px;color:var(--ball);font:500 11px var(--mono);letter-spacing:.14em}.guide h2{margin-bottom:14px;font-family:var(--pixel);font-size:28px;line-height:1.15}.guide p{color:#c9c3b5}.guide dl{margin:0 0 16px}.guide dt{margin-top:14px;font-weight:600}.guide dd{margin:4px 0 0;color:#c9c3b5}.guide-links{display:flex;gap:20px;flex-wrap:wrap}.guide .label{margin:16px 0 0;color:var(--muted);font:12px var(--mono)}.soon{display:inline-block;padding:10px 14px;border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--muted)!important;font:13px var(--mono)}.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid var(--line);background:var(--bg-2)}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--ball);font-size:13px}.footer-brand span:nth-child(2){color:var(--text);font-family:var(--pixel);font-size:16px}.footer-ids{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 4px 0 10px;border:1px solid var(--line-2);border-radius:4px;color:var(--text);font:12px var(--mono);text-decoration:none}.chip b{color:var(--ball);font-weight:500}.chip a{text-decoration:none}.chip.x{padding-right:10px}.chip.x:hover{border-color:var(--ball)}.toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:12px 18px;border:1px solid var(--ball);border-radius:var(--radius);background:var(--bg-3);box-shadow:4px 4px #00000080;font:13px var(--mono);animation:rise .2s ease-out}@keyframes rise{0%{transform:translate(-50%,8px);opacity:0}}dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:22px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-2);color:var(--text);box-shadow:6px 6px #0000008c}dialog.wide{width:min(720px,calc(100vw - 32px))}dialog::backdrop{background:#030509c7;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h2{font-family:var(--pixel);font-size:22px}.modal-copy{margin:0 0 16px;color:var(--muted);font-size:14px}dialog label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;color:var(--muted);font:12px var(--mono)}dialog input{height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg);color:var(--text);font:14px var(--mono)}dialog input:focus{outline:none;border-color:var(--ball)}dialog input:disabled{color:var(--muted)}.form-error{margin:10px 0;color:var(--bark);font-size:13px}dialog .data-note{margin:0 0 16px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dog-form{display:grid;grid-template-columns:250px 1fr;gap:22px}.dog-preview{display:flex;flex-direction:column;gap:10px}.preview-canvas{width:100%;height:130px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(#0a0f1b 70%,#0f1d16 70%)}.breed-picker{display:flex;flex-direction:column;gap:6px}.breed-picker button{display:flex;flex-direction:column;padding:8px 12px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg);text-align:left}.breed-picker button.active{border-color:var(--ball);background:var(--ball-soft)}.breed-picker strong{font-size:14px}.breed-picker small{color:var(--muted);font-size:12px}.receipt-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px}.receipt-dl{display:grid;grid-template-columns:150px 1fr;gap:0;margin:0 0 16px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.receipt-dl dt,.receipt-dl dd{margin:0;padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px}.receipt-dl dt{color:var(--muted);font-family:var(--mono);font-size:12px;background:var(--bg-3)}.receipt-dl dd{font-family:var(--mono)}.receipt-dl dt:nth-last-of-type(1),.receipt-dl dd:last-child{border-bottom:0}.intro{position:fixed;inset:0;z-index:100}.intro canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.intro-brand{position:absolute;top:26px;left:28px;display:flex;align-items:center;gap:12px;color:var(--ball);pointer-events:none}.intro-brand span{color:var(--text);font-family:var(--pixel);font-size:28px;font-weight:600;letter-spacing:.08em}.intro .skip{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--radius);background:#090c13b3;font:13px var(--mono)}.intro-caption{position:absolute;left:50%;bottom:9vh;transform:translate(-50%);color:var(--muted);font:500 12px var(--mono);letter-spacing:.3em;white-space:nowrap;pointer-events:none}@media(max-width:960px){.pack{grid-template-columns:1fr}.guide{grid-template-columns:1fr;gap:20px}.guide nav{position:static;flex-direction:row;overflow-x:auto}.guide nav a{white-space:nowrap}}@media(max-width:760px){body{font-size:14px}.topbar{gap:12px;padding:0 16px;background:var(--bg);backdrop-filter:none}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-around;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#0d111bf5;border-top:1px solid var(--line)}.tabs button{flex-direction:column;gap:2px;height:50px;padding:0 10px;font-size:11px}.tabs button.active:after{top:-7px;bottom:auto}.tabs b{position:absolute;top:2px;right:2px;min-width:16px;height:16px;line-height:16px}.hide-sm{display:none!important}.page{padding:24px 16px 100px}.page-head{align-items:flex-start;flex-direction:column}.yard-canvas{height:230px}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:22px;white-space:nowrap}.policy-strip{grid-template-columns:1fr 1fr}.record-head,.record-row{grid-template-columns:1fr auto 14px;padding:0 14px}.bark-row{grid-template-columns:20px 1fr}.bark-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.promise{flex-wrap:wrap}.promise .text-btn{margin-left:32px}.dog-form{grid-template-columns:1fr}.breed-picker{flex-direction:row}.breed-picker button{flex:1}.breed-picker small{display:none}.two-fields{grid-template-columns:1fr;gap:0}.receipt-dl{grid-template-columns:110px 1fr}.footer{padding-bottom:90px}.detail-head{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
