/* ================= LIVER PROFILE（/liver/xxx/） ================= */
.lp{position:relative;overflow:hidden;padding:calc(150*var(--u)) calc(90*var(--u)) calc(110*var(--u))}
.lp-streak{position:absolute;height:calc(60*var(--u));border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,138,190,.5) 30%,rgba(255,170,210,.3) 70%,transparent);transform:rotate(-38deg);filter:blur(1px);pointer-events:none}
.lp-streak.s1{left:calc(-110*var(--u));top:calc(620*var(--u));width:calc(380*var(--u))}
.lp-streak.s2{right:calc(-120*var(--u));top:calc(430*var(--u));width:calc(420*var(--u))}
.lp-streak.s3{right:calc(-60*var(--u));top:calc(700*var(--u));width:calc(300*var(--u))}
.lp-card{position:relative;z-index:1;display:grid;grid-template-columns:calc(440*var(--u)) 1fr;gap:calc(90*var(--u));align-items:center;max-width:calc(1180*var(--u));margin:0 auto}
.lp-ic{position:relative;aspect-ratio:1;border-radius:50%}
.lp-ic::before{content:"";position:absolute;inset:calc(-16*var(--u));border-radius:50%;background:conic-gradient(from 200deg,rgba(254,17,121,0) 0deg,rgba(255,120,185,.8) 70deg,rgba(255,170,210,.25) 130deg,rgba(254,17,121,0) 170deg,rgba(255,130,190,.65) 250deg,rgba(254,17,121,0) 320deg);filter:blur(2px);transform:rotate(-12deg)}
.lp-ic::after{content:"";position:absolute;inset:calc(-8*var(--u));border-radius:50%;border:2px solid rgba(255,150,200,.55)}
.lp-ic img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;border:calc(6*var(--u)) solid #fff;box-shadow:0 calc(8*var(--u)) calc(24*var(--u)) rgba(254,17,121,.2);background:#f5f0f3}
.lp-label{font-size:calc(52*var(--u));margin-left:calc(-40*var(--u))}
.lp-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:calc(8*var(--u)) calc(28*var(--u));margin-top:calc(-14*var(--u))}
.lp-jp{font-size:calc(58*var(--u));font-weight:900;color:var(--ink);letter-spacing:.04em;line-height:1.2}
.lp-id{font-family:var(--en);font-size:calc(22*var(--u));font-weight:500;color:#6b7077;letter-spacing:.02em}
.lp-brush{display:block;width:calc(360*var(--u));height:calc(12*var(--u));margin-top:calc(8*var(--u))}
.lp-text{margin-top:calc(26*var(--u));font-size:calc(18*var(--u));line-height:1.9;color:#2a2f35;font-weight:500;letter-spacing:.06em}
.lp-rows{margin:calc(30*var(--u)) 0 0;padding-top:calc(26*var(--u));border-top:1px solid #d8d6d2}
.lp-rows > div{display:flex;align-items:center;gap:calc(26*var(--u))}
.lp-rows > div + div{margin-top:calc(14*var(--u))}
.lp-rows dt{flex:none;width:calc(144*var(--u));padding:calc(6*var(--u)) 0;text-align:center;border:1.5px solid var(--pink);border-radius:999px;color:var(--pink);font-weight:700;font-size:calc(15*var(--u));letter-spacing:.08em;background:#fff}
.lp-rows dd{margin:0;font-size:calc(17*var(--u));color:#2a2f35;font-weight:500;line-height:1.7}
.lp-back{position:relative;z-index:1;text-align:center;margin-top:calc(70*var(--u))}
.lp-back .btn{height:calc(50*var(--u));padding:0 calc(40*var(--u));font-size:calc(15*var(--u))}
@media (max-width: 820px){
  .lp{padding:84px 18px 60px}
  .lp-streak{opacity:.6}
  .lp-card{grid-template-columns:1fr;gap:26px;background:#fff;border-radius:16px;padding:34px 22px 30px;box-shadow:0 8px 26px rgba(30,38,45,.08)}
  .lp-ic{width:min(62vw,240px);margin:0 auto}
  .lp-ic::before{inset:-10px}.lp-ic::after{inset:-5px}
  .lp-ic img{border-width:4px}
  .lp-body{text-align:center}
  .lp-label{font-size:34px;margin-left:0}
  .lp-name{justify-content:center;gap:2px 14px;margin-top:-6px}
  .lp-jp{font-size:32px}.lp-id{font-size:14px}
  .lp-brush{width:200px;height:9px;margin:8px auto 0}
  .lp-text{font-size:14.5px;text-align:left;margin-top:20px;letter-spacing:.03em}
  .lp-rows{margin-top:22px;padding-top:20px;text-align:left}
  .lp-rows > div{flex-direction:column;align-items:flex-start;gap:8px}
  .lp-rows > div + div{margin-top:16px}
  .lp-rows dt{width:auto;padding:4px 18px;font-size:12.5px}
  .lp-rows dd{font-size:14.5px;padding-left:4px}
  .lp-back{margin-top:40px}
  .lp-back .btn{height:46px;font-size:14px}
}
/* TikTokボタン */
.lp-sns{margin-top:calc(34*var(--u))}
.lp-tiktok{display:inline-flex;align-items:center;gap:calc(12*var(--u));height:calc(58*var(--u));padding:0 calc(34*var(--u)) 0 calc(24*var(--u));border-radius:999px;background:var(--ink-deep);color:#fff;font-weight:700;font-size:calc(16*var(--u));letter-spacing:.06em;box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(21,25,30,.25);transition:transform .2s,background .2s}
.lp-tiktok:hover{transform:translateY(-2px);background:var(--pink)}
.lp-tiktok .ic{display:grid;place-items:center;width:calc(32*var(--u));height:calc(32*var(--u));border-radius:50%;background:#fff}
.lp-tiktok .ic svg{width:calc(18*var(--u));height:calc(18*var(--u));fill:var(--ink-deep)}
@media (max-width: 820px){
  .lp-sns{margin-top:26px;text-align:center}
  .lp-tiktok{height:52px;padding:0 26px 0 16px;font-size:14.5px;gap:10px;width:100%;justify-content:center}
  .lp-tiktok .ic{width:28px;height:28px}.lp-tiktok .ic svg{width:16px;height:16px}
}
