*,:before,:after{box-sizing:border-box}body{background:var(--pp-surface-sunken);color:var(--pp-text-primary);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:var(--pp-font-size-md);margin:0;line-height:1.5}a{color:inherit}img{max-width:100%;display:block}.page{flex-direction:column;min-height:100vh;display:flex}.top{padding:var(--pp-spacing-md) var(--pp-spacing-lg);justify-content:space-between;align-items:center;display:flex}.brand{font-size:var(--pp-font-size-lg);font-weight:900;text-decoration:none}.brand b{color:var(--pp-text-brand)}.main{width:100%;max-width:calc(var(--pp-size-avatar-xl) * 6);padding:0 var(--pp-spacing-lg) var(--pp-spacing-xxl);flex:1;margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--pp-spacing-sm);min-height:var(--pp-size-touch);padding:0 var(--pp-spacing-lg);border-radius:var(--pp-radius-full);border:var(--pp-outline-width) solid var(--pp-action-secondary-border);background:var(--pp-action-secondary-bg);color:var(--pp-action-secondary-text);font-weight:800;text-decoration:none;display:inline-flex}.btn.primary{border-color:var(--pp-action-primary-border);background:var(--pp-action-primary-bg);width:100%;color:var(--pp-action-primary-text);font-size:var(--pp-font-size-lg)}.btn.stamp{border-color:var(--pp-action-stamp-border);background:var(--pp-action-stamp-bg);width:100%;color:var(--pp-action-stamp-text);font-size:var(--pp-font-size-lg)}.card{margin-top:var(--pp-spacing-sm);padding:var(--pp-spacing-xl);border-radius:var(--pp-radius-lg);border-top:var(--pp-spacing-md) solid var(--pp-surface-inverse);background:var(--pp-surface-raised);box-shadow:var(--pp-elevation-raised);text-align:center}.medal{width:calc(var(--pp-size-avatar-lg) * 2);height:calc(var(--pp-size-avatar-lg) * 2);border-radius:var(--pp-radius-full);background:var(--pp-surface-sunken);border:var(--pp-spacing-sm) solid var(--sp,var(--pp-species-unknown));margin:0 auto;overflow:hidden}.medal img{object-fit:cover;width:100%;height:100%}.sp-cat{--sp:var(--pp-species-cat)}.sp-dog{--sp:var(--pp-species-dog)}.tagline{margin-top:var(--pp-spacing-md);padding:var(--pp-spacing-xs) var(--pp-spacing-md);border-radius:var(--pp-radius-full);background:var(--pp-surface-inverse);color:var(--pp-text-inverse);font-size:var(--pp-font-size-sm);font-weight:900;display:inline-block}.name{margin:var(--pp-spacing-md) 0 0;font-size:var(--pp-font-size-display);line-height:1.1}.chips{justify-content:center;gap:var(--pp-spacing-sm);margin-top:var(--pp-spacing-md);flex-wrap:wrap;display:flex}.chip{padding:var(--pp-spacing-xs) var(--pp-spacing-md);border-radius:var(--pp-radius-full);background:var(--pp-surface-sunken);font-size:var(--pp-font-size-sm);font-weight:700}.life-home{background:var(--pp-lifestyle-home-bg);color:var(--pp-lifestyle-home-text)}.life-street{background:var(--pp-lifestyle-street-bg);color:var(--pp-lifestyle-street-text)}.bio{margin:var(--pp-spacing-md) 0 0;padding:var(--pp-spacing-md);border-radius:var(--pp-radius-md);background:var(--pp-surface-sunken);text-align:left}.counts{margin-top:var(--pp-spacing-md);border:var(--pp-outline-width) solid var(--pp-outline-default);border-radius:var(--pp-radius-md);grid-template-columns:1fr 1fr;display:grid}.counts div{padding:var(--pp-spacing-sm);color:var(--pp-text-tertiary);font-size:var(--pp-font-size-xs);font-weight:600}.counts div+div{border-left:var(--pp-outline-width) solid var(--pp-outline-default)}.counts b{color:var(--pp-text-primary);font-size:var(--pp-font-size-xl);font-weight:900;display:block}.actions{gap:var(--pp-spacing-sm);margin-top:var(--pp-spacing-lg);display:grid}.sub{color:var(--pp-text-tertiary);font-size:var(--pp-font-size-sm)}.sub a{color:var(--pp-text-primary);font-weight:700}.grid{gap:var(--pp-spacing-xs);margin-top:var(--pp-spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--pp-radius-sm);width:100%}.post{margin-top:var(--pp-spacing-sm);border-radius:var(--pp-radius-lg);background:var(--pp-surface-raised);box-shadow:var(--pp-elevation-raised);overflow:hidden}.post-head{align-items:center;gap:var(--pp-spacing-sm);padding:var(--pp-spacing-md);font-weight:800;text-decoration:none;display:flex}.post-head .avatar{width:var(--pp-size-avatar-sm);height:var(--pp-size-avatar-sm);border-radius:var(--pp-radius-full);background:var(--sp,var(--pp-species-unknown))}.post-body{padding:var(--pp-spacing-md)}.post-body p{margin:0 0 var(--pp-spacing-sm)}.empty{padding:var(--pp-spacing-xxl) var(--pp-spacing-lg);text-align:center}.empty h1{font-size:var(--pp-font-size-xxl)}