:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#ececee;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#e4e4e7;--line:#e4e4e7;--text:#18181b;--muted:#71717a;--accent:#18181b;--accent-text:#fff;--danger-bg:#fff1f2;--danger:#9f1239;--warn-bg:#fffbeb;--warn:#92400e;--info-bg:#eff6ff;--info:#1e40af;--ok-bg:#f0fdf4;--ok:#166534;--focus:#2563eb;--c-recv:#0f766e;--c-recv-bg:#ccfbf1;--c-done:#2563eb;--c-done-bg:#dbeafe;--c-owed:#b45309;--c-owed-bg:#fef3c7;--wa:#25d366;--wa-text:#052e14;--brand:#f2802e;--brand-ink:#3a2412;--primary:#f2802e;--primary-text:#3a2412;--paws-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='%23166534' fill-opacity='.13'%3E%3Cg transform='translate(4 4) rotate(-22 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3Cg transform='translate(30 28) rotate(18 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--paws-danger:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='%239f1239' fill-opacity='.1'%3E%3Cg transform='translate(4 4) rotate(-22 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3Cg transform='translate(30 28) rotate(18 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--paw-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg transform='translate(18 20) scale(1.1) rotate(-20 12 12)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6' transform='rotate(-18 5.2 10.6)'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7' transform='rotate(-6 9.4 6.4)'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7' transform='rotate(6 14.6 6.4)'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6' transform='rotate(18 18.8 10.6)'/%3E%3C/g%3E%3Cg transform='translate(118 34) scale(1) rotate(32 12 12)'%3E%3Crect x='5' y='10' width='14' height='4' rx='1'/%3E%3Ccircle cx='5.2' cy='9.3' r='2.8'/%3E%3Ccircle cx='5.2' cy='14.7' r='2.8'/%3E%3Ccircle cx='18.8' cy='9.3' r='2.8'/%3E%3Ccircle cx='18.8' cy='14.7' r='2.8'/%3E%3C/g%3E%3Cg transform='translate(214 14) scale(1.25) rotate(-8 12 12)'%3E%3Cellipse cx='4.8' cy='10.5' rx='3' ry='6' transform='rotate(18 4.8 10.5)'/%3E%3Cellipse cx='19.2' cy='10.5' rx='3' ry='6' transform='rotate(-18 19.2 10.5)'/%3E%3Cpath fill-rule='evenodd' d='M5.2 12.4a6.8 7.8 0 1 0 13.6 0a6.8 7.8 0 1 0 -13.6 0ZM8.3 10.6a1.1 1.2 0 1 0 2.2 0a1.1 1.2 0 1 0 -2.2 0ZM13.5 10.6a1.1 1.2 0 1 0 2.2 0a1.1 1.2 0 1 0 -2.2 0ZM10 15.4a2 1.4 0 1 0 4 0a2 1.4 0 1 0 -4 0Z'/%3E%3C/g%3E%3Cg transform='translate(272 104) scale(0.85) rotate(24 12 12)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6' transform='rotate(-18 5.2 10.6)'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7' transform='rotate(-6 9.4 6.4)'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7' transform='rotate(6 14.6 6.4)'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6' transform='rotate(18 18.8 10.6)'/%3E%3C/g%3E%3Cg transform='translate(52 120) scale(1.2) rotate(6 12 12)'%3E%3Cpath d='M4.2 11.5 5.2 2.6 11 7.2Z'/%3E%3Cpath d='M19.8 11.5 18.8 2.6 13 7.2Z'/%3E%3Cpath fill-rule='evenodd' d='M3.5 14a8.5 7.5 0 1 0 17 0a8.5 7.5 0 1 0 -17 0ZM7.6 13a1.2 1.6 0 1 0 2.4 0a1.2 1.6 0 1 0 -2.4 0ZM14 13a1.2 1.6 0 1 0 2.4 0a1.2 1.6 0 1 0 -2.4 0ZM10.8 16.3h2.4L12 17.7Z'/%3E%3C/g%3E%3Cg transform='translate(168 140) scale(1) rotate(-34 12 12)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6' transform='rotate(-18 5.2 10.6)'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7' transform='rotate(-6 9.4 6.4)'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7' transform='rotate(6 14.6 6.4)'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6' transform='rotate(18 18.8 10.6)'/%3E%3C/g%3E%3Cg transform='translate(246 214) scale(0.95) rotate(-26 12 12)'%3E%3Crect x='5' y='10' width='14' height='4' rx='1'/%3E%3Ccircle cx='5.2' cy='9.3' r='2.8'/%3E%3Ccircle cx='5.2' cy='14.7' r='2.8'/%3E%3Ccircle cx='18.8' cy='9.3' r='2.8'/%3E%3Ccircle cx='18.8' cy='14.7' r='2.8'/%3E%3C/g%3E%3Cg transform='translate(26 244) scale(0.9) rotate(14 12 12)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6' transform='rotate(-18 5.2 10.6)'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7' transform='rotate(-6 9.4 6.4)'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7' transform='rotate(6 14.6 6.4)'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6' transform='rotate(18 18.8 10.6)'/%3E%3C/g%3E%3Cg transform='translate(124 262) scale(0.75) rotate(40 12 12)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6' transform='rotate(-18 5.2 10.6)'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7' transform='rotate(-6 9.4 6.4)'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7' transform='rotate(6 14.6 6.4)'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6' transform='rotate(18 18.8 10.6)'/%3E%3C/g%3E%3Cg transform='translate(186 236) scale(0.7) rotate(-10 12 12)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6' transform='rotate(-18 5.2 10.6)'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7' transform='rotate(-6 9.4 6.4)'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7' transform='rotate(6 14.6 6.4)'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6' transform='rotate(18 18.8 10.6)'/%3E%3C/g%3E%3C/svg%3E");--paw-ink:#18181b0f;--radius:14px;--radius-sm:11px;--shadow:0 10px 30px #0000001f;--tap:44px;--menu-w:248px;--hc-0:#2563eb;--hc-1:#db2777;--hc-2:#059669;--hc-3:#d97706;--hc-4:#7c3aed;--hc-5:#0891b2;--hc-6:#dc2626;--hc-7:#65a30d;--hc-8:#c026d3;--hc-9:#0d9488;--hc-10:#ea580c;--hc-11:#4f46e5;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#09090b;--surface:#18181b;--surface-2:#232327;--surface-3:#2e2e33;--line:#2e2e33;--text:#f4f4f5;--muted:#a1a1aa;--accent:#f4f4f5;--accent-text:#18181b;--danger-bg:#3b0d1a;--danger:#fda4af;--warn-bg:#3a2606;--warn:#fcd34d;--info-bg:#10203f;--info:#93c5fd;--ok-bg:#0b2a17;--ok:#86efac;--focus:#60a5fa;--c-recv:#2dd4bf;--c-recv-bg:#0b3330;--c-done:#60a5fa;--c-done-bg:#10233f;--c-owed:#fbbf24;--c-owed-bg:#36270a;--shadow:0 10px 30px #00000080;--paw-ink:#f4f4f50d;--brand-ink:#ffd9b8;--paws-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='%2386efac' fill-opacity='.12'%3E%3Cg transform='translate(4 4) rotate(-22 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3Cg transform='translate(30 28) rotate(18 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--paws-danger:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='%23fda4af' fill-opacity='.1'%3E%3Cg transform='translate(4 4) rotate(-22 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3Cg transform='translate(30 28) rotate(18 12 12) scale(.7)'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.6'/%3E%3Cellipse cx='5.2' cy='10.6' rx='2.1' ry='2.6'/%3E%3Cellipse cx='9.4' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='14.6' cy='6.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='18.8' cy='10.6' rx='2.1' ry='2.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--hc-0:#60a5fa;--hc-1:#f472b6;--hc-2:#34d399;--hc-3:#fbbf24;--hc-4:#a78bfa;--hc-5:#22d3ee;--hc-6:#f87171;--hc-7:#a3e635;--hc-8:#e879f9;--hc-9:#2dd4bf;--hc-10:#fb923c;--hc-11:#818cf8}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.4;overflow-x:hidden}a{color:inherit}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}p{margin:8px 0}img{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.icon{vertical-align:-.2em;flex-shrink:0;width:1.25em;height:1.25em}.banner .icon{width:18px;height:18px;margin-top:1px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{min-height:100dvh}.menu{width:min(86vw, var(--menu-w));z-index:40;background:var(--surface);border-right:1px solid var(--line);padding:max(14px, env(safe-area-inset-top)) 12px 14px;flex-direction:column;gap:4px;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%)}.menu[data-open=true]{box-shadow:var(--shadow);transform:none}.menu-scrim{z-index:39;background:#00000059;border:0;padding:0;position:fixed;inset:0}.menu a.item,.menu button.item{min-height:var(--tap);border-radius:var(--radius-sm);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.menu a.item[aria-current=page]{background:var(--accent);color:var(--accent-text)}.menu a.item:hover:not([aria-current=page]){background:var(--surface-2)}.menu .brand{font:inherit;min-height:var(--tap);width:100%;color:inherit;cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:17px;font-weight:700;display:flex}.menu .brand:hover{background:var(--surface-2)}.menu .brand .chev{color:var(--muted);transition:transform .15s;display:inline-flex}.menu .brand[aria-expanded=true] .chev{transform:rotate(180deg)}.menu .switcher{border-left:2px solid var(--line);flex-direction:column;gap:2px;margin:0 0 6px 12px;padding-left:8px;display:flex}.menu .switcher .item{color:var(--muted);font-size:14px}.biz-icon{flex-shrink:0;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.biz-icon img{object-fit:cover;width:100%;height:100%}.menu .spacer{flex:1}.menu .who{color:var(--muted);overflow-wrap:anywhere;padding:8px 12px;font-size:12px}.main{padding:0 16px calc(32px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}.main.wide{max-width:1100px}@media (min-width:900px){.menu{width:var(--menu-w);box-shadow:none;transform:none}.menu-scrim,.menu-button{display:none!important}.app{padding-left:var(--menu-w)}.main{padding-left:32px;padding-right:32px}}.topbar{z-index:20;padding:max(4px, env(safe-area-inset-top)) 0 4px;background:var(--bg);align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:20px;overflow:hidden}.icon-btn{min-width:var(--tap);min-height:var(--tap);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;font-size:20px;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:22px;height:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:8px 0;padding:10px 12px}.card.tight{padding:8px 10px}.card.flat{background:var(--surface-2);border-color:#0000}a.card{text-decoration:none;display:block}.row{align-items:center;gap:8px;display:flex}.row.top{align-items:flex-start}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack>*+*{margin-top:8px}.muted{color:var(--muted);font-size:13px}.small{font-size:13px}.strong{font-weight:700}.num{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section{min-height:var(--tap);justify-content:space-between;align-items:center;gap:8px;margin:14px 0 4px;font-size:15px;font-weight:700;display:flex}.hint{color:var(--muted);font-size:13px;line-height:1.5}.divider{border-top:1px solid var(--line);margin:12px 0}.empty{color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:10px;font-size:14px}.btn{min-height:var(--tap);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-text);font:inherit;cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn.light{background:var(--surface-2);color:var(--text)}.btn.outline{color:var(--text);border-color:var(--line);background:0 0}.btn.danger{background:var(--danger-bg);color:var(--danger)}.btn.block{width:100%}.btn.small{min-height:var(--tap);padding:6px 12px;font-size:14px}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.btn-row>.btn{flex:auto}.pill{background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;line-height:1.3;display:inline-flex}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.danger{background:var(--danger-bg);color:var(--danger)}.pill.info{background:var(--info-bg);color:var(--info)}.pill.dark{background:var(--accent);color:var(--accent-text)}.banner{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin:6px 0;padding:8px 10px;font-size:14px;display:flex}.banner.danger{background:var(--danger-bg);color:var(--danger)}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.info{background:var(--info-bg);color:var(--info)}.banner.ok{background:var(--ok-bg);color:var(--ok)}.banner .grow>b{display:block}.stats{gap:8px;display:flex}.stats.wrap{flex-wrap:wrap}.stat{background:var(--surface-2);border-radius:12px;flex:1 1 0;min-width:0;padding:8px 10px}.stat b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:2px;font-size:18px;display:block}.stat.hero b{font-size:24px}.card .stat{background:var(--surface-2)}.care{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 8px;margin-top:4px;display:grid}.care .card{margin:4px 0}.care h3{color:var(--muted);margin-bottom:2px;font-size:13px}.care .kv{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:2px 8px;margin:0;font-size:13px}.care .kv dd{overflow-wrap:break-word}.care .muted{font-size:12px}.photo{background:var(--surface-3);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:28px;display:grid;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo.sm{border-radius:9px;width:32px;height:32px;font-size:17px}.photo.lg{border-radius:14px;width:64px;height:64px;font-size:32px}.photos{display:flex}.photos .photo+.photo{border:2px solid var(--surface);margin-left:-12px}.hero{border-radius:var(--radius);background:linear-gradient(135deg, var(--surface-3), var(--surface-2));place-items:center;height:220px;font-size:92px;display:grid;position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%}.hero.short{height:120px;font-size:52px}.dot{background:var(--hc,var(--muted));border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.hc-0{--hc:var(--hc-0)}.hc-1{--hc:var(--hc-1)}.hc-2{--hc:var(--hc-2)}.hc-3{--hc:var(--hc-3)}.hc-4{--hc:var(--hc-4)}.hc-5{--hc:var(--hc-5)}.hc-6{--hc:var(--hc-6)}.hc-7{--hc:var(--hc-7)}.hc-8{--hc:var(--hc-8)}.hc-9{--hc:var(--hc-9)}.hc-10{--hc:var(--hc-10)}.hc-11{--hc:var(--hc-11)}.acc{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:8px 0}.acc>button.acc-head{width:100%;min-height:var(--tap);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex}.acc>button.acc-head .chev{color:var(--muted);transition:transform .15s}.acc>button.acc-head[aria-expanded=true] .chev{transform:rotate(180deg)}.acc-body{padding:0 12px 10px}.kv{grid-template-columns:minmax(110px,38%) 1fr;gap:6px 12px;margin:6px 0;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:6px 0;overflow:hidden}.list>*+*{border-top:1px solid var(--line)}.list-row{min-height:var(--tap);color:inherit;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 12px;text-decoration:none;display:flex}.list-row:hover{background:var(--surface-2)}.list-row .chev{color:var(--muted)}.field{min-width:0;margin:8px 0;display:block}.field>span.label{margin-bottom:3px;font-size:13px;font-weight:600;display:block}.field .hint{margin-top:4px}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=month],input[type=search],input:not([type]),select,textarea{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;padding:8px 10px;font-size:16px}textarea{resize:vertical;min-height:80px;line-height:1.5}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.check{min-height:var(--tap);cursor:pointer;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;display:grid}@media (max-width:380px){.grid2.collapse{grid-template-columns:1fr}}.error{color:var(--danger);margin:8px 0;font-size:14px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.seg{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg a,.seg button{min-height:calc(var(--tap) - 6px);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;padding:6px 12px;font-size:14px;text-decoration:none;display:inline-flex}.seg [aria-current=page],.seg [aria-pressed=true]{background:var(--surface);font-weight:600;box-shadow:0 1px 3px #00000026}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:var(--tap);white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:inherit;font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:14px;text-decoration:none;display:inline-flex}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}dialog.sheet{background:var(--surface);width:100%;max-width:560px;max-height:88dvh;color:var(--text);box-shadow:var(--shadow);border:0;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0}dialog.sheet::backdrop{background:#0006}dialog.sheet .sheet-body{padding:12px 16px calc(14px + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto}dialog.sheet .sheet-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}@media (min-width:700px){dialog.sheet{border-radius:20px;margin:auto}}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;font-size:15px;display:flex;position:fixed;transform:translate(-50%)}.toast .btn{color:inherit;min-height:var(--tap);background:0 0;border-color:currentColor;padding:4px 12px}.bk{border-radius:var(--radius);margin:6px 0;position:relative;overflow:hidden}.bk-track{background:var(--paws-ok) 0 0 / 56px 56px, var(--ok-bg);color:var(--ok);border-radius:var(--radius);align-items:center;gap:6px;padding-left:16px;font-size:19px;display:flex;position:absolute;inset:0}.bk-track .icon{width:20px;height:20px}.paw-note{background:var(--paws-danger) 0 0 / 56px 56px, var(--danger-bg);color:var(--text);border-radius:var(--radius-sm);margin:0 0 8px;padding:8px 10px}.bk-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--sc,var(--line));border-radius:var(--radius);touch-action:pan-y;padding:6px 6px 4px 10px;position:relative}.bk-card.overdue{box-shadow:0 0 0 2px var(--warn) inset}.bk-top{align-items:center;gap:6px;min-height:30px;display:flex}.bk-when{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:700}.bk-who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.bk-who a{color:inherit}.bk-pills{flex-shrink:0;gap:4px;display:flex}.bk-pills .pill{font-weight:600}.bk-row{align-items:center;gap:4px;display:flex}.bk-icons{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.bk-icons .icon-btn{min-width:40px;font-size:18px}.bk-icons .icon-btn svg{width:20px;height:20px}.bk-icons .ban{font-size:19px}.bk-detail{border-top:1px dashed var(--line);margin:2px 4px 2px 0;padding:4px 0 2px;font-size:13px}.bk-detail .banner{margin:3px 0;padding:5px 8px;font-size:13px}.pets{scrollbar-width:none;gap:2px;min-width:0;display:flex;overflow-x:auto}.pets::-webkit-scrollbar{display:none}.pchip{min-width:var(--tap);min-height:var(--tap);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;padding:2px 4px;font-size:11px;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.pchip .photo{border-radius:9px;width:30px;height:30px;font-size:16px}.pchip.lg .photo{border-radius:12px;width:48px;height:48px;font-size:26px}.pchip.lg{padding:4px 6px;font-size:13px}.pchip[aria-pressed=true],.pchip[aria-expanded=true]{background:var(--surface-2);box-shadow:0 0 0 2px var(--accent) inset}.pchip .nm{text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.pchip.home{opacity:.55}.bang{background:var(--surface-3);width:16px;height:16px;color:var(--text);border:2px solid var(--surface);border-radius:50%;place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:0;right:0}.bang.danger{background:var(--danger);color:var(--surface)}.flags{flex-wrap:wrap;gap:4px 10px;margin-top:2px;display:flex}.flag{align-items:center;gap:4px;font-size:13px;display:inline-flex}.flag button{min-height:var(--tap);min-width:var(--tap);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:0 6px;font-size:20px}.flag button>span{opacity:.3;transition:opacity .15s}.flag button[aria-pressed=true]{background:var(--ok-bg);box-shadow:0 0 0 2px var(--ok) inset}.flag button[aria-pressed=true]>span{opacity:1}.strip{min-height:var(--tap);background:var(--surface-2);border:1px solid var(--line);border-left:5px solid var(--sc,var(--line));border-radius:12px;align-items:center;gap:8px;margin:6px 0;padding:0 4px 0 12px;font-size:14px;display:flex;position:relative;overflow:hidden}.strip .st{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:inherit;font:inherit;text-align:left;min-height:var(--tap);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;display:flex;overflow:hidden}.strip .st b{font-variant-numeric:tabular-nums}.strip.cancelled .nm{color:var(--muted);text-decoration:line-through}.strip .undo{background:var(--surface);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:10px;flex:none;padding:0 12px;font-size:14px;font-weight:700}.strip .bar{background:var(--warn);transform-origin:0;height:3px;animation:strip-count var(--undo-ms) linear forwards;position:absolute;bottom:0;left:0;right:0}@keyframes strip-count{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.strip .bar{animation:strip-count var(--undo-ms) linear forwards!important}}.tabs-row{border-bottom:1px solid var(--line);align-items:flex-end;margin:6px 0;display:flex}.tabs{flex-wrap:wrap;flex:1;gap:0 2px;min-width:0;display:flex}.tabs::-webkit-scrollbar{display:none}.tabs [role=tab]{min-height:var(--tap);color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.tabs [role=tab][aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.tabs .count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:11px}.plus{min-width:var(--tap);min-height:var(--tap);color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;text-decoration:none;display:inline-grid}.plus>span{background:var(--surface-3);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.plus>span svg{width:16px;height:16px}.plus:hover>span{background:var(--accent);color:var(--accent-text)}.head{align-items:center;gap:2px;margin:8px 0 0;display:flex}.head h2,.head h3{font-size:15px}.head .grow+*{margin-left:auto}.money{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;align-items:stretch;gap:0;margin:6px 0;text-decoration:none;display:flex;overflow:hidden}.money>span{flex:1 1 0;min-width:0;padding:6px 10px}.money>span+span{border-left:1px solid var(--line)}.money small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.money b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px}.money.alert{border-color:var(--warn);background:var(--warn-bg)}.money.alert>span+span{border-left-color:color-mix(in srgb, var(--warn) 30%, transparent)}.money .owe{color:var(--warn)}.money-note{color:var(--warn);align-items:center;gap:4px;padding:0 10px 6px;font-size:12px;display:flex}.btn.wa{background:var(--wa);color:var(--wa-text)}.btn.wa svg{width:20px;height:20px}.btn.gbtn{color:#1f1f1f;background:#fff;border-color:#747775}@media (prefers-color-scheme:dark){.btn.gbtn{color:#e3e3e3;background:#131314;border-color:#8e918f}}.brand-mark{flex-shrink:0;width:22px;height:22px}.wa-pill{min-height:var(--tap);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.wa-pill>span{background:var(--wa);height:26px;color:var(--wa-text);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 7px;font-size:13px;font-weight:700;display:inline-flex}.wa-pill .brand-mark{width:15px;height:15px}.wa-pill:hover>span{filter:brightness(.95)}.list-row .brand-mark{width:24px;height:24px}.carousel{scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.carousel>*{scroll-snap-align:start;flex:0 0 88%;margin:0}.cal-head{justify-content:space-between;align-items:center;gap:4px;margin:2px 0 6px;display:flex}.cal-nav{align-items:center;gap:0;display:flex}.cal-nav .btn.small{padding:4px 10px}.jump{min-width:var(--tap);min-height:var(--tap);cursor:pointer;border-radius:12px;place-items:center;display:inline-grid;position:relative}.jump svg{width:20px;height:20px}.jump input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.cal-legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:8px 0;font-size:12px;display:flex}.cal-legend span{align-items:center;gap:5px;display:inline-flex}.cal-legend .ovn-key{background:var(--muted);opacity:.6;border-radius:3px;width:16px;height:5px;display:inline-block}.allday{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.band{min-height:var(--tap);cursor:pointer;text-align:left;font:inherit;color:inherit;background:repeating-linear-gradient(135deg, var(--surface-2), var(--surface-2) 8px, var(--surface-3) 8px, var(--surface-3) 16px);border:1px solid var(--line);border-left:5px solid var(--sc,var(--line));border-radius:10px;align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex}.timeline{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.tl-hour{border-top:1px solid var(--line);height:88px;display:flex;position:relative}.tl-hour:first-child{border-top:0}.tl-hour .lbl{width:52px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;padding:4px 6px;font-size:12px}.tl-slot{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.tl-slot span{flex:1}.tl-slot span:hover{background:var(--surface-2)}.tl-events{pointer-events:none;position:absolute;inset:0 4px 0 56px}.ev{pointer-events:auto;text-align:left;cursor:pointer;background:color-mix(in srgb, var(--sc,var(--muted)) 18%, var(--surface));border:1px solid color-mix(in srgb, var(--sc,var(--muted)) 50%, transparent);border-left:4px solid var(--sc,var(--muted));color:var(--text);border-radius:8px;padding:4px 6px;font-family:inherit;font-size:12px;line-height:1.25;position:absolute;overflow:hidden}.ev.done{opacity:.6}.ev.cancelled{opacity:.55;background:var(--surface-2);border-style:dashed;text-decoration:line-through}.now-line{background:var(--danger);pointer-events:none;height:2px;position:absolute;left:52px;right:0}.week-day{margin:4px 0}.week-day h3{align-items:center;gap:8px;margin:6px 0 2px;font-size:14px;display:flex}.week-day h3.today{color:var(--info)}.ev-row{width:100%;min-height:var(--tap);cursor:pointer;text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--sc,var(--line));border-radius:10px;align-items:center;gap:8px;margin:3px 0;padding:4px 10px;display:flex}.ev-row.done{opacity:.65}.ev-row.cancelled{opacity:.55;text-decoration:line-through}.month{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.month .wd{color:var(--muted);text-align:center;padding:4px 0;font-size:11px}.month a.day{min-height:52px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:4px;font-size:12px;text-decoration:none;display:flex;overflow:hidden}.month a.day.out{opacity:.45}.month a.day.today{border-color:var(--info);box-shadow:0 0 0 1px var(--info) inset}.month .ovn{background:var(--sc,var(--muted));opacity:.75;border-radius:3px;flex-shrink:0;height:4px}.month .counts{flex-wrap:wrap;gap:0 3px;line-height:1.15;display:flex}.month .cnt{white-space:nowrap;letter-spacing:-.02em;font-size:11px}.month .cnt small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:700}.steps{gap:6px;margin:4px 0 14px;display:flex}.steps li{color:var(--muted);border-top:3px solid var(--line);flex:1;padding-top:6px;font-size:12px;list-style:none}.steps li[aria-current=step]{color:var(--text);border-color:var(--accent);font-weight:700}.steps li.done{border-color:var(--muted)}.steps{padding:0}.summary-rows .sr{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;gap:12px;margin:6px 0;padding:10px 12px;font-size:14px;display:flex}.summary-rows .sr span:first-child{color:var(--muted)}.summary-rows .sr b{text-align:right;overflow-wrap:anywhere}.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-family:inherit;font-size:11px}.chart .bar-a{fill:var(--c-recv)}.chart .bar-b{fill:var(--c-done);opacity:.8}.chart .grid{stroke:var(--line)}.legend{color:var(--muted);gap:14px;margin:6px 0;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.hbar{grid-template-columns:minmax(0,38%) 1fr auto;align-items:center;gap:8px;margin:4px 0;font-size:13px;display:grid}.hbar .track{background:var(--surface-2);border-radius:6px;height:12px;overflow:hidden}.hbar .fill{background:var(--c-done);border-radius:6px;height:100%}.stat.recv{background:var(--c-recv-bg)}.stat.recv b{color:var(--c-recv)}.stat.done{background:var(--c-done-bg)}.stat.done b{color:var(--c-done)}.stat.owed{background:var(--c-owed-bg)}.stat.owed b{color:var(--c-owed)}.stat.plain{background:var(--surface-2)}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}table.data th{color:var(--muted);font-size:12px;font-weight:600}table.data td.r,table.data th.r{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{max-width:100%;overflow-x:auto}.signin{min-height:100dvh;padding:24px 16px max(16px, env(safe-area-inset-bottom));grid-template-rows:1fr auto 1fr;justify-items:center;display:grid;position:relative;overflow:hidden}.signin .box{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:22px;grid-row:2;width:100%;max-width:400px;padding:16px 18px 18px;position:relative}.signin-foot{z-index:1;grid-row:3;align-self:end;padding-top:16px;line-height:0;position:relative}.ybit-logo{width:auto;height:28px;display:block}.paw-host{isolation:isolate;min-height:100dvh;position:relative}.paw-backdrop{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--paw-ink);-webkit-mask:var(--paw-pattern) 0 0 / 320px 320px repeat;-webkit-mask:var(--paw-pattern) 0 0 / 320px 320px repeat;mask:var(--paw-pattern) 0 0 / 320px 320px repeat;position:absolute;inset:0;overflow:hidden}.brand-icon{border-radius:26.8%;flex-shrink:0;display:block}.brand-text{font-family:var(--font-brand,ui-rounded), ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;white-space:nowrap;font-weight:700}.brand-text .paw-o{width:.82em;height:.82em;color:var(--brand);margin:0 -.05em 0 -.03em;display:inline-block;transform:translateY(.1em)}.wordmark .wm-dog{color:var(--brand)}.wordmark .wm-walker{color:var(--brand-ink)}.lockup{align-items:center;gap:10px;margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.1;display:flex}.lockup .wordmark{font-size:26px}.lockup .words{align-items:baseline;gap:6px;min-width:0;display:flex}.lockup .by{color:var(--muted);white-space:nowrap;font-family:system-ui,sans-serif;font-size:12px;font-weight:600}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px!important}.or{color:var(--muted);align-items:center;gap:10px;margin:12px 0;font-size:13px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.search-results .grp{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 4px;font-size:12px;font-weight:700}.msg{text-align:start;white-space:pre-wrap;unicode-bidi:plaintext}textarea.msg{min-height:180px;font-size:15px}@media print{:root{--bg:#fff;--surface:#fff;--surface-2:#f4f4f5;--text:#000;--muted:#444;--line:#ccc;--accent:#000;--accent-text:#fff;--primary:#000;--primary-text:#fff}body{background:#fff}.menu,.menu-scrim,.topbar .icon-btn,.no-print,.toast,.paw-backdrop{display:none!important}.app{padding-left:0!important}.main{max-width:none;padding:0}.card,.stat{break-inside:avoid}a{text-decoration:none}}.dur{margin:8px 0}.dur-row{gap:6px;display:flex}.dur-row label{min-width:0;color:var(--muted);flex:1 1 0;align-items:center;gap:4px;font-size:13px;display:flex}.dur-row input,.dur-row select{padding-left:8px;padding-right:4px}.wline{border-bottom:1px dashed var(--line);flex-wrap:nowrap;align-items:center;gap:6px;margin:4px 0;padding:4px 0;display:flex}.wline>select{flex-shrink:0;width:72px}.wline>input[type=time]{flex-shrink:0;width:106px;padding-left:8px;padding-right:4px}.wline select{padding-left:6px;padding-right:0}.wline .dur-row{gap:4px}.wline .dur{flex:1 1 0;min-width:0;margin:0}.wline .dur-row span{display:none}.wline .dur legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pchip .tick{color:var(--muted);font-size:10px}.pchip[aria-pressed=true] .tick{color:var(--ok);font-weight:800}.warnrow{background:var(--warn-bg)}.btn-row.end{justify-content:flex-end}.btn-row.end>.btn{flex:none}.switch{min-height:var(--tap);color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 4px 0 0;display:inline-flex}.switch .track{background:var(--surface-3);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.switch .knob{background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch[aria-checked=true] .track{background:var(--ok)}.switch[aria-checked=true] .knob{transform:translate(16px)}.mday{white-space:nowrap}.mday .rt{margin-left:-.1em;font-size:.7em;font-weight:600;position:relative;top:-.45em}.tile{flex-shrink:0;place-items:center;line-height:1;display:inline-grid}.icon-section{margin:4px 0 8px}.icon-section>.row>div{flex-shrink:0}.icon-section .btn.small{min-height:36px}.picker{margin:4px 0}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:0;display:grid}.emoji-grid>button{min-height:var(--tap);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.emoji-grid>button>.tile{transition:transform .12s}.emoji-grid>button[aria-pressed=true]>.tile{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text);transform:scale(1.06)}.swatches{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));margin-top:2px;display:grid}.swatches>button{cursor:pointer;background:0 0;border:0;place-items:center;min-height:36px;padding:0;display:grid}.swatches>button>span{border-radius:50%;width:22px;height:22px}.swatches>button[aria-pressed=true]>span{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}