/* ---------- profiles / explore ---------- */
.avatar{display:inline-grid; place-items:center; border-radius:50%; border:3px solid var(--ink); box-shadow:0 3px 0 var(--ink); flex:0 0 auto; line-height:1}
.kitchen-choice{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media(max-width:520px){.kitchen-choice{grid-template-columns:1fr}}
.kc-card{
  text-align:left; background:var(--bg); border:3px solid var(--line); border-radius:20px; padding:16px; cursor:pointer; font:inherit; color:var(--ink);
  display:flex; flex-direction:column; gap:6px; transition:transform .15s cubic-bezier(.3,1.8,.5,1);
}
.kc-card:hover{transform:translateY(-3px)}
.kc-card.active{border-color:var(--ink); background:var(--yellow); box-shadow:0 5px 0 var(--ink)}
.kc-card[data-pub="1"].active{background:var(--mint)}
.kc-ico{font-size:30px} .kc-card b{font-family:var(--display); font-size:19px} .kc-card small{color:var(--dim); line-height:1.4; font-weight:500}
.kc-card.active small{color:var(--ink)}
.kitchen-choice.small .kc-card{padding:12px} .kitchen-choice.small .kc-ico{font-size:24px}
.avatar-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(50px,1fr)); gap:6px; justify-items:center}
@media(max-width:520px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}
.av-pick{background:none; border:0; padding:3px; border-radius:50%; cursor:pointer; transition:transform .12s cubic-bezier(.3,1.8,.5,1)}
.av-pick:hover{transform:scale(1.12)} .av-pick.active{outline:4px solid var(--pink); outline-offset:1px}

#profile-root,#explore-root{max-width:1200px; display:flex; flex-direction:column; gap:20px}
.profile-grid{display:grid; grid-template-columns:minmax(0,430px) 1fr; gap:26px; align-items:start}
@media(max-width:980px){.profile-grid{grid-template-columns:1fr}}
.profile-side{display:flex; flex-direction:column; gap:20px}
.profile-top{display:flex; gap:16px; align-items:center} .profile-top h2{font-size:26px}
.pf-items{display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:10px; max-height:420px; overflow-y:auto; padding:4px}
.pf-item{position:relative; padding:0; border:3px solid var(--ink); border-radius:14px; overflow:hidden; cursor:pointer; background:#fff; aspect-ratio:1}
.pf-item img{width:100%; height:100%; object-fit:cover; display:block; transition:filter .15s, opacity .15s}
.pf-item.off img{filter:grayscale(1) blur(1.5px); opacity:.45}
.pf-item .eye{position:absolute; left:5px; bottom:5px; background:#fff; border:2px solid var(--ink); border-radius:999px; font-size:10px; font-weight:800; padding:1px 8px}
.explore-card .maker{position:absolute; left:8px; bottom:8px; display:flex; align-items:center; gap:7px; background:#fff; border:2.5px solid var(--ink); border-radius:999px; padding:3px 12px 3px 3px; font-weight:800; font-size:12.5px; text-decoration:none; color:var(--ink); max-width:calc(100% - 16px)}
.explore-card .maker .avatar{width:26px!important; height:26px!important; border-width:2px; box-shadow:none}
.explore-card .maker span:last-child{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.explore-card .mod{position:absolute; top:8px; right:8px}

/* public profile page */
.public-profile{min-height:100%}
.pp-wrap{max-width:1150px; margin:0 auto; padding:0 24px 80px}
.pp-nav{display:flex; justify-content:space-between; align-items:center; padding:22px 0}
.pp-head{display:flex; gap:22px; align-items:center; margin:18px 0 34px; flex-wrap:wrap}
.pp-head h1{font-size:clamp(30px,5vw,48px)} .pp-bio{margin:10px 0 0; max-width:560px; color:var(--dim); line-height:1.55; font-size:16px}
.pp-private{text-align:center; padding:90px 20px; display:flex; flex-direction:column; align-items:center; gap:14px}
.pp-private h1{font-size:clamp(30px,5vw,46px)} .pp-private p{color:var(--dim); margin:0}
.pp-lock{font-size:68px}
.landing-brand{display:flex; align-items:center; gap:10px; font-family:var(--display); font-weight:800; font-size:22px; letter-spacing:-.03em; text-decoration:none}
.landing-brand img{width:40px;height:40px} .landing-brand b{color:var(--pink)}