:root{--cream:#f5efe2;--cream-2:#ece4d2;--cream-3:#e2d7be;--paper:#fbf7ec;--ink:#1f1a14;--ink-2:#3a3127;--ink-3:#6e5f4d;--ink-4:#9a8b73;--terracotta:#d9633a;--terracotta-deep:#b14a23;--forest:#2f5d3a;--forest-deep:#1e3f26;--mustard:#e8b341;--pink:#e85a8c;--plum:#6b3f7c;--sky:#5b8dbf;--sand:#d6b274;--red:#d64545;--blue:#3b7dd8;--primary:var(--terracotta);--primary-deep:var(--terracotta-deep);--primary-soft:#f4d6c5;--secondary:var(--forest);--accent:var(--mustard);--bg:var(--cream);--bg-elev:var(--paper);--bg-sunk:var(--cream-2);--line:#1f1a141f;--line-strong:#1f1a1438;--amber:#fac775;--amber-ink:#633806;--mother:#d4537e;--mother-line:#993556;--mother-soft:#fbeaf0;--mother-ink:#72243e;--mother-divider:#f4c0d1;--f-serif:"Noto Serif SC", "DM Serif Display", "Songti SC", serif;--f-display:"DM Serif Display", "Noto Serif SC", serif;--f-sans:"Noto Sans SC", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--pad-card:22px;--gap:18px;--radius:14px;--radius-lg:22px}[data-theme=terracotta]{--primary:#d9633a;--primary-deep:#b14a23;--primary-soft:#f4d6c5}[data-theme=forest]{--primary:#2f5d3a;--primary-deep:#1e3f26;--primary-soft:#cadecf}[data-theme=plum]{--primary:#6b3f7c;--primary-deep:#4a2856;--primary-soft:#e1cde6}[data-theme=electric]{--primary:#e85a8c;--primary-deep:#c13d6e;--primary-soft:#f8d1df}[data-density=compact]{--pad-card:14px;--gap:12px}[data-density=regular]{--pad-card:22px;--gap:18px}[data-density=comfy]{--pad-card:32px;--gap:26px}[data-fontpair=serif-sans]{--f-display:"DM Serif Display","Noto Serif SC",serif;--f-body:"Noto Sans SC","Space Grotesk",sans-serif}[data-fontpair=all-sans]{--f-display:"Space Grotesk","Noto Sans SC",sans-serif;--f-body:"Noto Sans SC","Space Grotesk",sans-serif}[data-fontpair=all-serif]{--f-display:"Noto Serif SC",serif;--f-body:"Noto Serif SC",serif}[data-dark=true]{--cream:#1a1612;--cream-2:#221c16;--cream-3:#2c241b;--paper:#1f1a14;--bg:#15110d;--bg-elev:#1f1a14;--bg-sunk:#221c16;--ink:#f0e9da;--ink-2:#d4cab7;--ink-3:#a89b82;--ink-4:#7a6f5c;--line:#f5efe21a;--line-strong:#f5efe233;--primary-soft:#d9633a2e;--amber:#c9962e;--amber-ink:#fae9c9;--mother:#c24a72;--mother-line:#e089a8;--mother-soft:#2e1a22;--mother-ink:#f4c0d1;--mother-divider:#4a2030}[data-dark=true][data-theme=forest]{--primary-soft:#2f5d3a38}[data-dark=true][data-theme=plum]{--primary-soft:#6b3f7c47}[data-dark=true][data-theme=electric]{--primary-soft:#e85a8c38}*{box-sizing:border-box}.no-scrollbar::-webkit-scrollbar{display:none}html{scrollbar-gutter:stable}html,body{background:var(--bg);color:var(--ink);font-family:var(--f-body,var(--f-sans));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0;font-size:14px;line-height:1.5}body{min-height:100vh;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700}.serif{font-family:var(--f-display)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.grain{pointer-events:none;z-index:1;opacity:.55;mix-blend-mode:multiply;position:fixed;inset:0}[data-dark=true] .grain{mix-blend-mode:screen;opacity:.35}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}[data-density=compact] .app{grid-template-columns:220px 1fr}.sidebar{background:var(--bg-elev);border-right:1.5px solid var(--line);z-index:5;flex-direction:column;gap:18px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 6px;display:flex}.brand-mark{background:var(--ink);width:38px;height:38px;color:var(--paper);font-family:var(--f-display);box-shadow:3px 3px 0 var(--primary);border-radius:11px;place-items:center;font-size:22px;font-style:italic;display:grid;transform:rotate(-4deg)}.brand-name{font-family:var(--f-display);letter-spacing:-.01em;font-size:22px}.brand-sub{font-family:var(--f-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.18em;margin-top:1px;font-size:9.5px}.nav-section{font-family:var(--f-mono);letter-spacing:.18em;color:var(--ink-4);text-transform:uppercase;margin-top:6px;padding:0 10px;font-size:9.5px}.nav{flex-direction:column;gap:1px;display:flex}.nav-item{color:var(--ink-2);border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{color:var(--ink);background:#0000000a}[data-dark=true] .nav-item:hover{background:#ffffff0d}.nav-item.active{background:var(--ink);color:var(--paper)}.nav-ico{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.nav-badge{font-family:var(--f-mono);background:var(--primary);color:#fff;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:10px}.nav-item.active .nav-badge{background:var(--mustard);color:var(--ink)}.user-card{background:var(--bg-sunk);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.main{min-width:0;padding:0;position:relative}.main-inner{max-width:1280px;margin:0 auto;padding:30px 38px 80px}[data-density=compact] .main-inner{padding:22px 28px 60px}.topbar{border-bottom:1.5px solid var(--line);z-index:4;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:14px;padding:18px 38px;display:flex;position:sticky;top:0}.crumb{font-family:var(--f-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.crumb b{color:var(--ink);font-weight:600}.search{background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;width:340px;margin-left:auto;padding:7px 12px;display:flex;position:relative}.search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding-right:46px;font-family:inherit;font-size:13px}.search input::placeholder{color:var(--ink-4)}.kbd{pointer-events:none;font-family:var(--f-mono);color:var(--ink-3);background:var(--bg-sunk);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.iconbtn{background:var(--bg-elev);border:1px solid var(--line);width:36px;height:36px;color:var(--ink-2);border-radius:10px;place-items:center;display:grid}.iconbtn:hover{background:var(--bg-sunk);color:var(--ink)}.search-panel{z-index:30;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;max-height:62vh;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000024}.search-empty{color:var(--ink-3);text-align:center;padding:14px 12px;font-size:12px}.search-group{padding:4px 0}.search-group+.search-group{border-top:1px solid var(--line)}.search-group-title{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px 4px;font-size:10px}.search-row{cursor:pointer;width:100%;color:var(--ink-2);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex}.search-row:hover{background:var(--bg-sunk);color:var(--ink)}.search-row-main{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.search-row-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:46%;margin-left:auto;font-size:11px;overflow:hidden}.search-hit{background:color-mix(in oklab, var(--primary) 22%, transparent);color:inherit;border-radius:3px;padding:0 1px}.notif-badge{background:var(--primary);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;font-family:var(--f-mono);border:2px solid var(--bg);border-radius:99px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-4px;right:-4px}.notif-panel{z-index:30;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;width:340px;max-height:64vh;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 32px #00000024}.notif-head{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;padding:8px 10px 6px;font-size:10px;display:flex}.notif-allread{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600}.notif-empty{color:var(--ink-3);text-align:center;padding:18px 12px;font-size:12px}.notif-row{border-radius:8px;align-items:flex-start;gap:4px;display:flex}.notif-row:hover{background:var(--bg-sunk)}.notif-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:9px 10px}.notif-title{color:var(--ink);font-size:13px;font-weight:600}.notif-body{color:var(--ink-3);margin-top:2px;font-size:11.5px;line-height:1.45}.notif-x{background:0 0;border:0;flex-shrink:0;width:28px;height:28px;margin-top:6px;margin-right:4px}.card{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--radius);padding:var(--pad-card);position:relative}.card-tilt-l{transform:rotate(-1deg)}.card-tilt-r{transform:rotate(1deg)}.card-bare{background:0 0;border:0;padding:0}.animal-card .card-ctl{opacity:0;transition:opacity .18s}.animal-card:hover .card-ctl,.animal-card:focus-within .card-ctl{opacity:1}@media (hover:none){.animal-card .card-ctl{opacity:1}}.animal-card .card-trash{color:var(--ink-3)}.animal-card .card-trash:hover{color:var(--red)}.animal-card .card-tree{color:var(--ink-3)}.animal-card .card-tree:hover{color:var(--ink)}.eyebrow{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);font-size:10px}.h-display{font-family:var(--f-display);letter-spacing:-.02em;font-size:46px;font-weight:700;line-height:1.05}.h-display em{color:var(--primary);font-style:italic}.h-section{font-family:var(--f-display);letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:1.15}.h-card{font-family:var(--f-display);font-size:20px;font-weight:700;line-height:1.2}.btn{border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:transform .12s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary:hover{background:var(--primary)}.btn-ghost{background:var(--bg-elev);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--bg-sunk)}.btn-sm{border-radius:8px;padding:6px 11px;font-size:12px}.tag{font-family:var(--f-mono);letter-spacing:.04em;background:var(--bg-sunk);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:500;display:inline-flex}.tag-primary{background:var(--primary);color:#fff;border-color:#0000}.tag-mustard{background:var(--mustard);color:var(--ink);border-color:#0000}.tag-forest{background:var(--forest);color:#fff;border-color:#0000}.tag-pink{background:var(--pink);color:#fff;border-color:#0000}.tag-plum{background:var(--plum);color:#fff;border-color:#0000}.tag-soft{background:var(--primary-soft);color:var(--primary-deep);border-color:#0000}[data-dark=true] .tag-soft{color:var(--primary)}.divider{background:var(--line);height:1.5px;margin:18px 0}.sticker{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.16em;background:var(--ink);color:var(--paper);z-index:2;border-radius:6px;padding:5px 9px;font-size:9.5px;font-weight:700;position:absolute;transform:rotate(-3deg)}.sticker-p{background:var(--primary);color:#fff}.sticker-m{background:var(--mustard);color:var(--ink)}.sticker-pink{background:var(--pink);color:#fff}.ph{background:repeating-linear-gradient(45deg, var(--bg-sunk) 0 8px, var(--bg-elev) 8px 16px);border:1.5px dashed var(--line-strong);color:var(--ink-3);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:12px;place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.ph:after{content:"";background:radial-gradient(circle at 30% 30%,#0000000d,#0000 60%);position:absolute;inset:0}.swatch{background:var(--c1,#c9a062);border:2px solid var(--paper);width:46px;height:46px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.swatch:before{content:"";background:radial-gradient(circle at 30% 28%,#ffffff8c,#0000 50%);position:absolute;inset:0}.swatch:after{content:"";background:var(--pattern,none);mix-blend-mode:multiply;opacity:.7;position:absolute;inset:0}.swatch-banana{--c1:#f4d26b;--pattern:radial-gradient(circle at 60% 40%, #b07a2c 18%, transparent 22%), radial-gradient(circle at 30% 70%, #b07a2c 14%, transparent 18%), radial-gradient(circle at 75% 75%, #b07a2c 12%, transparent 16%)}.swatch-pied{--c1:#fbf1dc;--pattern:radial-gradient(circle at 30% 50%, #2c241b 32%, transparent 36%), radial-gradient(circle at 78% 30%, #2c241b 18%, transparent 22%)}.swatch-albino{--c1:#fbe4c9;--pattern:radial-gradient(circle at 50% 50%, #e8b341 22%, transparent 26%), radial-gradient(circle at 25% 75%, #f4d26b 16%, transparent 20%)}.swatch-mojave{--c1:#a89066;--pattern:radial-gradient(circle at 40% 50%, #4a3f2c 30%, transparent 34%), radial-gradient(circle at 75% 70%, #4a3f2c 18%, transparent 22%)}.swatch-clown{--c1:#c9956a;--pattern:linear-gradient(120deg, #4a3f2c 22%, transparent 22% 28%, #4a3f2c 28% 38%, transparent 38%)}.swatch-pastel{--c1:#d9b582;--pattern:radial-gradient(circle at 40% 40%, #6e5f4d 22%, transparent 26%)}.swatch-spider{--c1:#a89066;--pattern:radial-gradient(circle at 50% 50%, #2c241b 8%, transparent 10%), radial-gradient(circle at 28% 30%, #2c241b 6%, transparent 8%), radial-gradient(circle at 72% 70%, #2c241b 6%, transparent 8%), radial-gradient(circle at 30% 75%, #2c241b 5%, transparent 7%)}.swatch-leopard{--c1:#e8c988;--pattern:radial-gradient(circle at 25% 30%, #6e4a1f 9%, transparent 11%), radial-gradient(circle at 65% 25%, #6e4a1f 7%, transparent 9%), radial-gradient(circle at 50% 60%, #6e4a1f 10%, transparent 12%), radial-gradient(circle at 80% 70%, #6e4a1f 8%, transparent 10%), radial-gradient(circle at 30% 78%, #6e4a1f 6%, transparent 8%)}.swatch-crested{--c1:#a65a2b;--pattern:radial-gradient(circle at 50% 30%, #fbe4c9 24%, transparent 28%), linear-gradient(180deg, transparent 60%, #0003 60%)}.swatch-bd{--c1:#d6792e;--pattern:radial-gradient(ellipse at 50% 50%, #5a2d0e 25%, transparent 28%)}.swatch-blue{--c1:#5b8dbf}.swatch-purple{--c1:#6b3f7c}.swatch-lg{width:78px;height:78px}.swatch-xl{width:120px;height:120px}.bar{background:var(--bg-sunk);border-radius:99px;height:6px;position:relative;overflow:hidden}.bar>span{background:var(--primary);border-radius:99px;height:100%;display:block}.icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.icon-sm{width:14px;height:14px}.icon-lg{width:20px;height:20px}.tabs{background:var(--bg-sunk);border-radius:11px;gap:2px;width:fit-content;padding:4px;display:flex}.tab{color:var(--ink-3);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500}.tab.active{background:var(--bg-elev);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000000f}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.tbl th{text-align:left;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);border-bottom:1.5px solid var(--line);padding:10px 12px;font-size:10px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 12px}.tbl tr:hover td{background:var(--bg-sunk)}.spark{align-items:flex-end;gap:3px;height:60px;display:flex}.spark span{background:var(--primary);opacity:.7;border-radius:2px 2px 0 0;flex:1;min-height:4px}.spark span:hover{opacity:1}.collage{gap:var(--gap);grid-template-columns:repeat(12,1fr);display:grid;position:relative}.punnett{font-family:var(--f-mono);grid-template-columns:repeat(3,1fr);gap:6px;font-size:13px;display:grid}.punnett>div{aspect-ratio:1;background:var(--bg-sunk);text-align:center;border-radius:8px;place-items:center;padding:4px;font-weight:700;line-height:1.15;display:grid}.punnett>.h{background:var(--ink);color:var(--paper);font-size:14px}.punnett>.h-corner{border:1.5px dashed var(--line);background:0 0}.punnett>.r-homo{background:var(--mustard);color:var(--ink)}.punnett>.r-het{background:var(--primary-soft);color:var(--primary-deep)}[data-dark=true] .punnett>.r-het{color:var(--primary)}.punnett>.r-norm{background:var(--bg-sunk);color:var(--ink-3)}.tree{flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.tree-row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.tree-node{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:14px;align-items:center;gap:12px;min-width:200px;padding:14px;transition:transform .15s,border-color .15s;display:flex;position:relative}.tree-node:hover{border-color:var(--primary);transform:translateY(-2px)}.tree-node-meta{font-family:var(--f-mono);color:var(--ink-3);margin-top:2px;font-size:10.5px}.tree-node-name{font-family:var(--f-display);font-size:15px}.tree-line{background:var(--line-strong);pointer-events:none;position:absolute}.bubble{border-radius:18px;max-width:560px;padding:14px 18px;font-size:14px;line-height:1.55}.bubble-ai{background:var(--bg-elev);border:1.5px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}.bubble-user{background:var(--ink);color:var(--paper);border-bottom-right-radius:6px;align-self:flex-end}.gauge-ring{--p:60;--c:var(--primary);background:conic-gradient(var(--c) calc(var(--p)*1%), var(--track,var(--bg-sunk)) 0);border-radius:50%;place-items:center;width:140px;height:140px;display:grid;position:relative}.gauge-ring:before{content:"";background:var(--bg-elev);border-radius:50%;position:absolute;inset:14px}.gauge-ring>div{text-align:center;position:relative}.squiggle{stroke:var(--primary);fill:none;stroke-width:3px;stroke-linecap:round}.dot-grid{background-image:radial-gradient(var(--ink-4) .7px, transparent .7px);opacity:.18;pointer-events:none;background-size:14px 14px;position:absolute;inset:0}@keyframes fade-up{0%{transform:translateY(8px)}to{transform:none}}.fadein{animation:.3s both fade-up}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}.loading-text{animation:1.4s ease-in-out infinite breathe}@keyframes loading-dots{0%{content:"·  "}33%{content:"·· "}66%{content:"···"}}.loading-dots:after{content:"·  ";animation:1.1s step-end infinite loading-dots}.h-scroll{scrollbar-width:none;gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.market-card{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:16px;flex-direction:column;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.market-card:hover{border-color:var(--primary);transform:translateY(-3px)}.market-thumb{aspect-ratio:1.1;place-items:center;display:grid;position:relative}.market-body{padding:14px}.price{font-family:var(--f-display);color:var(--primary-deep);font-size:22px;font-weight:700}[data-dark=true] .price{color:var(--primary)}.egg-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.egg-row:last-child{border-bottom:0}.egg{border:1.5px solid var(--line-strong);background:linear-gradient(#fbf7ec 0%,#e8d7b6 100%);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;flex-shrink:0;width:48px;height:60px;position:relative;box-shadow:inset -6px -8px 16px #00000014}[data-dark=true] .egg{background:linear-gradient(#44382a 0%,#2c241b 100%)}.egg-num{font-family:var(--f-display);color:var(--ink-2);place-items:center;font-size:18px;display:grid;position:absolute;inset:0}body{color:#211c18;background:#f8f6f2}.sidebar{background:#fff;border-right-color:#211c181a}.brand-mark{color:#211c18;box-shadow:none;background:#f6c945;border-radius:8px;transform:none}.brand-name{font-family:var(--f-sans);letter-spacing:0;font-weight:900}.brand-name span{color:#b98400!important}.nav-item{letter-spacing:0;border-radius:7px}.nav-item.active{color:#211c18;background:#fff8de}.nav-item.active .nav-ico{color:#b98400}.topbar{background:#f8f6f2eb;border-bottom-color:#211c181a}.main-inner{max-width:1440px}.card,.iconbtn,.btn,.search{border-radius:8px}.hipa-ai-page{--bg:#f8f6f2;--bg-elev:#fff;--bg-sunk:#f0ede8;--cream-3:#fff8de;--primary:#f6c945;--primary-deep:#b98400;--primary-soft:#fff8de;--forest:#548b62}.hipa-ai-page .bubble{border-radius:8px}.hipa-ai-page .btn-accent{color:#211c18;background:#f6c945}.hipa-ai-page .btn-accent:hover{background:#e8b92f}.hipa-ai-page .card{background:#fff}.hipa-home{color:#211c18;letter-spacing:0;flex-direction:column;gap:34px;display:flex}.hipa-home h1,.hipa-home h2,.hipa-home h3,.hipa-home p{letter-spacing:0;margin:0}.hipa-home-head{border-bottom:1px solid #211c181a;justify-content:space-between;align-items:flex-end;gap:32px;padding:6px 0 24px;display:flex}.hipa-home-greeting{color:#8a8279;font-size:13px;font-weight:800}.hipa-home-head h1{font-family:var(--f-sans);margin-top:7px;font-size:32px;font-weight:900;line-height:1.2}.hipa-home-lead{color:#8a8279;font-size:13px;margin-top:8px!important}.hipa-home-stats{background:#fff;border:1px solid #211c181a;border-radius:8px;grid-template-columns:repeat(3,112px);display:grid;overflow:hidden}.hipa-stat{flex-direction:column;justify-content:center;min-height:76px;padding:13px 16px;display:flex}.hipa-stat+.hipa-stat{border-left:1px solid #211c181a}.hipa-stat strong{font-size:23px;font-weight:900;line-height:1}.hipa-stat span{color:#8a8279;margin-top:7px;font-size:11px}.hipa-error-band{background:#fff4f1;border-left:4px solid #c74d3a;gap:12px;padding:15px 17px;display:flex}.hipa-error-band strong{color:#c74d3a}.hipa-error-band span{color:#8a8279}.hipa-work-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);align-items:stretch;gap:18px;display:grid}.hipa-work-panel,.hipa-quick-panel{background:#fff;border:1px solid #211c181a;border-radius:8px}.hipa-work-panel{padding:22px}.hipa-quick-panel{flex-direction:column;gap:8px;padding:22px;display:flex}.hipa-section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.hipa-section-head h2,.hipa-quick-panel h2{font-family:var(--f-sans);margin-top:3px;font-size:19px;font-weight:900;line-height:1.25}.hipa-section-eyebrow{color:#b98400;font-size:10px;font-weight:900}.hipa-text-link{color:#6f675f;align-items:center;gap:6px;min-height:34px;font-size:12px;font-weight:800;display:inline-flex}.hipa-text-link:hover{color:#b98400}.hipa-task-list{border-top:1px solid #211c181a}.hipa-task-row{border-bottom:1px solid #211c181a;align-items:center;gap:11px;min-height:66px;display:flex}.hipa-task-dot{background:#f6c945;border-radius:50%;flex:none;width:10px;height:10px}.hipa-task-dot.overdue{background:#c74d3a}.hipa-task-copy{flex-direction:column;flex:1;min-width:0;display:flex}.hipa-task-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.hipa-task-copy span{color:#8a8279;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.hipa-task-state{color:#c74d3a;background:#fff0ec;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:900}.hipa-row-arrow{color:#8a8279;place-items:center;width:30px;height:30px;display:grid}.hipa-calm-state{background:#fff8de;align-items:center;gap:13px;min-height:112px;padding:18px;display:flex}.hipa-calm-icon{color:#b98400;background:#fff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.hipa-calm-state div{flex:1}.hipa-calm-state strong{font-size:14px}.hipa-calm-state p{color:#8a8279;font-size:11px;margin-top:4px!important}.hipa-quick-panel>div:first-child{margin-bottom:6px}.hipa-quick-action{text-align:left;background:0 0;border-bottom:1px solid #211c181a;align-items:center;gap:11px;width:100%;min-height:64px;padding:10px 4px;display:flex}.hipa-quick-action:last-child{border-bottom:0}.hipa-quick-action:hover .hipa-quick-icon{background:#f6c945}.hipa-quick-icon{color:#b98400;background:#fff8de;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;transition:background .15s;display:grid}.hipa-quick-copy{flex-direction:column;flex:1;min-width:0;display:flex}.hipa-quick-copy strong{font-size:13px;font-weight:900}.hipa-quick-copy small{color:#8a8279;margin-top:3px;font-size:10px}.hipa-tools-section,.hipa-home-section{min-width:0}.hipa-tool-strip{overscroll-behavior-x:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d9b535 #eeeae4;gap:14px;width:min(100%,580px);padding:2px 2px 10px;display:flex;overflow-x:auto}.hipa-tool-strip::-webkit-scrollbar{height:4px}.hipa-tool-strip::-webkit-scrollbar-track{background:#eeeae4;border-radius:4px}.hipa-tool-strip::-webkit-scrollbar-thumb{background:#d9b535;border-radius:4px}.hipa-tool-link{color:#211c18;flex-direction:column;flex:0 0 78px;align-items:center;gap:8px;width:78px;display:flex}.hipa-tool-icon{background:#fff;border:1px solid #211c181a;border-radius:8px;place-items:center;width:64px;height:64px;transition:border-color .15s,background .15s;display:grid;overflow:hidden}.hipa-tool-image{object-fit:contain;width:58px;height:58px;transition:transform .15s}.hipa-tool-link strong{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:78px;font-size:11px;font-weight:800;line-height:1.3;overflow:hidden}.hipa-tool-link:hover .hipa-tool-icon{background:#fff8de;border-color:#d9b535}.hipa-tool-link:hover .hipa-tool-image{transform:translateY(-2px)}.hipa-animal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hipa-animal-link{background:#fff;border:1px solid #211c181a;border-radius:8px;align-items:center;gap:11px;min-height:72px;padding:12px;display:flex}.hipa-animal-link:hover{border-color:#d9b535}.hipa-animal-avatar{color:#b98400;background:#fff8de;border-radius:7px;flex:none;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.hipa-animal-copy{flex-direction:column;flex:1;min-width:0;display:flex}.hipa-animal-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hipa-animal-copy small{color:#8a8279;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.hipa-empty-action{text-align:left;background:#fff;border:1px solid #211c181a;border-radius:8px;align-items:center;gap:13px;width:100%;min-height:70px;padding:14px 17px;display:flex}.hipa-empty-action span{color:#8a8279}.hipa-empty-action strong{margin-left:auto}.hipa-milestone-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hipa-milestone{background:#fff;border:1px solid #211c181a;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 74px auto;align-items:center;gap:10px;min-height:82px;padding:13px;display:grid}.hipa-milestone-icon{color:#b98400;background:#fff8de;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.hipa-milestone div{flex-direction:column;min-width:0;display:flex}.hipa-milestone div strong{font-size:13px}.hipa-milestone div small{color:#8a8279;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.hipa-progress{background:#eeeae4;border-radius:4px;height:5px;overflow:hidden}.hipa-progress i{background:#f6c945;height:100%;display:block}.hipa-milestone>b{font-size:11px}.hipa-loading-rows{flex-direction:column;gap:8px;display:flex}.hipa-loading-rows i{background:#f0ede8;border-radius:7px;height:54px;animation:1.4s ease-in-out infinite breathe}@media (max-width:1100px){.app{grid-template-columns:210px 1fr}.sidebar{padding:18px 12px}.main-inner{padding:26px 24px 64px}.topbar{padding-left:24px;padding-right:24px}.search{width:260px}.hipa-home-stats{grid-template-columns:repeat(3,96px)}.hipa-animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hipa-milestone-list{grid-template-columns:1fr}.hipa-ai-page{grid-template-columns:220px minmax(0,1fr)!important}.hipa-ai-page>aside:last-child{display:none!important}}@media (max-width:820px){.app{display:block}.sidebar{width:100%;height:auto;padding:12px 18px;position:relative}.sidebar>div:nth-child(2),.sidebar .user-card{display:none}.main-inner{padding:22px 18px 56px}.topbar{padding:12px 18px}.topbar .crumb,.topbar .search{display:none}.hipa-home-head{flex-direction:column;align-items:flex-start}.hipa-home-stats{grid-template-columns:repeat(3,1fr);width:100%}.hipa-work-grid,.hipa-animal-grid{grid-template-columns:1fr}.hipa-home-head h1{font-size:27px}.hipa-ai-page{min-height:calc(100vh - 150px);grid-template-columns:1fr!important;height:auto!important}.hipa-ai-page>aside:first-child{display:none!important}}:root,[data-theme=hipa],[data-theme=terracotta],[data-theme=forest],[data-theme=plum],[data-theme=electric]{--cream:#f7f7f5;--cream-2:#efefec;--cream-3:#e4e4df;--paper:#fff;--ink:#20201e;--ink-2:#444440;--ink-3:#777771;--ink-4:#a4a49d;--primary:#ffd044;--primary-deep:#20201e;--primary-soft:#fff7d4;--secondary:#548b62;--accent:#ffd044;--mustard:#ffd044;--forest:#548b62;--forest-deep:#386747;--sand:#e8e3d2;--bg:#f7f7f5;--bg-elev:#fff;--bg-sunk:#efefec;--line:#20201e1a;--line-strong:#20201e2e;--radius:8px;--radius-lg:8px;--pad-card:20px;--gap:18px;--f-display:"Noto Sans SC","Space Grotesk",ui-sans-serif,system-ui,sans-serif;--f-body:"Noto Sans SC","Space Grotesk",ui-sans-serif,system-ui,sans-serif}[data-dark=true]{--cream:#f7f7f5;--cream-2:#efefec;--cream-3:#e4e4df;--paper:#fff;--bg:#f7f7f5;--bg-elev:#fff;--bg-sunk:#efefec;--ink:#20201e;--ink-2:#444440;--ink-3:#777771;--ink-4:#a4a49d;--line:#20201e1a;--line-strong:#20201e2e;--primary:#ffd044;--primary-deep:#20201e;--primary-soft:#fff7d4}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-padding-bottom:110px}body{background:var(--bg);color:var(--ink);letter-spacing:0}h1,h2,h3,h4,.eyebrow,.crumb,.nav-section{letter-spacing:0}.app{min-height:100dvh;display:block}.main{min-width:0;min-height:100dvh}.main-inner{width:100%;max-width:1240px;margin:0 auto;padding:32px 32px 126px}.sidebar{display:none}.card,.tree-node,.market-card,.ph{border-radius:8px}.card-tilt-l,.card-tilt-r{transform:none}.btn-accent{background:var(--primary);color:var(--ink)}.btn-accent:hover{background:#f5c437}.btn-primary{background:var(--ink);color:#fff}.tag-primary,.sticker-p{background:var(--primary);color:var(--ink)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:80;background:#f7f7f5f0;align-items:center;gap:14px;height:70px;padding:0 max(24px,50vw - 588px);display:flex;position:sticky;top:0}.web-brand{flex:none;align-items:center;gap:9px;display:flex}.web-brand-logo{object-fit:contain;width:76px;height:34px}.web-brand-mark{background:var(--primary);width:34px;height:34px;color:var(--ink);border-radius:8px;place-items:center;font-size:17px;font-weight:900;display:grid}.web-brand-name{font-size:19px;font-weight:900}.web-page-title{border-left:1px solid var(--line);color:var(--ink-3);padding-left:14px;font-size:13px;font-weight:800}.web-top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.web-top-actions .search{background:#fff;width:310px;margin-left:0}.web-account{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--ink-2);background:#fff;border-radius:50%;place-items:center;display:grid;overflow:hidden}.web-account img{object-fit:cover;width:100%;height:100%}.web-tabbar-wrap{z-index:120;filter:drop-shadow(0 10px 24px #20201e1f);width:min(560px,100vw - 40px);position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.web-tabbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;height:68px;padding:0 10px;display:grid}.web-tab-item{color:#9b9b94;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:67px;font-size:10px;font-weight:800;transition:color .12s;display:flex;position:relative}.web-tab-image{object-fit:contain;opacity:.72;width:29px;height:29px;transition:width .12s,height .12s,opacity .12s}.web-tab-item.active .web-tab-image{opacity:1;width:33px;height:33px}.web-tab-item:hover,.web-tab-item.active{color:var(--ink)}.web-tab-item.active:after{content:"";background:var(--primary);border-radius:3px;width:18px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.web-tab-quick{background:var(--primary);width:60px;height:60px;color:var(--ink);border-radius:50%;place-self:start center;place-items:center;transition:transform .12s,background .12s;display:grid;transform:translateY(-12px);box-shadow:0 7px 18px #20201e24}.web-tab-quick:hover{background:#f5c437;transform:translateY(-14px)}.web-tab-quick:active{transform:translateY(-10px)}.web-quick-image{object-fit:contain;width:44px;height:44px}.web-quick-paper{color:#fff7d4;place-items:center;display:grid;position:relative}.web-quick-paper i{color:#fff;background:#548b62;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-2px;right:-2px}.web-me{flex-direction:column;gap:26px;width:min(760px,100%);margin:0 auto;display:flex}.web-me-profile{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:118px;padding:18px 0;display:flex}.web-me-avatar{background:var(--primary);border-radius:8px;flex:none;place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.web-me-avatar img{object-fit:cover;width:100%;height:100%}.web-me-avatar span{font-size:25px;font-weight:900}.web-me-copy{flex:1;min-width:0}.web-me-copy h1{font-size:24px;line-height:1.2}.web-me-copy span{color:var(--ink-3);overflow-wrap:anywhere;margin-top:7px;font-size:12px;display:block}.web-me-section{flex-direction:column;gap:7px;display:flex}.web-me-heading h2{color:var(--ink-3);font-size:11px;font-weight:900}.web-me-list{border-top:1px solid var(--line)}.web-me-entry{border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;min-height:62px;padding:0 3px;display:flex}.web-me-entry>span{width:34px;height:34px;color:var(--ink);flex:none;place-items:center;display:grid}.web-me-entry>div{flex-direction:column;flex:1;min-width:0;display:flex}.web-me-entry strong{font-size:13px}.web-me-entry small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.web-me-entry:hover{background:var(--primary-soft)}.web-logout{color:#c74d3a;background:#fff7f4;border:1px solid #c74d3a3d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-weight:800;display:flex}.hipa-ai-page{min-height:560px;height:calc(100dvh - 206px)!important}.auth-screen{z-index:500;background:var(--bg);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.auth-login-wrap{width:min(520px,100%)}.login-shell{border-radius:8px!important;box-shadow:0 18px 50px #20201e29!important}.login-invite-shell{border:1px solid var(--line);background:#f8f6f2;flex-direction:column;justify-content:space-between;width:100%;min-height:min(660px,100dvh - 40px);padding:34px 26px 22px;display:flex;overflow:hidden}.login-brand{flex-direction:column;align-items:flex-start;display:flex}.login-logo{object-fit:contain;width:155px;height:62px}.login-brand span{color:var(--ink);margin-top:8px;font-size:12px;font-weight:800}.login-invite-form{flex-direction:column;gap:14px;display:flex;overflow:visible;padding:0!important}.login-invite-form h1{color:var(--ink);margin:0;font-size:30px;font-weight:900;line-height:38px}.login-invite-form>div>p{color:#766e66;margin:5px 0 0;font-size:14px;line-height:21px}.login-code-field{flex-direction:column;gap:7px;margin-top:8px;display:flex}.login-code-field>span{color:#766e66;font-size:11px;font-weight:800}.login-code-field input{width:100%;height:56px;color:var(--ink);font:800 17px/1 var(--f-body);letter-spacing:0;background:#fff;border:1px solid #211c1829;border-radius:8px;outline:0;padding:0 16px}.login-code-field input:focus{border-color:#d7a91d;box-shadow:0 0 0 3px #ffd0443d}.login-code-field input::placeholder{color:#b8b0a7}.login-error{color:#c8492f;margin:0;font-size:13px;line-height:18px}.login-submit{background:var(--primary);height:52px;color:var(--ink);cursor:pointer;border:0;border-radius:8px;place-items:center;font-size:15px;font-weight:900;display:grid}.login-submit:hover{background:#f5c437}.login-submit:disabled{cursor:not-allowed;opacity:.48}.login-footnote{color:#9a9289;text-align:center;margin:0;font-size:11px}.quick-record-form{flex-direction:column;gap:20px;padding:2px 0 6px;display:flex}.quick-record-section{min-width:0}.quick-record-section h3{margin:0 0 10px;font-size:13px;font-weight:900}.quick-record-animals{scrollbar-width:thin;scrollbar-color:var(--primary) var(--line);gap:9px;padding:1px 1px 5px;display:flex;overflow-x:auto}.quick-record-animals>button{border:1px solid var(--line);width:84px;min-width:84px;min-height:88px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:8px;display:flex}.quick-record-animals>button>span{background:#f1eee9;border-radius:7px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.quick-record-animals>button>strong{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--ink-3);text-align:center;margin-top:7px;font-size:11px;overflow:hidden}.quick-record-animals>button.active{border-color:var(--primary);background:var(--primary-soft)}.quick-record-animals>button.active>span{background:#fff}.quick-record-animals>button.active>strong{color:var(--ink)}.quick-record-animals>button:disabled{cursor:default}.quick-record-types{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.quick-record-types>button{border:1px solid var(--line);min-width:0;min-height:69px;color:var(--ink-3);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex}.quick-record-types>button span{margin-top:5px;font-size:12px;font-weight:800}.quick-record-types>button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.quick-record-types>button.active span{font-weight:900}.quick-record-types>button:disabled{cursor:default}.quick-record-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quick-record-field{flex-direction:column;gap:7px;min-width:0;display:flex}.quick-record-field.wide{grid-column:1/-1}.quick-record-field>span{color:var(--ink);font-size:12px;font-weight:900}.quick-record-field input,.quick-record-field textarea{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--ink);font:inherit;resize:vertical;background:#fff;border-radius:8px;outline:0;padding:11px 13px;font-size:13px}.quick-record-field input:focus,.quick-record-field textarea:focus{border-color:#d7a91d;box-shadow:0 0 0 3px #ffd04433}.quick-record-task{text-align:left;background:var(--primary-soft);min-height:65px;color:var(--ink);cursor:pointer;border:1px solid #f8c84680;border-radius:8px;align-items:center;gap:11px;padding:12px;display:flex}.quick-record-check{border:1px solid var(--ink);border-radius:5px;flex:none;place-items:center;width:22px;height:22px;display:grid}.quick-record-check.active{background:var(--ink);color:#fff}.quick-record-task>span:last-child{flex-direction:column;display:flex}.quick-record-task strong{font-size:13px}.quick-record-task small{color:var(--ink-3);margin-top:3px;font-size:11px}.quick-record-task-error{color:#c8492f;background:#fff;border:1px solid #c8492f47;border-radius:7px;min-height:42px;font-size:12px;font-weight:800}.quick-record-error{color:#c8492f;margin:0;font-size:13px;line-height:19px}.quick-record-submit{background:var(--primary);width:100%;min-height:50px;color:var(--ink);cursor:pointer;border:0;border-radius:8px;padding:0 18px;font-size:14px;font-weight:900}.quick-record-submit:hover{background:#f5c437}.quick-record-submit:disabled{cursor:not-allowed;opacity:.48}.quick-record-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:30px;display:flex}.quick-record-state-icon,.quick-record-success-icon{background:var(--primary-soft);width:58px;height:58px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.quick-record-success-icon{width:72px;height:72px}.quick-record-state h3{margin:17px 0 0;font-size:20px;font-weight:900}.quick-record-state p{max-width:390px;color:var(--ink-3);margin:7px 0 0;font-size:13px;line-height:20px}.quick-record-state .quick-record-submit{max-width:360px;margin-top:22px}.quick-record-spinner{border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.main-inner{padding:26px 24px 124px}.topbar{padding:0 24px}.web-top-actions .search{width:260px}.hipa-work-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)}}@media (max-width:820px){html{scrollbar-gutter:auto}.topbar{gap:10px;height:58px;padding:0 16px}.web-brand-name,.web-page-title,.web-top-search{display:none}.web-top-actions{gap:7px}.main-inner{padding:20px 16px calc(104px + env(safe-area-inset-bottom));overflow:hidden}.web-tabbar-wrap{filter:drop-shadow(0 -5px 16px #20201e14);width:100%;bottom:0}.web-tabbar{height:calc(68px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:0}.web-tab-item{height:67px}.notif-panel{width:min(340px,100vw - 20px);position:fixed;top:58px;right:10px}.search-panel{width:auto;position:fixed;top:58px;left:10px;right:10px}.h-display{line-height:1.15;font-size:30px!important}.h-section{font-size:22px}.card{min-width:0;padding:16px}.fadein{min-width:0;max-width:100%}.hipa-work-grid{grid-template-columns:minmax(0,1fr)}.fadein>div:first-child[style*=grid-template-columns]{flex-direction:column;align-items:stretch!important;gap:16px!important;display:flex!important}[style*="grid-template-columns: 1.4fr 1fr"],[style*="grid-template-columns: 1.6fr 1fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 40px 1fr"],[style*="grid-template-columns: 190px 1fr"],[style*="grid-template-columns: 260px 1fr 200px"],[style*="grid-template-columns: 320px 1fr 240px"]{grid-template-columns:minmax(0,1fr)!important}[style*="grid-template-columns: repeat(4, 1fr)"],[style*="grid-template-columns: repeat(4,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tbl{min-width:660px}.tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.web-me-profile{gap:14px;min-height:120px;padding:18px 0}.web-me-avatar{width:62px;height:62px}.web-me-copy h1{font-size:22px}.hipa-ai-page{height:calc(100dvh - 170px)!important;min-height:540px!important}.modal-overlay{align-items:center!important;padding:12px!important}.modal-panel{border-radius:8px!important;width:min(100vw - 24px,720px)!important;max-height:calc(100dvh - 24px)!important;box-shadow:0 12px 32px #20201e38!important}.modal-head{border-top-left-radius:8px!important;border-top-right-radius:8px!important;padding:16px 18px 11px!important}.modal-footer{flex-wrap:wrap;border-bottom-right-radius:8px!important;border-bottom-left-radius:8px!important;padding:10px 18px!important}.auth-screen{align-items:start;padding:12px}.auth-login-wrap{margin:auto 0}.login-shell{grid-template-columns:minmax(0,1fr)!important}.login-hero{display:none!important}.login-form-panel{padding:24px 18px!important}.login-invite-form{padding:0!important}.quick-record-types{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-record-fields{grid-template-columns:minmax(0,1fr)}.quick-record-field.wide{grid-column:auto}}@media (max-width:560px){.hipa-home{gap:26px}.hipa-home-head{padding-top:0}.hipa-home-head h1{font-size:25px}.hipa-home-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hipa-stat{text-align:center;min-width:0;padding:12px 8px}.hipa-work-panel,.hipa-quick-panel{padding:16px}.hipa-milestone{grid-template-columns:38px minmax(0,1fr) auto}.hipa-progress{display:none}[style*="grid-template-columns: repeat(3, 1fr)"],[style*="grid-template-columns: repeat(3,1fr)"],[style*="grid-template-columns: repeat(2, 1fr)"],[style*="grid-template-columns: repeat(2,1fr)"]{grid-template-columns:minmax(0,1fr)!important}.web-me-profile .btn{padding:8px 12px}.auth-screen{padding:0}.auth-login-wrap{width:100%;margin:0}.login-invite-shell{border:0;min-height:100dvh;padding:34px 26px 22px;box-shadow:none!important;border-radius:0!important}.quick-record-state{min-height:55dvh;padding:24px 8px}}.public-animal-page{color:#20201e;background:#f7f7f5;min-height:100dvh;padding-bottom:92px}.public-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #20201e1a;justify-content:space-between;align-items:center;height:68px;padding:0 max(18px,50vw - 440px);display:flex;position:sticky;top:0}.public-header a,.public-download a{color:#20201e;background:#ffd044;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:900}.public-animal-content,.public-transfer-content{width:min(880px,100% - 36px);margin:0 auto;padding:34px 0 48px}.public-animal-hero{border-bottom:1px solid #20201e1a;align-items:center;gap:18px;padding-bottom:28px;display:flex}.public-animal-photo{object-fit:cover;border-radius:8px;flex:none;width:96px;height:96px}.public-animal-fallback{background:#ffd044;place-items:center;font-size:34px;font-weight:900;display:grid}.public-animal-hero p{color:#8b847b;margin:0 0 6px;font-size:10px;font-weight:900}.public-animal-hero h1{margin:0;font-size:30px;line-height:1.2}.public-animal-hero span{color:#766e66;margin-top:7px;font-size:13px;display:block}.public-record-section{margin-top:30px}.public-record-section h2,.public-login h2{margin:0 0 12px;font-size:19px}.public-section-heading{justify-content:space-between;align-items:center;display:flex}.public-section-heading>span{color:#8b847b;font-size:12px}.public-fact-grid{border-top:1px solid #20201e1a;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.public-fact{border-bottom:1px solid #20201e1a;flex-direction:column;justify-content:center;min-height:70px;padding:12px 8px;display:flex}.public-fact span{color:#8b847b;font-size:11px}.public-fact strong{margin-top:5px;font-size:13px}.public-gene-list{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.public-gene-list span{background:#fff7d4;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800}.public-care-list{border-top:1px solid #20201e1a}.public-care-list article{border-bottom:1px solid #20201e1a;justify-content:space-between;align-items:center;min-height:66px;display:flex}.public-care-list strong{font-size:14px}.public-care-list p{color:#766e66;margin:4px 0 0;font-size:11px}.public-care-list time{color:#8b847b;font-size:11px}.public-empty{color:#766e66;padding:24px 0!important}.public-privacy{color:#8b847b;text-align:center;margin:28px 0 0;font-size:11px}.public-download{z-index:30;background:#fffffff7;border:1px solid #20201e1f;border-radius:8px;align-items:center;gap:16px;width:min(700px,100% - 28px);min-height:66px;padding:10px 12px 10px 18px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #20201e21}.public-download div{flex-direction:column;flex:1;min-width:0;display:flex}.public-download strong{font-size:13px}.public-download span{color:#766e66;margin-top:4px;font-size:11px}.public-state{text-align:center;background:#f7f7f5;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.public-state i{border:3px solid #20201e1f;border-top-color:#ffd044;border-radius:50%;width:30px;height:30px;margin:22px 0;animation:.8s linear infinite spin}.public-state h1{margin:20px 0 0;font-size:23px}.public-state p{color:#766e66;margin:7px 0 0;font-size:13px}.public-transfer-warning{background:#fff7f4;border:1px solid #c8492f38;border-radius:8px;margin-top:24px;padding:16px}.public-transfer-warning strong{font-size:14px}.public-transfer-warning p,.public-login>p{color:#766e66;margin:5px 0 0;font-size:12px;line-height:1.6}.public-login{margin-top:28px}.public-login .login-shell{min-height:560px;margin-top:14px}.public-code-field{flex-direction:column;gap:7px;margin-top:18px;display:flex}.public-code-field span{color:#c8492f;font-size:12px;font-weight:800}.public-code-field input{color:#20201e;background:#fff;border:1px solid #20201e29;border-radius:8px;height:48px;padding:0 12px;font-weight:800}.public-accept{color:#20201e;background:#ffd044;border-radius:8px;width:100%;height:50px;margin-top:20px;font-size:14px;font-weight:900}.public-accept:disabled{opacity:.5}.public-retry{color:#20201e;background:#fff;border:1px solid #20201e29;border-radius:8px;height:42px;margin-top:8px;padding:0 14px;font-size:12px;font-weight:900}.public-error{color:#c8492f;margin-top:10px;font-size:12px}@media (max-width:620px){.public-animal-content,.public-transfer-content{padding-top:24px}.public-animal-photo{width:76px;height:76px}.public-animal-hero h1{font-size:24px}.public-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-download span{display:none}.public-download{min-height:58px}.public-header{padding:0 16px}}