.pf-main{width:min(100%,880px);margin:0 auto;display:flex;flex-direction:column;gap:14px}
.pf-nav-mid{flex:1;text-align:center;font-family:var(--f-display);font-size:13px;font-weight:800;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-loading{padding:60px 16px;text-align:center;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-card);background:var(--glass);font-size:14px}

.pf-hero{display:flex;gap:24px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(180deg,rgba(44,37,55,.92),rgba(20,19,28,.96));box-shadow:0 18px 50px -20px rgba(0,0,0,.7);animation:authIn .22s var(--ease)}
.pf-ava-col{display:flex;flex-direction:column;gap:10px;align-items:center;flex:none}
.pf-ava{position:relative;width:112px;height:112px;flex:none;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;font-family:var(--f-display);font-size:44px;font-weight:800;box-shadow:var(--glow);border:none;padding:0}
.pf-ava img{width:100%;height:100%;object-fit:cover;display:block}
button.pf-ava{cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s}
button.pf-ava:hover{transform:translateY(-2px);box-shadow:var(--glow-strong)}
.pf-ava-hint{position:absolute;left:0;right:0;bottom:0;padding:7px 0;background:rgba(5,5,8,.66);color:#fff;font-family:var(--f-body);font-size:11px;font-weight:700;text-align:center;opacity:0;transition:opacity .2s}
button.pf-ava:hover .pf-ava-hint{opacity:1}
.pf-mini{min-height:32px;padding:0 12px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--glass);color:var(--muted);font-family:var(--f-body);font-size:11.5px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pf-mini:hover{background:rgba(255,46,99,.14);border-color:rgba(255,46,99,.45);color:#ffd7e1}
.pf-mini[hidden]{display:none}
.pf-id-col{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pf-name{font-family:var(--f-display);font-size:clamp(20px,3.4vw,28px);font-weight:800;line-height:1.15;word-break:break-word;margin:0}
.pf-sub{color:var(--muted);font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pf-sub b{color:var(--text);font-weight:700}
.pf-about-view{color:var(--text);font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:2px 0 0}
.pf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pf-sm{min-height:38px;padding:0 15px;font-size:12.5px}

.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pf-stats-2{grid-template-columns:repeat(2,1fr)}
.pf-stat{padding:20px 16px;text-align:center;border:1px solid var(--line);border-radius:var(--r-card);background:var(--glass)}
.pf-stat-num{font-family:var(--f-display);font-size:24px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-stat-label{margin-top:7px;color:var(--muted);font-size:12px;font-weight:600}

.pf-card{padding:22px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--glass);display:flex;flex-direction:column;gap:12px;animation:authIn .22s var(--ease)}
.pf-h{font-family:var(--f-display);font-size:15px;font-weight:800;margin:0}
.pf-genres{display:flex;flex-wrap:wrap;gap:8px}
.pf-genre{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-chip);background:rgba(255,255,255,.04);font-size:12.5px;font-weight:600;color:var(--text)}
.pf-genre b{color:#fff;background:var(--grad);border-radius:999px;padding:2px 8px;font-size:11px}
.pf-about{width:100%;resize:vertical;min-height:96px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-btn);background:rgba(255,255,255,.04);color:var(--text);font-family:var(--f-body);font-size:14px;line-height:1.55;outline:none;transition:border-color .2s,box-shadow .2s}
.pf-about:focus{border-color:rgba(255,46,99,.55);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(255,46,99,.15)}
.pf-about::placeholder{color:rgba(156,152,174,.55)}
.pf-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pf-count{color:var(--muted);font-size:12px}
.pf-form{display:flex;flex-direction:column;gap:12px}
.pf-form button[type="submit"]{min-height:46px;font-family:var(--f-body)}
.pf-note{color:var(--muted);font-size:11.5px;line-height:1.55;margin:0}
.pf-card button:disabled{opacity:.55;pointer-events:none}
.pf-del{min-height:44px;border-radius:var(--r-btn);border:1px solid rgba(255,46,99,.4);background:rgba(255,46,99,.12);color:#ffb3c4;font-family:var(--f-body);font-size:13px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pf-del:hover,.pf-del.armed{background:rgba(255,46,99,.26);border-color:rgba(255,46,99,.7);color:#fff}
.pf-guest{align-items:center;text-align:center;gap:16px;padding:52px 24px}
.pf-guest h1{font-family:var(--f-display);font-size:22px;font-weight:800;margin:0}
.pf-guest p{color:var(--muted);font-size:14px;line-height:1.6;max-width:440px;margin:0}

@media (max-width:700px){
  .pf-hero{flex-direction:column;text-align:center;align-items:center;gap:16px;padding:24px 18px}
  .pf-id-col{align-items:center}
  .pf-sub{justify-content:center}
  .pf-actions{justify-content:center}
  .pf-ava{width:96px;height:96px;font-size:36px}
  .pf-stats{grid-template-columns:repeat(2,1fr)}
  .pf-stats .pf-stat:last-child{grid-column:1/-1}
  .pf-nav-mid{display:none}
  .pf-card{padding:18px 16px}
}