@layer components{.app-shell>main.pf-page{padding:0 0 16px}.pf-cover{height:calc(165px + var(--app-safe-top));background-color:#1c1830;background-image:radial-gradient(70% 120% at 20% 0,#a77bf873,#0000 60%),radial-gradient(60% 100% at 90% 10%,#ffb22f2e,#0000 60%),linear-gradient(#2a1f52,#15131f);background-position:50%;background-size:cover;position:relative}.pf-gear{top:calc(12px + var(--app-safe-top));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#282430b8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:12px}.pf-gear-menu button{color:#fff}.pf-id{z-index:1;align-items:flex-end;gap:14px;margin-top:-58px;padding:0 16px 0 14px;display:flex;position:relative}.pf-avatar{box-shadow:0 0 0 4px var(--pf-ring), 0 0 0 5px #00000040;border-radius:50%;flex:none}.pf-names{min-width:0;padding-bottom:4px}.pf-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:6px;margin:0;font-size:21px;font-weight:700;line-height:1.15;display:flex}.pf-verified{color:var(--pf-verified);flex:none;display:inline-flex}.pf-handle{color:var(--pf-sub);margin:3px 0 0;font-size:14px}.pf-role{color:var(--pf-sub);margin:12px 16px 0;font-size:13.5px}.pf-bio{color:var(--ink);margin:5px 16px 0;font-size:15px;line-height:1.4}.pf-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 8px 0;display:grid}.pf-stat{text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;min-height:48px;padding:4px 8px;display:flex}.pf-stat:hover{background:var(--soft)}.pf-stat strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.pf-stat span{color:var(--pf-sub);font-size:13.5px}.pf-actions{gap:8px;margin:10px 12px 0;display:flex}.pf-complete{border:1px solid var(--pf-btn-line);background:var(--pf-btn);border-radius:12px;align-items:center;gap:12px;margin:12px 12px 0;padding:12px 12px 12px 14px;display:flex}.pf-complete-title{color:var(--ink);margin:0;font-size:15px;font-weight:700}.pf-complete-text{color:var(--muted);margin:2px 0 0;font-size:13.5px}.pf-complete-btn{flex:none;min-height:44px}.pf-btn{border:1px solid var(--pf-btn-line);background:var(--pf-btn);min-height:40px;color:var(--ink);border-radius:11px;flex:1;padding:0 14px;font-size:15px;font-weight:600;transition:background .2s}.pf-btn:hover{background:color-mix(in srgb, var(--pf-btn) 85%, var(--ink) 8%)}.pf-btn.is-primary{background:var(--accent);border-color:var(--accent);color:#fbfaff}.pf-btn:disabled{opacity:.6}.pf-square{border:1px solid var(--pf-btn-line);background:var(--pf-btn);width:44px;height:40px;color:var(--ink);border-radius:11px;flex:none;place-items:center;display:grid}.pf-note{color:var(--muted);margin:8px 18px 0;font-size:13.5px}.pf-note.is-error{color:var(--danger)}.pf-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 8px 0;display:grid}.pf-tile{background:var(--pf-tile);min-height:54px;color:var(--ink);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.pf-tile:hover{background:color-mix(in srgb, var(--pf-tile) 85%, var(--ink) 8%)}.pf-violet{color:var(--pf-violet);display:inline-flex}.pf-amber{color:var(--pf-amber);display:inline-flex}.pf-tabs{border-bottom:1px solid var(--divider);grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 0;scroll-margin-top:8px;display:grid}.pf-tab{min-height:42px;color:var(--pf-tab);font-size:15px;font-weight:500;position:relative}.pf-tab[aria-selected=true]{color:var(--pf-tab-on);font-weight:600}.pf-tab[aria-selected=true]:after{content:"";background:var(--pf-tab-line);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:10%;right:10%}.pf-panel{padding:12px 9px 0}.pf-empty{text-align:center;color:var(--muted);margin:28px 16px}.pf-about{background:var(--pf-tile);border-radius:12px;grid-template-columns:auto 1fr;gap:10px 16px;margin:4px 10px;padding:14px;font-size:14.5px;display:grid}.pf-about dt{color:var(--muted)}.pf-about dd{color:var(--ink);margin:0}.pf-skills{flex-wrap:wrap;gap:8px;margin:4px 8px;padding:0;list-style:none;display:flex}.pf-skills li{background:var(--cx-skill,var(--accent-soft));color:var(--cx-skill-ink,var(--ink));border-radius:12px;flex-direction:column;padding:8px 14px;font-size:14px;font-weight:500;display:flex}.pf-skills small{opacity:.8;font-size:11.5px;font-weight:400}.pf-edit{padding:calc(16px + var(--app-safe-top)) 16px 24px}.pf-edit h1{margin:0 0 12px;font-size:24px}.pf-edit-photos{background:var(--pf-tile);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:18px;padding:12px;display:flex}.pf-edit-row{align-items:center;gap:12px;min-height:64px;display:flex}.pf-edit-cover{background:#2a1f52 50%/cover no-repeat;border-radius:8px;width:64px;height:40px}.pf-small{background:var(--soft);min-height:38px;color:var(--ink);border-radius:9999px;padding:0 12px;font-size:13.5px;font-weight:600}.pf-edit-cancel{width:100%;min-height:44px;color:var(--muted);border-radius:12px;margin-top:12px;display:block}}:root{--pf-ring:#fff;--pf-verified:#6b4eea;--pf-sub:#5f5b6e;--pf-btn:#f1eff7;--pf-btn-line:#dcd8e8;--pf-tile:#fff;--pf-violet:#6b4eea;--pf-amber:#e39a12;--pf-tab:#5f5b6e;--pf-tab-on:#5838d6;--pf-tab-line:#6b4eea}:root[data-theme=dark]{--pf-ring:#f4f4f6;--pf-verified:#8e5afe;--pf-sub:#b8bccb;--pf-btn:#202029;--pf-btn-line:#2d2b37;--pf-tile:#17181d;--pf-violet:#9368ff;--pf-amber:#ffb22f;--pf-tab:#d5d9e4;--pf-tab-on:#ae95ff;--pf-tab-line:#8b57fc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--pf-ring:#f4f4f6;--pf-verified:#8e5afe;--pf-sub:#b8bccb;--pf-btn:#202029;--pf-btn-line:#2d2b37;--pf-tile:#17181d;--pf-violet:#9368ff;--pf-amber:#ffb22f;--pf-tab:#d5d9e4;--pf-tab-on:#ae95ff;--pf-tab-line:#8b57fc}}