[data-profile-page]{--profile-page:var(--caca-page);--profile-panel:var(--caca-panel);--profile-surface:var(--caca-surface);--profile-surface-strong:var(--caca-surface-strong);--profile-border:var(--caca-border);--profile-border-soft:var(--caca-divider);--profile-text:rgba(255,255,255,0.92);--profile-text-2:rgba(255,255,255,0.6);--profile-text-3:rgba(255,255,255,0.36);--profile-red:#ff0f4f}[data-profile-page],[data-profile-page] .profile-page-main{height:100dvh;min-height:0;overflow:hidden;background:var(--profile-page)}[data-profile-page] .profile-page-main{position:relative}[data-profile-page] .profile-page-state{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}[data-profile-page] .profile-page-back{position:fixed;z-index:35;top:24px;margin-left:22px;width:36px;height:36px;display:grid;place-items:center;padding:0;color:var(--profile-text-2);background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:8px;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}[data-profile-page] .profile-page-back:hover{color:var(--profile-text);background:var(--profile-surface-strong);border-color:rgba(255,255,255,.18)}[data-profile-page] .profile-page-back:focus-visible{outline:2px solid var(--profile-red);outline-offset:2px}[data-profile-page] .profile-page-layout{display:grid;grid-template-columns:224px minmax(0,1fr);height:100%;min-height:0;overflow:hidden}[data-profile-page] .profile-page-author{min-width:0;height:100%;padding:82px 22px 30px;overflow-y:auto;background:var(--profile-panel);border-right:1px solid var(--profile-border-soft)}[data-profile-page] .profile-page-author>div:nth-child(2){width:100%}[data-profile-page] .profile-page-author>div:nth-child(3){width:100%;justify-content:space-between;gap:8px;padding:16px 0;border-top:1px solid var(--profile-border-soft);border-bottom:1px solid var(--profile-border-soft)}[data-profile-page] .profile-page-author>div:nth-child(3)>div{min-width:0}[data-profile-page] .profile-page-author a,[data-profile-page] .profile-page-author button{border-radius:8px!important}[data-profile-page] .profile-page-gallery{min-width:0;height:100%;padding:14px clamp(20px,2.4vw,48px) 48px;overflow-y:auto;background:var(--profile-page)}[data-profile-page] .profile-page-toolbar{top:0;padding:0 0 12px!important;border:0!important;border-bottom:1px solid var(--profile-border-soft)!important;border-radius:0!important;background:color-mix(in srgb,var(--profile-page) 94%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}[data-profile-page] .profile-page-toolbar button,[data-profile-page] .profile-page-toolbar input{border-radius:8px!important}[data-profile-page] .profile-page-gallery [class*=rounded-2xl]{border-radius:4px}@media (min-width:2048px){[data-profile-page] .profile-page-layout{grid-template-columns:248px minmax(0,1fr)}[data-profile-page] .profile-page-gallery{padding-inline:clamp(32px,2.7vw,80px)}}@media (max-width:980px){[data-profile-page] .profile-page-layout{grid-template-columns:190px minmax(0,1fr)}[data-profile-page] .profile-page-author{padding-inline:16px}}@media (max-width:760px){[data-profile-page] .profile-page-back{top:18px;margin-left:12px}[data-profile-page] .profile-page-main,[data-profile-page] .profile-page-state{margin-left:70px!important}[data-profile-page] .profile-page-layout{display:block;height:100%;overflow-y:auto}[data-profile-page] .profile-page-author{width:100%;height:auto;min-height:340px;padding:70px 20px 24px;border-right:0;border-bottom:1px solid var(--profile-border-soft)}[data-profile-page] .profile-page-gallery{height:auto;min-height:60vh;overflow:visible;padding:14px 12px 40px}}@media (prefers-reduced-motion:reduce){[data-profile-page] .profile-page-back{transition:none}}[data-profile-page] .profile-connections-backdrop{position:fixed;z-index:180;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}[data-profile-page] .profile-connections-dialog{width:min(420px,100%);max-height:min(620px,calc(100dvh - 40px));display:flex;flex-direction:column;overflow:hidden;color:var(--profile-text);background:var(--profile-panel);border:1px solid var(--profile-border);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.55)}[data-profile-page] .profile-connections-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--profile-border-soft)}[data-profile-page] .profile-connections-dialog h2{margin:0;font-size:15px;font-weight:650}[data-profile-page] .profile-connections-dialog header button{width:30px;height:30px;display:grid;place-items:center;padding:0;color:var(--profile-text-2);background:transparent;border:0;border-radius:8px;cursor:pointer}[data-profile-page] .profile-connections-dialog header button:hover{color:var(--profile-text);background:var(--profile-surface)}[data-profile-page] .profile-connections-list{min-height:160px;padding:8px;overflow-y:auto}[data-profile-page] .profile-connections-list>a{display:flex;align-items:center;gap:11px;padding:9px;color:inherit;text-decoration:none;border-radius:8px;transition:background .18s ease}[data-profile-page] .profile-connections-list>a:hover{background:var(--profile-surface)}[data-profile-page] .profile-connection-avatar,[data-profile-page] .profile-connections-list img{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover}[data-profile-page] .profile-connection-avatar{display:grid;place-items:center;background:var(--profile-surface-strong);font-size:13px}[data-profile-page] .profile-connections-list a>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}[data-profile-page] .profile-connections-list strong{overflow:hidden;color:var(--profile-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}[data-profile-page] .profile-connections-list small{overflow:hidden;color:var(--profile-text-3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}[data-profile-page] .profile-connection-arrow{color:var(--profile-text-3)}[data-profile-page] .profile-connections-empty{min-height:160px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--profile-text-3);font-size:12px}