.pf-class,.pf-card-class,.pu-class{--cls-ink:var(--cls)}:root[data-theme=light] :is(.pf-class,.pf-card-class,.pu-class){--cls-ink:color-mix(in oklab, var(--cls) 70%, #000)}@media (prefers-color-scheme:light){:root[data-theme=system] :is(.pf-class,.pf-card-class,.pu-class){--cls-ink:color-mix(in oklab, var(--cls) 70%, #000)}}.pf-intro{gap:6px;display:grid}.pf{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.pf-main{gap:14px;min-width:0;display:grid}.pf .pf-panel{border-radius:var(--radius);background:var(--surface);box-shadow:none;animation:pf-rise .28s var(--ease) backwards;padding:0;display:block}.pf .pf-panel:nth-child(2){animation-delay:35ms}.pf .pf-panel:nth-child(3){animation-delay:70ms}.pf .pf-panel:nth-child(4){animation-delay:.105s}.pf .pf-panel:nth-child(5){animation-delay:.14s}@keyframes pf-rise{0%{opacity:0;transform:translateY(6px)}}.pf-panel-head{padding:18px 20px 0}.pf .pf-panel-title{letter-spacing:-.012em;font-size:15px;font-weight:650;line-height:1.35}.pf-panel-desc{max-width:62ch;color:var(--muted);margin-top:4px;font-size:13px}.pf-panel-body{gap:18px;padding:16px 20px 20px;display:grid}.pf-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 16px;display:grid}.pf-field{gap:7px;min-width:0;display:grid}.pf-field.is-wide{grid-column:1/-1}.pf-field-top{justify-content:space-between;align-items:baseline;gap:8px;min-height:18px;display:flex}.pf-field-label{color:var(--text);font-size:13px;font-weight:600}.pf-field-opt{color:var(--muted);font-weight:400}.pf-field-msg{color:var(--muted);font-size:12.5px;line-height:1.45}.pf-field-msg.is-bad{color:var(--loss-ink)}.pf-field.is-invalid>.input,.pf-affix.is-invalid{box-shadow:inset 0 0 0 1px var(--red)}.pf-field select.input{width:100%}.pf-count{color:var(--muted);font-variant-numeric:tabular-nums;transition:color .15s var(--ease);font-size:11.5px}.pf-count.is-near{color:var(--amber)}.pf-count.is-over{color:var(--loss-ink)}.pf-affix{border-radius:var(--radius);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .16s var(--ease), background-color .16s var(--ease);align-items:center;display:flex}.pf-affix:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1px var(--blue-ink), 0 0 0 3px var(--blue-soft)}.pf-affix.is-ok:not(:focus-within){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue-ink) 50%, transparent)}.pf-affix.is-invalid:focus-within{box-shadow:inset 0 0 0 1px var(--red), 0 0 0 3px var(--red-soft)}.pf-affix .input{min-width:0;padding-left:2px;box-shadow:none!important;background:0 0!important}.pf-affix-pre{color:var(--muted);white-space:nowrap;padding-left:12px;font-size:14px}.pf-affix-pre.is-icon{place-items:center;padding:0 6px 0 12px;display:grid}.pf-affix>.pf-spin{flex-shrink:0;margin-right:12px}.pf-open{font-size:12.5px}.pf-links{gap:14px;display:grid}.pf-photo{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.pf-photo-drop{cursor:pointer;transition:box-shadow .16s var(--ease);background:0 0;border:0;border-radius:50%;flex-shrink:0;padding:0;position:relative}.pf-photo-drop:disabled{cursor:default}.pf-photo-drop:focus-visible{outline:2px solid var(--blue-ink);outline-offset:4px}.pf-photo-drop.is-over{box-shadow:0 0 0 4px var(--blue-ink)}.pf-avatar{object-fit:cover;box-shadow:0 0 0 3px var(--surface), 0 0 0 4px var(--line-2);border-radius:50%;display:block}.pf-avatar.avatar-fallback{place-items:center;display:grid}.pf-photo-cover{color:#fff;opacity:0;transition:opacity .16s var(--ease);background:#07080c8c;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.pf-photo-drop:not(:disabled):hover .pf-photo-cover,.pf-photo-drop:focus-visible .pf-photo-cover,.pf-photo-drop.is-over .pf-photo-cover,.pf-photo-drop.is-busy .pf-photo-cover{opacity:1}.pf-photo-text{flex:260px;gap:8px;min-width:0;display:grid}.pf-hint{color:var(--muted);font-size:12.5px}.pf-hint.is-bad{color:var(--loss-ink)}.pf-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite pf-spin;display:inline-block}.pf-spin.is-small{width:12px;height:12px;color:var(--muted)}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-classes{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:6px;display:grid}.pf-class{border-radius:var(--radius);background:var(--surface-2);height:36px;color:var(--text-2);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);border:0;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.pf-class:hover{background:var(--surface-3);color:var(--text)}.pf-class.is-on{background:var(--surface-3);color:var(--text);box-shadow:inset 3px 0 0 var(--cls-ink,var(--blue-ink)), inset 0 0 0 1px color-mix(in srgb, var(--cls-ink,var(--blue-ink)) 70%, transparent)}.pf-class.is-none{color:var(--muted)}.pf-class.is-none.is-on{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.pf-class:focus-visible,.pf-choice:focus-visible,.pf-seg button:focus-visible{outline:2px solid var(--blue-ink);outline-offset:1px}.pf-seg{flex-wrap:wrap;justify-self:start;max-width:100%}.pf-toggle{align-self:start;margin-top:27px}.pf-toggle.is-off{opacity:.55;cursor:default}.pf-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pf-choice{border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s var(--ease), box-shadow .15s var(--ease);border:0;grid-template-columns:16px minmax(0,1fr);align-content:start;gap:4px 12px;padding:14px 16px;display:grid}.pf-choice:hover{background:var(--surface-3)}.pf-choice.is-on{background:color-mix(in srgb, var(--surface-2) 88%, var(--blue));box-shadow:inset 0 0 0 1px var(--blue-ink)}.pf-choice-mark{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--muted);transition:box-shadow .15s var(--ease);border-radius:50%;grid-row:span 2;margin-top:2px}.pf-choice.is-on .pf-choice-mark{box-shadow:inset 0 0 0 5px var(--blue)}.pf-choice-t{font-size:14px;font-weight:650}.pf-choice-s{color:var(--muted);font-size:12.5px;line-height:1.45}.pf-dock{z-index:30;pointer-events:none;justify-content:center;height:52px;display:flex;position:sticky;bottom:16px}.pf-dock-bar{border-radius:var(--radius);background:var(--surface-3);max-width:calc(100% - 16px);min-height:50px;box-shadow:var(--shadow), inset 0 0 0 1px var(--line-2);opacity:0;visibility:hidden;transition:opacity .26s var(--ease), transform .26s var(--ease), visibility 0s linear .26s;align-items:center;gap:16px;padding:7px 7px 7px 16px;display:inline-flex;position:absolute;bottom:0;transform:translateY(10px)}.pf-dock[data-visible=true] .pf-dock-bar{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.pf-dock-state{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:inline-flex}.pf-dock-state.is-ok{color:var(--blue-ink)}.pf-dock-state.is-bad{color:var(--loss-ink)}.pf-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px}.pf-dock-actions{flex-shrink:0;gap:6px;display:inline-flex}.pf-kbd{background:#ffffff29;border-radius:2px;margin-left:2px;padding:1px 5px;font-size:11px;font-weight:600}@media (hover:none),(pointer:coarse){.pf-kbd{display:none}}.pf-aside{min-width:0}.pf-aside-inner{top:calc(var(--sticky-top) + 12px);gap:12px;display:grid;position:sticky}.pf-aside-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pf-aside-note{color:var(--muted);font-size:12.5px}.pf-card{border-radius:var(--radius);background:radial-gradient(120% 70% at 0% 0%, var(--blue-soft), transparent 62%), radial-gradient(80% 60% at 100% 100%, #6947a524, transparent 70%), var(--surface);box-shadow:var(--shadow);transition:opacity .2s var(--ease);gap:14px;padding:20px;display:grid}.pf-card[data-private]{background:var(--surface)}.pf-card-top{align-items:center;gap:14px;min-width:0;display:flex}.pf-card .pf-avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line-2)}.pf-card-who{min-width:0}.pf-card-name{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.2}.pf-card-handle{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:12.5px}.pf-card .profile-badges{margin-top:0}.pf-card-bio{color:var(--text-2);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.pf-card-bio.is-empty{color:var(--muted)}.pf-card-facts{flex-wrap:wrap;gap:6px;display:flex}.pf-card-facts>span{border-radius:var(--radius-sm);background:var(--surface-2);height:24px;color:var(--text-2);align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.pf-card-facts>.pf-card-class{color:var(--cls-ink)}.pf-card-links{color:var(--blue-ink);gap:6px;margin:0;padding:0;font-size:12.5px;font-weight:600;list-style:none;display:grid}.pf-card-links li{align-items:center;gap:7px;min-width:0;display:flex}.pf-card-links svg{flex-shrink:0}.pf-card-links span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-crop{border-radius:var(--radius);background:var(--surface);max-width:calc(100vw - 32px);color:var(--text);box-shadow:var(--shadow), inset 0 0 0 1px var(--line-2);border:0;padding:0}.pf-crop[open]{animation:pf-pop .22s var(--ease)}.pf-crop::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0405089e}@keyframes pf-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}.pf-crop-body{justify-items:center;gap:14px;width:360px;max-width:100%;padding:22px 24px 20px;display:grid}.pf .pf-crop-title{justify-self:start;font-size:17px;font-weight:650}.pf-crop-hint{color:var(--muted);justify-self:start;margin-top:-8px;font-size:12.5px}.pf-crop-frame{border-radius:var(--radius);background:var(--bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;position:relative;overflow:hidden}.pf-crop-frame:active{cursor:grabbing}.pf-crop-frame:focus-visible{outline:2px solid var(--blue-ink);outline-offset:2px}.pf-crop-frame img{pointer-events:none;max-width:none;position:absolute;top:0;left:0}.pf-crop-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #0405088c,inset 0 0 0 1px #ffffff73}.pf-crop-zoom{width:100%;color:var(--muted);align-items:center;gap:10px;display:flex}.pf-crop-zoom input{accent-color:var(--blue);flex:1}.pf-crop-actions{justify-self:end}.pu-private{background:var(--blue-soft)}.pu-about{gap:18px;max-width:760px;margin-top:-24px;display:grid}.pu-facts{flex-wrap:wrap;gap:14px 36px;margin:0;display:flex}.pu-facts dd{margin:4px 0 0;font-size:14px;font-weight:600}.pu-class{color:var(--cls-ink);align-items:center;gap:7px;display:inline-flex}.pu-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pu-links a{border-radius:var(--radius);background:var(--surface);height:32px;color:var(--text-2);transition:background-color .15s var(--ease), color .15s var(--ease);align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.pu-links a:hover{background:var(--surface-2);color:var(--text)}.pu-links span{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}@media (max-width:1120px){.pf{grid-template-columns:minmax(0,1fr)}.pf-aside{order:-1}.pf-aside-inner{position:static}}@media (max-width:640px){.pf-fields,.pf-choices{grid-template-columns:minmax(0,1fr)}.pf-toggle{margin-top:0}.pf-dock-bar{gap:10px;padding-left:12px}}@media (prefers-reduced-motion:reduce){.pf .pf-panel,.pf-crop[open]{animation:none}.pf-spin{animation:none!important}}:root[data-motion=reduce] :is(.pf .pf-panel,.pf-crop[open]){animation:none}:root[data-motion=reduce] .pf-spin{animation:none!important}.pu-page a.tile-card{box-shadow:inset 3px 0 0 var(--cls,var(--line-2)), inset 0 0 0 1px var(--line);transition:box-shadow .26s var(--ease-out), transform .26s var(--ease-out), background-color .26s var(--ease-out)}.pu-page a.tile-card:hover{background:var(--panel);box-shadow:inset 3px 0 0 var(--cls,var(--line-2)), inset 0 0 0 1px color-mix(in srgb, var(--blue-ink) 40%, var(--line-2)), 0 24px 48px -30px #0075ff73;transform:translateY(-2px)}
