:root{--primary: #0c7d82;--primary-dark: #0c515c;--primary-soft: #dcf2f0;--brand-teal: #0d9a8f;--accent: #f28821;--accent-strong: #b8590a;--accent-text: #c4620c;--accent-soft: #fdebd8;--bg: #f6f8f8;--surface: #ffffff;--surface-2: #f4f8f8;--border: #dde7e8;--text: #12282d;--muted: #536173;--green: #15803d;--green-bg: #dcfce7;--blue: #1d4ed8;--blue-bg: #dbeafe;--amber: #b45309;--amber-bg: #fef3c7;--red: #b91c1c;--red-bg: #fee2e2;--gray: #475569;--gray-bg: #e2e8f0;--radius: 10px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);font-size:15px;line-height:1.45}@media (prefers-color-scheme: dark){:root{--primary: #2cc3b5;--primary-dark: #8fe1d9;--primary-soft: #0f3b40;--brand-teal: #2cc3b5;--accent: #f5a04a;--accent-strong: #f5a04a;--accent-text: #f5a04a;--accent-soft: #4a2a0c;--bg: #0b1416;--surface: #111d20;--surface-2: #18272b;--border: #2a3d42;--text: #e2ecee;--muted: #9db0b5;--green: #4ade80;--green-bg: #14532d;--blue: #93c5fd;--blue-bg: #1e3a8a;--amber: #fcd34d;--amber-bg: #78350f;--red: #fca5a5;--red-bg: #7f1d1d;--gray: #cbd5e1;--gray-bg: #334155}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2{color:var(--primary-dark)}h1{font-size:1.6rem;margin:0 0 1rem;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}h2{font-size:1.25rem}h3{font-size:1rem;margin:1.1rem 0 .5rem;display:flex;align-items:center;gap:.4rem}.card>h3:first-child{margin-top:0}.muted{color:var(--muted)}.small,small{font-size:.82rem}.pre{white-space:pre-wrap}.right{margin-left:auto}.spacer{flex:1}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-green{color:var(--green)}.error{color:var(--red);background:var(--red-bg);padding:.5rem .75rem;border-radius:8px}.success{color:var(--green);background:var(--green-bg);padding:.5rem .75rem;border-radius:8px}.help-text{color:var(--muted);font-size:.88rem;margin:.25rem 0 .75rem}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:transparent}input[type=checkbox]{width:auto;accent-color:var(--primary)}textarea{resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font:inherit;font-weight:600;cursor:pointer;background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:8px;padding:.5rem .95rem;text-decoration:none;white-space:nowrap}@media (prefers-color-scheme: dark){.btn{color:#042f2e}}.btn:hover{filter:brightness(1.07);text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;color:var(--primary);border-color:var(--border)}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.danger.ghost{background:transparent;color:var(--red);border-color:var(--border)}.btn.sm{padding:.35rem .7rem;font-size:.85rem}.btn.xs{padding:.15rem .5rem;font-size:.78rem;border-radius:6px}.btn.lg{padding:.75rem 1.3rem;font-size:1.05rem}.btn.block{width:100%}.icon-btn{background:none;border:0;font-size:1.2rem;cursor:pointer;color:var(--text);padding:.25rem .5rem}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.76rem;font-weight:600;white-space:nowrap}.badge.green,.pill.green{background:var(--green-bg);color:var(--green)}.badge.blue,.pill.blue{background:var(--blue-bg);color:var(--blue)}.badge.amber,.pill.amber{background:var(--amber-bg);color:var(--amber)}.badge.red,.pill.red{background:var(--red-bg);color:var(--red)}.badge.gray{background:var(--gray-bg);color:var(--gray)}.pill{display:inline-block;padding:.2rem .6rem;margin:0 .3rem .3rem 0;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.82rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);margin-bottom:1rem}.card.narrow{max-width:460px}.staff{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:1rem .6rem;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:.55rem;align-items:center;font-weight:800;font-size:1.05rem;color:var(--primary-dark);padding:.25rem .4rem 1rem;line-height:1.2}.brand img,.pub-brand img{width:40px;height:40px;border-radius:10px;flex-shrink:0}.logo-tile{background:#fff;border-radius:12px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{color:var(--text);padding:.5rem .7rem;border-radius:8px;font-size:.93rem}.sidebar nav a:hover{background:var(--surface-2);text-decoration:none}.sidebar nav a.router-link-active:not([href="/staff"]),.sidebar nav a.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.sidebar hr{border:0;border-top:1px solid var(--border);width:100%}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar .user{font-size:.9rem}.menu-btn{display:none}.content{padding:1.25rem;max-width:1500px;width:100%}@media (max-width: 900px){.sidebar{position:fixed;left:-260px;z-index:50;transition:left .2s;box-shadow:var(--shadow)}.nav-open .sidebar{left:0}.menu-btn{display:block}.topbar .user,.topbar .new-animal{display:none}.topbar{gap:.4rem;padding:.5rem .75rem}.content{padding:1rem}}.quick-search{position:relative;flex:1;max-width:520px}.qs-results{position:absolute;top:110%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #00000026;z-index:40;max-height:70vh;overflow:auto}.qs-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.5rem .8rem .2rem}.qs-item{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .8rem;cursor:pointer;color:var(--text)}.qs-item:hover{background:var(--surface-2);text-decoration:none}.pad{padding:.8rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.toolbar>select,.toolbar>input:not(.search){width:auto}.toolbar .search{max-width:320px}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px;font-size:.85rem;cursor:pointer;background:var(--surface);-webkit-user-select:none;user-select:none}.chip input{display:none}.chip.on{background:var(--primary-soft);border-color:var(--chip, var(--primary));color:var(--primary-dark);font-weight:600}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{background:var(--surface);border:0;padding:.35rem .7rem;font:inherit;font-size:.85rem;cursor:pointer;color:var(--text)}.seg button.active{background:var(--primary);color:#fff}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:.6rem .85rem;font:inherit;font-size:.92rem;cursor:pointer;color:var(--muted);white-space:nowrap}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);padding:.55rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:.55rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:top}.table td.wrap{white-space:normal;min-width:220px}.table tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--surface-2)}.table td.danger,.table td.overdue{color:var(--red);font-weight:600}.table td.soon{color:var(--amber);font-weight:600}.table td.actions{text-align:right}.table td.actions .btn{margin-left:.25rem}.table td.empty{text-align:center;padding:1.5rem}.table.num td{text-align:right}.table.num th:first-child,.table.num td:first-child{text-align:left}.resource+h3{margin-top:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem 1rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.2rem}.field.full,.check.full{grid-column:1 / -1}.lbl{font-size:.82rem;font-weight:600;color:var(--muted)}.req{color:var(--accent-strong);margin-left:2px}.help{color:var(--muted);font-size:.76rem}.check{display:flex;align-items:center;gap:.45rem;font-size:.92rem;cursor:pointer;padding-top:1.2rem}.form-grid .check{padding-top:1.35rem}fieldset.multi{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.3rem 1.1rem}fieldset.multi legend{margin-bottom:.3rem}fieldset.multi .check{padding-top:0}.form-section h3{color:var(--primary)}.section-nav{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;position:sticky;top:56px;z-index:5;background:var(--bg);padding:.4rem 0}.section-nav a{font-size:.8rem;padding:.25rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.form-section{scroll-margin-top:110px}.sticky-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem;background:var(--surface);border-top:1px solid var(--border);margin:0 -1.25rem}.form-actions{margin-top:1rem}.upload-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center}.upload-row>*{width:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:100;overflow-y:auto}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:520px;box-shadow:0 20px 50px #0000004d}.modal.wide{max-width:860px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:1rem 1.2rem}.modal-foot{display:flex;gap:.5rem;padding:.8rem 1.2rem;border-top:1px solid var(--border)}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;display:flex;flex-direction:column;box-shadow:var(--shadow);color:var(--text)}.stat b{font-size:1.5rem}.stat span{color:var(--muted);font-size:.82rem}a.stat:hover{border-color:var(--primary);text-decoration:none}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1rem}@media (max-width: 520px){.grid-2{grid-template-columns:1fr}}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:.4rem;padding:.42rem 0;border-bottom:1px solid var(--border);font-size:.9rem;flex-wrap:wrap}.list li:last-child{border-bottom:0}.bar-row{display:flex;align-items:center;gap:.6rem;margin:.3rem 0;font-size:.88rem}.bar-label{width:150px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{flex:1;height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.bar span{display:block;height:100%;background:var(--primary);border-radius:999px}.inline-select{width:auto;font-size:1rem}.animal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem}.animal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text);box-shadow:var(--shadow);display:flex;flex-direction:column}.animal-card:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-1px)}.animal-card .photo,.pet-card .photo{aspect-ratio:4/3;background:var(--surface-2) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative}.animal-card .body{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem}.animal-card .row{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.flags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.flag{font-size:.75rem;background:var(--surface-2);border-radius:6px;padding:0 .3rem}.profile-head{display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}.profile-photo{width:150px;height:150px;border-radius:14px;background:var(--surface-2) center/cover no-repeat;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;flex-shrink:0}.profile-photo.person{width:96px;height:96px;font-size:3rem;border-radius:50%}.photo-upload{position:absolute;bottom:6px;right:6px;background:var(--surface);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;box-shadow:var(--shadow)}.profile-info{flex:1;min-width:280px}.profile-info h1{margin-bottom:.3rem}.facts{margin:0 0 .5rem;color:var(--muted)}.profile-actions{display:flex;flex-direction:column;gap:.4rem;min-width:170px}.status-select{font-weight:700}.status-select.green{background:var(--green-bg);color:var(--green)}.status-select.blue{background:var(--blue-bg);color:var(--blue)}.status-select.amber{background:var(--amber-bg);color:var(--amber)}.status-select.red{background:var(--red-bg);color:var(--red)}.overview{columns:2 380px;column-gap:1rem}.overview .card{break-inside:avoid}dl{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0;font-size:.9rem}dt{color:var(--muted)}dd{margin:0}.chart-card{padding:.5rem}.weight-chart{width:100%;height:170px}.weight-chart text{fill:var(--muted)}.month-label{min-width:150px;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--border);gap:1px}.cal-dow{background:var(--surface-2);padding:.35rem;font-size:.75rem;text-transform:uppercase;color:var(--muted);text-align:center}.cal-day{background:var(--surface);min-height:110px;padding:.3rem;display:flex;flex-direction:column;gap:2px;min-width:0}.cal-day.other{opacity:.5}.cal-day.today{box-shadow:inset 0 0 0 2px var(--primary)}.cal-num{font-size:.8rem;font-weight:700;color:var(--muted)}.cal-item{font-size:.74rem;border-left:3px solid;padding:1px 4px;background:var(--surface-2);border-radius:3px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-item{display:flex;gap:.75rem;padding:.5rem .75rem;border-left:4px solid;background:var(--surface);margin-bottom:.3rem;border-radius:6px;color:var(--text)}.agenda-type{font-weight:600;font-size:.8rem;min-width:130px}@media (max-width: 700px){.cal-day{min-height:70px}.cal-item{font-size:.65rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(160deg,var(--primary-soft),var(--bg) 55%,var(--accent-soft))}.login-logo{width:220px;max-width:100%;height:auto;align-self:center;border-radius:14px}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:.75rem}.login-card h1{margin:0}.public{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.pub-header{display:flex;align-items:center;gap:1rem;padding:.8rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.pub-brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.15rem;color:var(--primary-dark)}.pub-brand:hover{text-decoration:none}.pub-header{border-bottom:3px solid var(--brand-teal)}.pub-header nav{display:flex;align-items:center;gap:1.1rem;margin-left:auto}.pub-header nav a:not(.btn){color:var(--text);font-weight:500}.pub-header nav a.router-link-active:not(.btn){color:var(--primary)}.donate-btn{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff!important}@media (prefers-color-scheme: dark){.donate-btn{color:#2a1503!important}.logo-tile,.brand img,.pub-brand img,.hero-logo{background:#fff}}.pub-menu{display:none;margin-left:auto}@media (max-width: 860px){.pub-menu{display:block}.pub-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--surface);padding:1rem;border-bottom:1px solid var(--border);gap:.6rem}.pub-header nav.open{display:flex}}.pub-main{flex:1}.pub-section{max-width:1150px;margin:0 auto;padding:2rem 1.25rem}.lead{font-size:1.05rem;color:var(--muted);max-width:760px}.hero{padding:3rem 1.25rem;background:linear-gradient(180deg,var(--surface) 0%,var(--primary-soft) 100%);border-bottom:1px solid var(--border)}.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,400px) 1fr;gap:2.5rem;align-items:center}.hero-logo{width:100%;max-width:380px;height:auto;aspect-ratio:1 / 1;object-fit:contain;border-radius:20px;background:#fff;justify-self:center}.hero-logo.wide{aspect-ratio:640 / 496;max-width:420px}.hero h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.1;margin-bottom:.6rem;display:block}.hero h1 .accent-text{color:var(--accent-text)}.hero p{font-size:1.15rem;color:var(--muted);margin:0}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.hero .btn.donate{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.hero-stat{margin-top:1.25rem!important;font-size:1rem!important;font-weight:600;color:var(--primary-dark)!important}@media (max-width: 760px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:1.25rem}.hero-logo{max-width:260px;margin:0 auto}.hero-actions{justify-content:center}}@media (prefers-color-scheme: dark){.hero .btn.donate{color:#2a1503}}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;margin:1rem 0 1.5rem}.pet-card{background:var(--surface);border-radius:14px;overflow:hidden;color:var(--text);box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .15s}.pet-card:hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 8px 24px #0000001f}.pet-card .body{padding:.75rem .9rem 1rem;display:flex;flex-direction:column;gap:.2rem}.pet-card .body b{font-size:1.15rem}.pet-card .body small{color:var(--muted)}.pet-card .bonded{color:var(--accent-strong)!important}.ribbon{position:absolute;top:10px;left:10px;background:var(--accent-strong);color:#fff;font-style:normal;font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:6px}.ribbon.blue{background:var(--primary)}.pub-filters>*{width:auto}.pub-filters input{min-width:240px}.ways{text-align:center}.way-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.way{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem;color:var(--text)}.way span{font-size:2rem}.way small{color:var(--muted)}.way:hover{border-color:var(--accent);text-decoration:none}.way b{color:var(--primary-dark)}.pet-layout{display:grid;grid-template-columns:minmax(280px,1fr) 1.2fr;gap:2rem;margin:1rem 0 1.5rem}@media (max-width: 760px){.pet-layout{grid-template-columns:1fr}}.pet-photo{aspect-ratio:1;border-radius:18px;background:var(--surface-2) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:6rem}.big{font-size:1.1rem;color:var(--muted)}.notice{background:var(--amber-bg);color:var(--amber);padding:.6rem .8rem;border-radius:8px}.pet-facts{margin:1rem 0;font-size:.95rem}.fee{font-size:1.1rem}.pet-page .btn{margin:0 .5rem .5rem 0}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.form-page{max-width:860px}.pet-mini{display:flex;gap:.8rem;align-items:center;background:var(--surface);padding:.6rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1rem}.pet-mini .photo{width:64px;height:64px;border-radius:10px;background:var(--surface-2) center/cover;display:flex;align-items:center;justify-content:center;font-size:2rem}.terms{white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.8rem;max-height:220px;overflow-y:auto;font-size:.9rem;margin-bottom:.6rem}.thanks{text-align:center;padding:2.5rem 1.5rem}.thanks h1{justify-content:center}.amounts{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin:1rem 0}.amount{font:inherit;font-size:1.1rem;font-weight:700;padding:.7rem 1.2rem;border-radius:10px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.amount.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.amounts .field{width:150px}.big-seg button{padding:.6rem 1rem;font-size:.95rem}.event{display:flex;gap:1.25rem}.event h3{margin-top:0}.event-date{min-width:70px;height:70px;background:var(--primary);border-bottom:4px solid var(--accent);color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-date b{font-size:1.6rem;line-height:1}.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.wish .row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.wish h3{margin:0}.progress{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:.6rem 0 .3rem;border:1px solid var(--border)}.progress span{display:block;height:100%;background:var(--primary)}.wish-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.8rem}.pub-footer{background:#0c515c;color:#e6f4f3;border-top:4px solid var(--accent);font-size:.92rem;margin-top:2rem}.pub-footer a{color:#fff}.pub-footer a:hover{color:#ffd2a6}.foot-grid{max-width:1150px;margin:0 auto;padding:2.5rem 1.25rem 1.5rem;display:grid;grid-template-columns:1.4fr 1.3fr 1fr 1fr;gap:2rem}.foot-brand p{margin:.6rem 0 1rem;color:#cfe8e6;max-width:300px}.foot-logo{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.2rem;text-decoration:none}.foot-logo:hover{text-decoration:none;color:#fff!important}.foot-logo img{width:56px;height:56px;border-radius:14px;background:#fff;padding:3px}.pub-footer h2{color:#ffd2a6;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:.3rem 0 .8rem}.pub-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.foot-bottom{max-width:1150px;margin:0 auto;padding:1rem 1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-size:.84rem;color:#cfe8e6}.foot-links{display:flex;gap:1.1rem;flex-wrap:wrap}@media (max-width: 860px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1}}@media (max-width: 480px){.foot-grid{grid-template-columns:1fr;gap:1.5rem}.foot-bottom{flex-direction:column}}.print-page{max-width:820px;margin:0 auto;padding:1rem;background:#fff;color:#000}.kennel-card{border:2px solid #000;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;background:#fff;color:#000}.kennel-card .table th{background:#f1f5f9;color:#000}.kc-head{display:flex;gap:1rem;align-items:center}.kc-head h1{font-size:2.2rem;margin:0}.kc-photo{width:130px;height:130px;border-radius:10px;background:#eee center/cover;display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0}.kc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem 1rem;margin:1rem 0;font-size:.92rem}.kc-grid b{display:block;font-size:.72rem;text-transform:uppercase;color:#555}.kc-box{border:1px solid #999;border-radius:6px;padding:.45rem .6rem;margin:.4rem 0;font-size:.9rem}.bio{font-style:italic}@media print{.no-print,.sidebar,.topbar,.toolbar,.tabs,.modal-head,.modal-foot,.pub-header,.pub-footer{display:none!important}body,:root{background:#fff!important;color:#000!important}.modal-backdrop{position:static;background:none;padding:0}.modal{box-shadow:none}.content{padding:0}.page-break{page-break-before:always}.table-wrap{box-shadow:none;border:0}}.logo-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.logo-preview{width:110px;height:110px;object-fit:contain;border:1px solid var(--border);border-radius:14px;background:#fff}.color-row{display:flex;gap:.5rem}.color-row input[type=color]{width:52px;padding:2px;height:40px}.brand-preview{--pv-primary: #0c7d82}.pv-header{display:flex;align-items:center;gap:.5rem;padding:.6rem;border-bottom:3px solid var(--pv-primary);background:#fff;color:#12282d;border-radius:8px}.pv-header img{width:34px;height:34px;object-fit:contain;border-radius:8px}.pv-donate{margin-left:auto;background:var(--pv-accent);color:#fff;padding:.3rem .7rem;border-radius:8px;font-weight:600;font-size:.85rem}.pv-h{color:var(--pv-dark)}.pv-h span{color:var(--pv-accent-text)}.pv-btn{display:inline-block;background:var(--pv-primary);color:#fff;padding:.5rem .9rem;border-radius:8px;font-weight:600}.brand-preview a{color:var(--pv-primary)}.snippet{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;background:var(--surface-2);margin:.5rem 0}.widget-actions{display:flex;gap:.5rem}.widget-preview{width:100%;height:520px;border:1px solid var(--border);border-radius:10px;margin-top:.75rem;background:var(--bg)}html.embedded body,html.embedded .embed-root{background:transparent}.embed-root .pub-section{padding:1rem .5rem;max-width:none}.embed-powered{text-align:center;font-size:.75rem;color:var(--muted);margin:.5rem 0 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.feature span{font-size:1.8rem}.feature h3{color:var(--primary-dark);margin:.4rem 0}.feature p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}@media (max-width: 800px){.split{grid-template-columns:1fr}}.checks{list-style:none;padding:0}.checks li{padding:.3rem 0}.checks li:before{content:"✓ ";color:var(--primary);font-weight:800}.code-sample{background:#0c515c;color:#e6f4f3;padding:1.2rem;border-radius:14px;overflow-x:auto;font-size:.88rem;border-bottom:4px solid var(--accent)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.steps p{color:var(--muted);margin:.3rem 0 0}.slug-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding-right:.6rem}.slug-input input{border:0}.slug-input span{color:var(--muted);white-space:nowrap}.pub-section.wide{max-width:1400px}.status-card{text-align:center}.status-card .btn{align-self:center}.pricing{display:flex;justify-content:center}.price-card{max-width:420px;width:100%;border-top:4px solid var(--accent)}.price-card .price{font-size:1.1rem}.price-card .price b{font-size:2.2rem;color:var(--primary-dark)}.faq details{margin-bottom:.6rem;cursor:pointer}.faq summary{font-weight:600;color:var(--primary-dark)}.faq details p{color:var(--muted);margin:.6rem 0 0}.signin-box{max-width:640px;margin:0 auto;text-align:center}.slug-go{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.slug-go .slug-input{max-width:380px;flex:1}.domain-form{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}.domain-form .field{flex:1;min-width:240px}.domain-line{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:1.05rem}.domain-steps li{margin-bottom:.8rem}.domain-steps code,.help-guide code{background:var(--surface-2);padding:.05rem .3rem;border-radius:4px;word-break:break-all}.help-guide{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start}.help-toc{position:sticky;top:80px;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.help-body section{scroll-margin-top:80px}.help-body h2{margin-top:0}.help-body li{margin-bottom:.45rem}.code-block{background:#0c515c;color:#e6f4f3;padding:1rem;border-radius:10px;overflow-x:auto;font-size:.85rem;white-space:pre-wrap;word-break:break-all}.help-table td{white-space:normal}.help-table td:first-child{white-space:nowrap}.checklist{list-style:none;padding:0}.checklist li{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.checklist .tick{width:1.4rem;text-align:center;font-weight:800;color:var(--muted)}.checklist li.done .tick{color:var(--green)}.checklist li.done span:last-of-type{color:var(--muted);text-decoration:line-through}.checklist .btn{margin-left:auto}.help-body details{border-top:1px solid var(--border);padding:.6rem 0}.help-body summary{cursor:pointer;font-weight:600}@media (max-width: 800px){.help-guide{grid-template-columns:1fr}.help-toc{position:static}}.code-block code,.code-sample code{background:none;padding:0;color:inherit}
