:root{--paper:#EDF1EA;--card:#FAFBF8;--ink:#1E2721;--muted:#5D6B62;--line:#CFD8CF;--stamp:#5A3D8A;--stamp-soft:#E6DEF2;--warn:#A8620A;--warn-soft:#F5E6CC;--bad:#A3322A;--bad-soft:#F4D9D5;--ok:#2F6B45;--ok-soft:#D8EADC;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#161B18;--card:#1F2621;--ink:#E6ECE7;--muted:#9AA89F;--line:#34403A;--stamp:#B9A2E3;--stamp-soft:#2E2640;--warn:#E3A857;--warn-soft:#3A2E1A;--bad:#E48A80;--bad-soft:#3D2220;--ok:#7FC495;--ok-soft:#1D3325;color-scheme:dark}}:root[data-theme=dark]{--paper:#161B18;--card:#1F2621;--ink:#E6ECE7;--muted:#9AA89F;--line:#34403A;--stamp:#B9A2E3;--stamp-soft:#2E2640;--warn:#E3A857;--warn-soft:#3A2E1A;--bad:#E48A80;--bad-soft:#3D2220;--ok:#7FC495;--ok-soft:#1D3325;color-scheme:dark}*,*:before,*:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Manrope,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1040px;margin:0 auto;padding:28px 20px 60px}h1{font:700 clamp(40px,8vw,72px)/1 Unbounded,Manrope,sans-serif;margin:0;letter-spacing:-.02em}h2{font:500 20px/1.3 Unbounded,Manrope,sans-serif;margin:0 0 12px}.lead{color:var(--muted);margin:8px 0 28px;max-width:60ch}section{margin-top:36px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500;color:var(--muted);font-size:14px}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--stamp-soft)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:500;white-space:nowrap}.p-ok{background:var(--ok-soft);color:var(--ok)}.p-warn{background:var(--warn-soft);color:var(--warn)}.p-bad{background:var(--bad-soft);color:var(--bad)}.p-none{background:transparent;color:var(--muted);border:1px dashed var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.dog{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.dog:hover{border-color:var(--stamp)}.dog:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--stamp);outline-offset:2px}.ph{aspect-ratio:4/3;background:var(--stamp-soft);display:flex;align-items:center;justify-content:center;font:700 44px Unbounded,sans-serif;color:var(--stamp);overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover;display:block}.dog .body{padding:12px 14px 14px}.dog .nm{font:500 18px/1.2 Unbounded,sans-serif}.dog .meta{color:var(--muted);font-size:14px;margin-top:4px}.weight{font-variant-numeric:tabular-nums}.families{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.fam{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.node{font:500 15px Unbounded,sans-serif;background:var(--stamp-soft);color:var(--stamp);border:1px solid transparent;border-radius:10px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.node:hover{border-color:var(--stamp)}.node .role{font:400 12px Manrope,sans-serif;color:var(--muted)}.fam .kids{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.node.child{background:var(--paper);color:var(--ink);font-size:14px}dialog{border:1px solid var(--line);border-radius:16px;padding:0;background:var(--card);color:var(--ink);width:min(760px,calc(100vw - 20px));max-height:calc(100vh - 36px)}dialog::backdrop{background:#14181673}.dlg{padding:20px 22px 22px}.nav{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:14px}.nav .who{font-size:13px;color:var(--muted)}.nav .side{display:flex;gap:6px}.dlg-head{display:flex;gap:16px;align-items:center;margin-bottom:16px}.dlg-head .ph{width:104px;height:104px;aspect-ratio:auto;border-radius:12px;flex:none;font-size:34px}.dlg-head h2{font-size:26px;margin:0}.dlg-head .sub-line{color:var(--muted);font-size:14px;margin-top:4px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 14px}.fields .wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}input,select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:0;width:100%}textarea{min-height:110px;resize:vertical}.check{flex-direction:row;align-items:center;gap:8px}.check input{width:auto}.sub{margin-top:20px}.sub h3{font:500 16px Unbounded,sans-serif;margin:0 0 8px}.list{display:flex;flex-direction:column;gap:6px}.item{display:grid;grid-template-columns:130px 1fr auto;gap:10px;align-items:start;padding:8px 10px;background:var(--paper);border-radius:8px}.item .d{font-variant-numeric:tabular-nums;font-weight:500}.empty{color:var(--muted);font-size:14px}.adder{display:grid;grid-template-columns:150px 1fr auto;gap:8px;margin-top:8px}@media(max-width:560px){.adder,.item{grid-template-columns:1fr}}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 18px;margin-bottom:4px}.fact{font-size:15px}.fact .k{display:block;font-size:13px;color:var(--muted)}.feat{white-space:pre-wrap;margin-top:14px}.barcode{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.barcode img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px;border:1px solid var(--line);background:var(--card);color:var(--ink)}button.primary{background:var(--stamp);border-color:var(--stamp);color:var(--card)}button.arrow{padding:6px 12px;font-size:18px;line-height:1}button.x{padding:2px 8px;border:0;background:transparent;color:var(--muted);width:auto}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap;align-items:center}.actions .spacer{flex:1}.note{font-size:13px;color:var(--muted)}.localnote button{padding:4px 10px;font-size:13px}#gate{width:min(380px,calc(100vw - 20px))}.gate{display:flex;flex-direction:column;gap:12px;padding:22px}.gate h2{font:700 24px Unbounded,sans-serif;margin:0}.gate-lead{color:var(--muted);font-size:14px;margin:0}.gate-err{color:var(--bad);font-size:14px;margin:0;min-height:1.2em}.gate button{align-self:flex-start}@media(prefers-reduced-motion:reduce){*{transition:none!important}}