:root{--bg: #FAF5EC;--card: #FFFFFF;--ink: #3B2E20;--ink-2: #8A7A66;--ink-3: #BCAE9A;--gold: #E8A33D;--gold-deep: #B97A18;--gold-soft: #FAEEDA;--green: #2F9E44;--green-soft: #E3F4E6;--coral: #D85A30;--coral-soft: #FAECE7;--red: #B3372B;--red-soft: #FBEAE8;--line: #EDE3D2;--r: 18px;--r-sm: 12px}html[data-theme=pip]{--bg: #0A0F0A;--card: #0F1810;--ink: #7DE87D;--ink-2: #55A855;--ink-3: #3A6B3A;--gold: #2F9E44;--gold-deep: #6BE26B;--gold-soft: #14240F;--green: #5BE85B;--green-soft: #0F2B12;--coral: #F2A33C;--coral-soft: #2B1F0A;--red: #FF6B5C;--red-soft: #331008;--line: #1C2F1C}html[data-theme=pip] h1,html[data-theme=pip] h2,html[data-theme=pip] .pip-glow{text-shadow:0 0 8px rgba(91,232,91,.4)}html[data-theme=pip] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0px,rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px)}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{max-width:520px;margin:0 auto}main{padding:16px 16px calc(84px + env(safe-area-inset-bottom));min-height:100vh}h1{font-size:24px;font-weight:800}h2{font-size:18px;font-weight:800;margin-bottom:10px}h3{font-size:15px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:12px}.muted{color:var(--ink-2);font-size:13.5px}.tiny{color:var(--ink-2);font-size:12.5px}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}button,.btn{font-family:inherit;font-size:15px;font-weight:700;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:10px 16px;cursor:pointer;transition:transform .06s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:active,.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);border-color:var(--gold);color:#fff}.btn-green{background:var(--green);border-color:var(--green);color:#fff}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-big{width:100%;padding:14px;font-size:17px;border-radius:16px}input,select,textarea{font-family:inherit;font-size:15px;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}label{font-size:13px;font-weight:700;color:var(--ink-2);display:block;margin-bottom:4px}.field{margin-bottom:14px}.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.pill-green{background:var(--green-soft);color:var(--green)}.pill-gold{background:var(--gold-soft);color:var(--gold-deep)}.pill-coral{background:var(--coral-soft);color:var(--coral)}.pill-red{background:var(--red-soft);color:var(--red)}.avatar{width:56px;height:56px;border-radius:50%;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.dog-chip{width:44px;height:44px;border-radius:50%;border:2.5px solid var(--line);background:var(--gold-soft);padding:0;overflow:hidden;font-size:20px;flex-shrink:0}.dog-chip img{width:100%;height:100%;object-fit:cover}.dog-chip.active{border-color:var(--gold)}.dog-chip.add{border-style:dashed;background:var(--card);color:var(--ink-2);font-size:22px;font-weight:700}nav.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10}nav.tabbar a{text-decoration:none;color:var(--ink-3);font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}nav.tabbar a .ico{font-size:22px;line-height:1}nav.tabbar a.active{color:var(--gold-deep)}.badge-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 8px;text-align:center}.badge-tile.locked{opacity:.38;filter:grayscale(1)}.badge-tile .e{font-size:28px}.badge-tile .t{font-size:11.5px;font-weight:700;margin-top:4px;line-height:1.25}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.check{width:26px;height:26px;border-radius:50%;border:2px solid var(--ink-3);background:var(--card);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;padding:0}.check.done{background:var(--green);border-color:var(--green);color:#fff}