@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=ZCOOL+KuaiLe&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;color:#6d4d52;background:#fff1c9;--ink:#442832;--muted:#8d6870;--cream:#fff8df;--milk:#fffdf6;--blush:#ffe0ec;--banana:#ffe986;--mint:#bbf3d0;--sky:#bfe8ff;--berry:#ff78a8;--berry-dark:#e94d89;--cocoa:#7d4b37;--line:rgba(126,75,55,.14);--glass:rgba(255,253,246,.78);--shadow-pop:0 20px 0 rgba(125,75,55,.08),0 28px 70px rgba(233,77,137,.18);--shadow-soft:0 16px 36px rgba(125,75,55,.13);--shadow-button:0 9px 0 #c94a78,0 18px 34px rgba(233,77,137,.26);--radius-card:30px;--radius-pill:999px}*{box-sizing:border-box}html{background:#fff1c9}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 10% 8%,rgba(255,120,168,.28) 0 9rem,transparent 9.2rem),radial-gradient(circle at 88% 14%,rgba(191,232,255,.62) 0 10rem,transparent 10.2rem),radial-gradient(circle at 82% 82%,rgba(187,243,208,.58) 0 14rem,transparent 14.2rem),radial-gradient(circle at 17% 88%,rgba(255,211,166,.7) 0 11rem,transparent 11.2rem),linear-gradient(135deg,#fff3c8 0%,#ffe6ef 44%,#e4f7ff 100%)}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,rgba(125,75,55,.16) 0 2px,transparent 2.5px),radial-gradient(circle,rgba(255,120,168,.16) 0 2px,transparent 2.5px);background-position:0 0,22px 22px;background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.05));content:""}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:4px solid rgba(255,120,168,.36);outline-offset:3px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-stage{width:min(100%,1480px);min-height:100dvh;margin:0 auto;padding:26px}.app-shell{position:relative;min-height:calc(100dvh - 52px);overflow:hidden;border:4px solid rgba(255,255,255,.86);border-radius:42px;background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),repeating-linear-gradient(135deg,rgba(255,255,255,.54) 0 16px,rgba(255,238,204,.34) 16px 32px),linear-gradient(135deg,rgba(255,253,246,.9),rgba(255,242,249,.9));box-shadow:var(--shadow-pop)}.app-shell:before,.app-shell:after{position:absolute;pointer-events:none;color:rgba(255,120,168,.18);font-family:"Baloo 2",cursive;font-size:10rem;font-weight:800;line-height:1;content:"paw"}.app-shell:before{top:95px;right:34px;transform:rotate(12deg)}.app-shell:after{left:38px;bottom:12px;color:rgba(125,75,55,.1);transform:rotate(-16deg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:3px dashed rgba(125,75,55,.13);background:rgba(255,253,246,.74);backdrop-filter:blur(22px) saturate(1.2)}.brand{display:flex;align-items:center;gap:13px;min-width:max-content}.brand-mark{position:relative;display:grid;width:56px;height:56px;place-items:center;border:3px solid #fff;border-radius:22px 22px 26px 16px;background:linear-gradient(145deg,var(--banana),var(--berry));color:#fff;font-family:"ZCOOL KuaiLe",cursive;font-size:25px;text-shadow:0 2px 0 rgba(125,75,55,.22);box-shadow:0 8px 0 rgba(125,75,55,.12),0 14px 28px rgba(255,120,168,.24);transform:rotate(-4deg)}.brand-mark:before,.brand-mark:after{position:absolute;top:-11px;width:18px;height:22px;border:3px solid #fff;border-radius:999px 999px 4px 4px;background:#ffbad3;content:""}.brand-mark:before{left:8px;transform:rotate(-18deg)}.brand-mark:after{right:8px;transform:rotate(18deg)}.brand-title{margin:0;color:var(--ink);font-family:"ZCOOL KuaiLe","Noto Sans SC",cursive;font-size:clamp(19px,2vw,25px);font-weight:400;letter-spacing:.02em}.brand-subtitle{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:700}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.nav-link,.cute-button,.ghost-button{position:relative;display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.nav-link{padding:0 15px;border:2px solid transparent;color:var(--muted)}.nav-link:hover,.nav-link.active{border-color:rgba(255,255,255,.9);background:#fff;color:var(--berry-dark);box-shadow:0 7px 0 rgba(125,75,55,.09),0 12px 24px rgba(255,120,168,.16);transform:translateY(-2px) rotate(-1deg)}.cute-button{min-height:46px;padding:0 22px;border:3px solid #fff;background:linear-gradient(135deg,#ff91b8,#ff6fa3 58%,#ffb65c);color:#fff;box-shadow:var(--shadow-button);text-shadow:0 2px 0 rgba(125,75,55,.16)}.cute-button:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 12px 0 #c94a78,0 24px 42px rgba(233,77,137,.28)}.cute-button:active{transform:translateY(4px);box-shadow:0 4px 0 #c94a78,0 12px 26px rgba(233,77,137,.2)}.cute-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.5}.ghost-button{min-height:42px;padding:0 17px;border:2px solid rgba(125,75,55,.11);background:rgba(255,255,255,.6);color:var(--cocoa)}.ghost-button:hover{background:#fff;transform:translateY(-2px)}.page-grid{position:relative;z-index:1;display:grid;grid-template-columns:300px minmax(0,1fr) 315px;gap:20px;padding:24px}.main-column,.side-column{display:flex;min-width:0;flex-direction:column;gap:20px}.cute-card{position:relative;border:3px solid rgba(255,255,255,.92);border-radius:var(--radius-card);background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);animation:floatIn .42s ease both}.cute-card:before{position:absolute;inset:10px;z-index:-1;border:2px dashed rgba(255,120,168,.12);border-radius:20px;content:""}.card-pad{padding:22px}.hero-card{min-height:292px;overflow:hidden;padding:28px;background:radial-gradient(circle at 84% 19%,rgba(255,255,255,.72) 0 38px,transparent 39px),radial-gradient(circle at 94% 74%,rgba(255,233,134,.82) 0 54px,transparent 55px),linear-gradient(150deg,#ffd8e8 0%,#fff0b3 58%,#dff8ff 100%)}.hero-card:before{border-color:rgba(255,255,255,.58)}.hero-card:after{position:absolute;right:-34px;bottom:-44px;width:170px;height:170px;border:16px solid rgba(255,255,255,.42);border-radius:44% 56% 49% 51%;background:rgba(255,120,168,.38);content:""}.hero-title{position:relative;z-index:1;margin:0;color:var(--ink);font-family:"ZCOOL KuaiLe","Noto Sans SC",cursive;font-size:clamp(42px,4.6vw,66px);font-weight:400;letter-spacing:-.03em;line-height:.98;text-wrap:balance;text-shadow:0 5px 0 rgba(255,255,255,.78)}.hero-title:after{display:block;width:74px;height:12px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,var(--berry),var(--banana),var(--mint));box-shadow:0 6px 0 rgba(125,75,55,.09);content:""}.hero-text,.body-text{position:relative;z-index:1;color:var(--muted);font-size:15px;font-weight:700;line-height:1.85;text-wrap:pretty}.section-title{margin:0 0 14px;color:var(--ink);font-family:"Baloo 2","Noto Sans SC",sans-serif;font-size:23px;font-weight:800;line-height:1.15;text-wrap:balance}.section-title:before{color:var(--berry);content:"✦ "}.post-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.post-card:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:0 18px 0 rgba(125,75,55,.07),0 34px 70px rgba(233,77,137,.18)}.post-head{display:flex;align-items:center;gap:14px;padding:18px 18px 14px}.pet-avatar{position:relative;display:grid;width:62px;height:62px;flex:0 0 auto;place-items:center;overflow:visible;border:4px solid #fff;border-radius:24px 22px 26px 20px;background:linear-gradient(145deg,#ffe9f2,#fff3bd);box-shadow:0 7px 0 rgba(125,75,55,.11),0 13px 26px rgba(255,120,168,.18);color:var(--berry-dark);font-family:"ZCOOL KuaiLe",cursive;font-size:22px}.pet-avatar:before,.pet-avatar:after{position:absolute;top:-10px;z-index:-1;width:20px;height:24px;border:4px solid #fff;border-bottom:0;border-radius:999px 999px 6px 6px;background:#ffd6e5;content:""}.pet-avatar:before{left:8px;transform:rotate(-18deg)}.pet-avatar:after{right:8px;transform:rotate(18deg)}.pet-avatar img{width:100%;height:100%;border-radius:19px;object-fit:cover}.post-meta{min-width:0}.post-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:var(--ink);font-size:18px;font-weight:900}.post-title-badge{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:linear-gradient(135deg,#fff9cf,#ffe4f0);color:var(--berry-dark);font-size:11px;font-weight:900;box-shadow:0 4px 0 rgba(125,75,55,.07)}.post-sub{margin:4px 0 0;color:#ad8790;font-size:12px;font-weight:800}.post-image{display:block;width:calc(100% - 36px);max-height:520px;margin:0 18px;overflow:hidden;border:5px solid #fff;border-radius:26px;background:#fff0f5;box-shadow:inset 0 0 0 2px rgba(255,120,168,.08),0 12px 26px rgba(125,75,55,.1)}.post-image img{width:100%;height:100%;max-height:520px;object-fit:cover;transition:transform .42s ease}.post-image:hover img{transform:scale(1.035)}.post-body{padding:16px 19px 20px}.post-content{margin:0 0 14px;color:#6d4d52;font-size:15px;font-weight:700;line-height:1.85;white-space:pre-wrap;text-wrap:pretty}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.cute-tag{display:inline-flex;min-height:32px;align-items:center;border:2px solid rgba(255,255,255,.88);border-radius:var(--radius-pill);background:linear-gradient(135deg,#fff,#ffeaf2);color:var(--berry-dark);padding:0 13px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 6px 0 rgba(125,75,55,.07);transition:transform .16s ease,box-shadow .16s ease}.cute-tag:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(125,75,55,.09)}.form-stack{display:flex;flex-direction:column;gap:14px}.field-label{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-size:14px;font-weight:900}.input,.textarea,.select{width:100%;border:3px solid rgba(255,255,255,.94);border-radius:20px;background:rgba(255,255,255,.82);color:var(--ink);font-size:15px;font-weight:700;box-shadow:inset 0 2px 0 rgba(125,75,55,.04),0 8px 0 rgba(125,75,55,.06)}.input,.select{min-height:52px;padding:0 16px}.select{appearance:none;-webkit-appearance:none;padding-right:52px;border-color:rgba(255,255,255,.98);background-image:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,234,242,.92)),radial-gradient(circle at calc(100% - 27px) 50%,#ff91b8 0 13px,transparent 14px),linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:0 0,0 0,calc(100% - 30px) 50%,calc(100% - 22px) 50%;background-size:100% 100%,100% 100%,8px 8px,8px 8px;background-repeat:no-repeat;color:var(--ink);cursor:pointer;letter-spacing:.02em;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.select:hover{border-color:#fff;box-shadow:inset 0 2px 0 rgba(125,75,55,.03),0 10px 0 rgba(125,75,55,.08),0 18px 30px rgba(255,120,168,.16);transform:translateY(-1px)}.select:focus{border-color:#fff;background-color:#fff;box-shadow:0 0 0 5px rgba(255,120,168,.2),0 10px 0 rgba(125,75,55,.08),0 18px 30px rgba(255,120,168,.18)}.select option{background:#fffdf6;color:#6d4d52;font-weight:800}.textarea{min-height:154px;resize:vertical;padding:14px 16px;line-height:1.8}.file-drop{display:grid;min-height:142px;place-items:center;border:4px dashed rgba(255,120,168,.42);border-radius:26px;background:rgba(255,234,242,.68);color:var(--berry-dark);cursor:pointer;text-align:center;font-weight:900;box-shadow:inset 0 0 0 8px rgba(255,255,255,.34)}.file-drop input{display:none}.pretty-file-drop{position:relative;overflow:hidden;gap:8px;padding:18px;background:linear-gradient(135deg,#fff9cf,#ffe4f0 58%,#e8f8ff);box-shadow:inset 0 0 0 4px rgba(255,255,255,.42),0 12px 0 rgba(125,75,55,.07),0 24px 38px rgba(255,120,168,.18);transition:transform .18s ease,box-shadow .18s ease}.pretty-file-drop:before{position:absolute;inset:12px;border:3px dashed rgba(255,120,168,.28);border-radius:18px;content:""}.pretty-file-drop:hover{transform:translateY(-3px) rotate(-.5deg);box-shadow:inset 0 0 0 4px rgba(255,255,255,.55),0 15px 0 rgba(125,75,55,.08),0 30px 46px rgba(255,120,168,.22)}.file-drop-icon{position:relative;z-index:1;display:grid;width:46px;height:46px;place-items:center;border:3px solid #fff;border-radius:18px;background:linear-gradient(135deg,#ff91b8,#ffb65c);color:#fff;font-size:28px;font-weight:900;line-height:1;box-shadow:0 7px 0 rgba(125,75,55,.1)}.file-drop-title{position:relative;z-index:1;color:var(--ink);font-size:15px;font-weight:900}.file-drop-preview{position:relative;z-index:1;display:none;width:78px;height:78px;overflow:hidden;border:4px solid #fff;border-radius:24px;background:#fff;box-shadow:0 8px 0 rgba(125,75,55,.1),0 16px 28px rgba(255,120,168,.2)}.file-drop-preview:has(img){display:block}.file-drop-preview img{width:100%;height:100%;object-fit:cover}.pet-avatar-file-drop:has(.file-drop-preview img){border-style:solid;background:linear-gradient(135deg,#fff,#ffeaf2 58%,#e8f8ff)}.file-drop-hint{position:relative;z-index:1;max-width:100%;overflow:hidden;color:#ad8790;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.pet-edit-trigger{display:inline-grid;cursor:pointer}.pet-edit-trigger .pet-avatar{transition:transform .18s ease,box-shadow .18s ease}.pet-edit-trigger:hover .pet-avatar{transform:translateY(-3px) rotate(-4deg);box-shadow:0 10px 0 rgba(125,75,55,.12),0 18px 34px rgba(255,120,168,.28)}.pet-name-link{transition:color .16s ease,text-decoration-color .16s ease}.pet-name-link:hover{color:var(--berry-dark);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.pet-card-editing{box-shadow:0 0 0 4px rgba(255,120,168,.2),var(--shadow-soft)}.preview-image{overflow:hidden;border:5px solid #fff;border-radius:26px;box-shadow:var(--shadow-soft)}.error-text{color:#c9355f;font-weight:900}.success-text{color:#258a5b;font-weight:900}.empty-state{padding:44px 24px;text-align:center}.empty-icon{display:grid;width:82px;height:82px;margin:0 auto 16px;place-items:center;border:4px solid #fff;border-radius:30px 30px 36px 24px;background:linear-gradient(145deg,#fff1b5,#ffc4dc);color:var(--berry-dark);font-family:"ZCOOL KuaiLe",cursive;font-size:26px;box-shadow:0 10px 0 rgba(125,75,55,.09),0 18px 34px rgba(255,120,168,.2);transform:rotate(-4deg)}.login-wrap{position:relative;z-index:1;display:grid;min-height:calc(100dvh - 136px);grid-template-columns:minmax(0,1fr) 440px;gap:26px;align-items:center;padding:32px}.login-visual{position:relative;min-height:560px;overflow:hidden;border:4px solid #fff;border-radius:38px;background:radial-gradient(circle at 22% 20%,rgba(255,120,168,.52) 0 94px,transparent 96px),radial-gradient(circle at 77% 70%,rgba(255,233,134,.88) 0 120px,transparent 122px),radial-gradient(circle at 66% 24%,rgba(191,232,255,.95) 0 88px,transparent 90px),linear-gradient(135deg,#fff7d8,#ffe3ef 56%,#e6f7ff);padding:48px;box-shadow:var(--shadow-pop)}.login-visual:after{position:absolute;right:42px;bottom:28px;color:rgba(255,255,255,.88);font-family:"Baloo 2",cursive;font-size:clamp(5rem,12vw,10rem);font-weight:800;line-height:.8;text-shadow:0 10px 0 rgba(125,75,55,.08);content:"DOG"}.login-panel{padding:28px}@keyframes floatIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.main-column .cute-card:nth-child(2){animation-delay:.06s}.main-column .cute-card:nth-child(3){animation-delay:.12s}.main-column .cute-card:nth-child(4){animation-delay:.18s}.pet-detail-page{display:flex;width:100%;max-width:none;margin:0;flex-direction:column;gap:16px;padding:20px 24px;scroll-padding-top:112px}.pet-detail-page section[id]{scroll-margin-top:112px}.pet-detail-page .card-pad{padding:18px}.pet-detail-page .section-title{margin-bottom:10px;font-size:21px}.pet-detail-page .body-text{margin-top:6px;margin-bottom:10px;line-height:1.7}.pet-profile-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;overflow:hidden;padding:22px 24px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.68) 0 58px,transparent 60px),linear-gradient(135deg,#ffe0ec,#fff4bd 58%,#ddf7ff)}.pet-profile-hero-main{display:flex;min-width:0;align-items:center;gap:18px}.pet-profile-avatar-wrap{position:relative;flex:0 0 auto}.pet-profile-avatar{width:118px;height:118px;border-radius:38px;font-size:38px}.pet-title-ribbon{position:absolute;left:50%;bottom:-8px;min-width:max-content;transform:translateX(-50%);padding:7px 12px;border:3px solid #fff;border-radius:999px;background:linear-gradient(135deg,#fff,#ffeaf2);color:var(--berry-dark);font-size:12px;font-weight:900;box-shadow:0 8px 0 rgba(125,75,55,.09)}.pet-profile-copy{min-width:0}.pet-detail-page .hero-kicker{margin:0 0 6px}.pet-detail-page .hero-title{font-size:clamp(36px,4.2vw,54px)}.pet-detail-page .hero-title:after{width:58px;height:9px;margin-top:12px}.pet-detail-page .hero-text{max-width:920px;margin:10px 0 12px;line-height:1.72}.pet-profile-actions{display:grid;min-width:170px;max-width:260px;gap:9px;justify-content:stretch}.pet-profile-actions .cute-button,.pet-profile-actions .ghost-button,.pet-profile-actions button{width:100%}.pet-profile-actions form{margin:0}.pet-dashboard-grid{display:grid;grid-template-columns:minmax(360px,.7fr) minmax(0,1.55fr);gap:16px}.pet-dashboard-grid+section,.full-panel+.pet-dashboard-grid{margin-top:0}.full-panel{scroll-margin-top:112px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-grid div{padding:12px;border:2px solid rgba(255,255,255,.86);border-radius:18px;background:rgba(255,255,255,.58)}.info-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900}.info-grid strong{display:block;margin-top:4px;color:var(--ink);font-size:15px}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}.equipment-card{min-height:142px;padding:12px;border:2px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,255,255,.58);text-align:center}.equipment-card h3{margin:6px 0 3px;color:var(--ink);font-size:14px}.equipment-card .body-text{margin:4px 0;font-size:13px;line-height:1.45}.equipment-icon{font-size:25px}.equipment-image{width:62px;height:62px;margin:6px auto;border:3px solid #fff;border-radius:18px;object-fit:cover;box-shadow:0 8px 0 rgba(125,75,55,.08)}.inline-form{margin-top:6px}.form-grid-2,.form-grid-3{display:grid;gap:12px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-file-drop{min-height:52px;padding:10px}.compact-file-drop:before{inset:7px}.small-textarea{min-height:78px}.title-display-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:14px}.compact-publish-file{min-height:92px}.location-picker{padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,234,242,.72))}.compact-location-picker{padding:14px;border-radius:24px;box-shadow:0 10px 0 rgba(125,75,55,.06),0 18px 34px rgba(233,77,137,.1)}.compact-location-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.compact-location-head .section-title{margin-bottom:0;white-space:nowrap}.compact-location-head .body-text{margin:0;font-size:13px;line-height:1.55}.location-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.compact-location-mode-grid{gap:8px;margin:10px 0}.location-mode-card{position:relative;display:grid;min-height:128px;gap:6px;align-content:center;padding:16px;border:3px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.62);cursor:pointer;box-shadow:0 8px 0 rgba(125,75,55,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.compact-location-mode-grid .location-mode-card{grid-template-columns:auto 1fr;min-height:54px;align-items:center;align-content:center;gap:8px;padding:9px 12px;border-radius:18px}.location-mode-card input{position:absolute;opacity:0;pointer-events:none}.location-mode-card:hover,.location-mode-card.active{border-color:#fff;background:linear-gradient(135deg,#fff9cf,#ffe4f0 58%,#e8f8ff);box-shadow:0 11px 0 rgba(125,75,55,.08),0 22px 36px rgba(255,120,168,.18);transform:translateY(-2px)}.location-mode-icon{font-size:28px}.compact-location-mode-grid .location-mode-icon{font-size:20px}.location-mode-title{color:var(--ink);font-size:16px;font-weight:900}.compact-location-mode-grid .location-mode-title{font-size:14px}.location-mode-desc{color:var(--muted);font-size:12px;font-weight:800}.location-panel{margin-top:12px;padding:14px;border:2px dashed rgba(255,120,168,.2);border-radius:22px;background:rgba(255,255,255,.46)}.compact-location-panel{display:flex;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border-radius:18px}.compact-location-panel .body-text{margin:0;font-size:12px;line-height:1.5}.compact-location-panel .ghost-button{min-height:36px;padding:0 13px;font-size:12px;white-space:nowrap}.title-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.title-card{padding:14px;border:2px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,255,255,.58)}.title-card.locked{filter:saturate(.78);opacity:.82}.title-card-head{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:15px}.title-card-head span{font-size:22px}.title-card p{margin:8px 0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.6}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:rgba(125,75,55,.1)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--berry),var(--banana))}.condition-list{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.6}.pet-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.mini-post-card{display:block;overflow:hidden;padding:10px;border:2px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,255,255,.58)}.mini-post-card img{width:100%;aspect-ratio:4/3;border-radius:15px;object-fit:cover}.mini-post-card p{margin:8px 0 5px;color:var(--ink);font-size:14px;font-weight:800;line-height:1.55}.relationship-form,.equipment-form{margin-top:14px}@media (min-width:1320px){.app-stage{width:100%;padding:20px}.pet-detail-page{padding-inline:26px}.pet-dashboard-grid{grid-template-columns:minmax(390px,.62fr) minmax(0,1.7fr)}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.title-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:1180px){.topbar{align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.page-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.login-wrap{grid-template-columns:1fr}.pet-dashboard-grid{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:1fr}.pet-profile-hero{grid-template-columns:1fr;align-items:flex-start}.pet-profile-actions{max-width:none;justify-content:stretch}}@media (max-width:760px){.app-stage{padding:0}.app-shell{min-height:100dvh;border-width:0;border-radius:0}.topbar{padding:16px}.brand-mark{width:50px;height:50px}.nav-links{width:100%;overflow-x:auto;flex-wrap:nowrap;padding:0 0 9px}.nav-link{min-width:max-content}.page-grid,.login-wrap{padding:16px}.pet-detail-page{width:100%;padding:14px;gap:14px}.side-column{display:flex}.hero-card{min-height:230px}.hero-title{font-size:40px}.login-visual{min-height:330px;padding:28px}.post-image{width:calc(100% - 28px);margin:0 14px}.pet-profile-hero{padding:18px}.pet-profile-hero-main{align-items:flex-start;flex-direction:column}.pet-profile-avatar{width:104px;height:104px}.equipment-grid,.title-grid,.pet-post-grid,.form-grid-2,.title-display-form{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.info-grid{grid-template-columns:1fr}.comment-card>.post-content,.comment-card>.reply-trigger,.comment-card>.inline-reply-form,.reply-item>.post-content,.reply-item>.reply-trigger{margin-left:0}.reply-list{margin-left:16px;padding-left:12px}}.comment-card>.post-content,.comment-card>.reply-trigger{margin-left:46px}.comment-card>.inline-reply-form{margin-left:46px}.reply-list{margin-left:46px;padding-left:18px;border-left:4px solid rgba(255,120,168,.18);background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(255,255,255,0));border-radius:0 18px 18px 0}.reply-item>.post-content,.reply-item>.reply-trigger{margin-left:46px}.reply-item{background:rgba(255,255,255,.58)}[hidden],.inline-reply-form[hidden]{display:none!important}.web-comment-avatar,.comment-avatar,.message-pet-avatar,.comment-card .comment-avatar,.reply-list .comment-avatar,.reply-item .comment-avatar{box-sizing:border-box!important;display:grid!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;flex:0 0 36px!important;place-items:center!important;overflow:hidden!important;border-width:3px!important;border-radius:13px!important;font-size:14px!important;line-height:1!important}.web-comment-avatar img,.comment-avatar img,.message-pet-avatar img,.comment-card .comment-avatar img,.reply-list .comment-avatar img,.reply-item .comment-avatar img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;border-radius:10px!important;object-fit:cover!important}.comment-avatar:before,.comment-avatar:after,.message-pet-avatar:before,.message-pet-avatar:after{display:none!important}