:root{--bg0:#ffffff;--bg1:#f4f4f4;--ink:#1a1f1e;--muted:#5a6562;--accent:#00473e;--accent-hover:#0a5c51;--cta:#bf5b28;--cta-hover:#a84e22;--accent-2:#bf5b28;--line:#e3e6e5;--card:#ffffff;--shadow:0 8px 24px rgba(0,71,62,0.07);--radius:4px;--radius-md:8px;--font-display:"IBM Plex Serif","Times New Roman",serif;--font-body:"IBM Plex Sans","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:linear-gradient(180deg,var(--bg0) 0,var(--bg1) 100%)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.shell{width:min(1200px,calc(100% - 2rem));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#ffffff;border-bottom:1px solid var(--line)}.site-header .inner{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:space-between;padding:.85rem 0}.brand{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.01em;color:var(--accent);font-weight:600}.brand:hover{color:var(--accent-hover)}.nav{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.nav a{font-weight:500}.btn,.field input,.field select,.field textarea,.nav select,button{font:inherit}.field input,.field select,.field textarea,.nav select{border:1px solid var(--line);background:#ffffff;border-radius:var(--radius);padding:.55rem .75rem;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus,.nav select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.btn,button{border:0;border-radius:var(--radius);padding:.6rem 1.15rem;background:var(--cta);color:#ffffff;cursor:pointer;font-weight:650;letter-spacing:.02em;transition:background .15s ease}.btn:hover,button:hover{background:var(--cta-hover);color:#ffffff}.btn.secondary,button.secondary{background:#ffffff;color:var(--accent);border:1px solid var(--accent);font-weight:560;letter-spacing:normal}.btn.secondary:hover,button.secondary:hover{background:rgba(0,71,62,.06);color:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}.hero{padding:2.2rem 0 1.2rem}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin:0 0 .5rem;max-width:16ch;line-height:1.05;color:var(--accent)}.hero p{color:var(--muted);max-width:52ch;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin:1rem 0 2rem}.section-title{font-family:var(--font-display);font-size:1.45rem;margin:1.8rem 0 .75rem;color:var(--accent)}.dog-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease}.dog-card:hover{transform:translateY(-2px);border-color:#c5ccd8;color:inherit}.dog-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--bg1)}.dog-card .meta{padding:.85rem 1rem 1rem}.dog-card .meta strong{display:block;margin-bottom:.2rem}.dog-card .meta span{color:var(--muted);font-size:.92rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem 1.1rem;box-shadow:var(--shadow)}.row{flex-wrap:wrap;gap:.75rem;align-items:flex-end}.field,.row{display:flex}.field{flex-direction:column;gap:.3rem;flex:1 1;min-width:140px}.field label{font-size:.85rem;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tabs a,.tabs button{background:#ffffff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.tabs a.active,.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dog-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:1.25rem;gap:1.25rem;margin:1.25rem 0 2rem}.dog-layout img.main{width:100%;border-radius:var(--radius-md);border:1px solid var(--line);aspect-ratio:1;object-fit:cover;background:var(--bg1)}.kv{display:grid;grid-gap:.45rem;gap:.45rem}.kv div{display:flex;gap:.5rem;flex-wrap:wrap}.kv b{min-width:9rem;color:var(--muted);font-weight:600}.pedigree{overflow:auto;max-width:100%}.ped-h-tree{display:inline-flex;min-width:max-content;padding:.35rem .25rem .75rem}.ped-h-branch{align-items:stretch}.ped-h-branch,.ped-h-card-wrap{display:flex;flex-direction:row}.ped-h-card-wrap{align-items:center;align-self:center;flex-shrink:0}.ped-h-link{width:14px;height:2px;background:var(--line);flex-shrink:0}.ped-h-parents{position:relative;display:flex;flex-direction:column;justify-content:space-around;gap:.55rem;padding-left:14px}.ped-h-rail{position:absolute;left:0;top:25%;bottom:25%;width:2px;background:var(--line)}.ped-h-parents>.ped-h-branch{position:relative}.ped-h-parents>.ped-h-branch:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:2px;background:var(--line);transform:translateY(-50%)}.ped-node{border:1px solid var(--line);border-radius:var(--radius-md);padding:.45rem .55rem;background:#ffffff;width:168px;min-height:56px;display:flex;gap:.45rem;align-items:center}.ped-node-hypo{border-style:dashed;background:var(--bg1)}.ped-node img{width:42px;height:42px;border-radius:var(--radius);object-fit:cover;flex-shrink:0}.ped-node-common{font-weight:650;box-shadow:inset 0 0 0 2px rgba(0,71,62,.1)}.ped-node-common-0{background:#fde2e2;border-color:#c45c5c}.ped-node-common-1{background:#ddebfa;border-color:#3b6ea5}.ped-node-common-2{background:#e3f4d7;border-color:#4f8a2d}.ped-node-common-3{background:#fff0c9;border-color:#c4921a}.ped-node-common-4{background:#ebe0f7;border-color:#6f4ea0}.ped-node-common-5{background:#d9f3f0;border-color:#2a8a80}.ped-node-common-6{background:#f8e0d0;border-color:#b86a32}.ped-node-common-7{background:#e4e7f5;border-color:#4a568c}.ped-common-legend{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}.ped-common-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid;border-radius:var(--radius);padding:.25rem .65rem;font-size:.85rem}.ped-common-chip em{font-style:normal;opacity:.75;font-size:.8rem}.coi-line{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.55rem}.coi-digital{font-family:var(--font-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.02em;color:var(--accent-2);background:rgba(191,91,40,.12);border:1px solid rgba(191,91,40,.4);border-radius:var(--radius);padding:.1rem .45rem}.ped-empty{border:1px dashed var(--line);border-radius:var(--radius-md);width:168px;min-height:56px;opacity:.55;background:rgba(244,245,247,.6);box-sizing:border-box}.ped-empty-add{display:inline-flex;align-items:center;justify-content:center;opacity:.85;color:var(--accent-2);font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.ped-empty-add:hover{opacity:1;background:rgba(191,91,40,.1);border-color:rgba(191,91,40,.5);color:var(--accent-2)}.kladr-field{position:relative;flex:1 1}.kladr-suggest{position:absolute;z-index:20;left:0;right:0;top:calc(100% - 2px);margin:0;padding:.25rem 0;list-style:none;background:#ffffff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);max-height:220px;overflow:auto}.kladr-suggest button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:.45rem .7rem;border-radius:0;font-weight:500}.kladr-suggest button:hover{background:rgba(0,71,62,.06);color:var(--accent)}.kennel-dog-wrap{display:flex;flex-direction:column;gap:.35rem}.kennel-unlink{align-self:flex-start;font-size:.85rem;padding:.25rem .55rem}.admin-tabs{margin-bottom:1rem}.admin-row{justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line)}.roles-layout{display:grid;grid-template-columns:minmax(200px,280px) 1fr;grid-gap:1.25rem;gap:1.25rem}.roles-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;margin-bottom:.4rem;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff;color:var(--ink);padding:.55rem .7rem;text-align:left}.roles-list-item.active{border-color:var(--accent);background:rgba(0,71,62,.08);color:var(--accent)}.roles-default{display:block;margin:.85rem 0 1rem}.perm-matrix{display:grid;grid-gap:1rem;gap:1rem}.perm-group h3{margin:0 0 .45rem;font-family:var(--font-display);font-size:1.05rem;color:var(--accent)}.perm-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.55rem;gap:.55rem;align-items:center;padding:.28rem 0;border-bottom:1px dashed var(--line);font-size:.95rem}.perm-row code{font-size:.75rem}@media (max-width:800px){.roles-layout{grid-template-columns:1fr}}.dog-suggest{position:relative;flex:1 1;min-width:220px}.dog-suggest-input-row{display:flex;gap:.4rem;align-items:center}.dog-suggest-input-row input{flex:1 1}.dog-suggest-selected{font-size:.8rem;margin-top:.25rem}.dog-suggest-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:#ffffff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);max-height:240px;overflow:auto;padding:.25rem}.dog-suggest-item{display:block;width:100%;text-align:left;border:0;border-radius:var(--radius);background:transparent;color:var(--ink);padding:.5rem .65rem}.dog-suggest-item:hover{background:rgba(0,71,62,.06);color:var(--accent)}.country-group details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:.7rem 1rem;margin-bottom:.7rem}.country-group summary{cursor:pointer;font-weight:650}.kennel-line{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid var(--line)}.muted{color:var(--muted)}.error{color:#9b2c2c}.success{color:var(--accent)}.site-footer{margin-top:2.5rem;background:var(--bg1);border-top:1px solid var(--line)}.footer{padding:2rem 0 2.5rem;color:var(--muted);font-size:.9rem}@media (max-width:800px){.dog-layout{grid-template-columns:1fr}.brand{font-size:1.35rem}}