.friends-content .friends-header{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--starpl-line-soft)}.friends-content .friends-header h2{margin:0;font-size:var(--starpl-fs-xl);font-weight:500;color:var(--starpl-text-white)}.friends-content .friends-tabs{display:flex;gap:6px;margin-top:18px;margin-bottom:18px;padding:0 4px;justify-content:center;flex-wrap:wrap}.friends-content .friends-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--starpl-btn-h);padding:0 14px;box-sizing:border-box;font-size:var(--starpl-fs-md);font-family:inherit;color:var(--starpl-text-soft);background:var(--starpl-surface-1);border:1px solid var(--starpl-line);border-radius:var(--starpl-radius-pill);cursor:pointer;transition:background .15s,color .15s,border-color .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.friends-content .friends-tab:hover{color:var(--starpl-text-white);background:var(--starpl-surface-2);border-color:var(--starpl-line-strong)}.friends-content .friends-tab.is-active{color:var(--starpl-text-white);background:var(--starpl-accent-fill);border-color:var(--starpl-line-bold)}.friends-content .friends-tab .count{font-size:var(--starpl-fs-sm);color:rgba(var(--starpl-user-hi-rgb),.85);font-weight:600;padding:1px 8px;background:var(--starpl-panel-bg);border-radius:var(--starpl-radius-pill);min-width:22px;text-align:center}.friends-content .friends-tab.alert{color:var(--starpl-interest-bright);border-color:rgba(var(--starpl-interest-rgb),.45)}.friends-content .friends-tab.alert .count{background:rgba(var(--starpl-interest-bg-rgb),.55)}.friends-content .friends-tab.alert:hover{color:var(--starpl-text-white);background:rgba(var(--starpl-interest-bg-rgb),.7)}.friends-content .friends-list{margin-top:var(--starpl-card-gap);background:var(--starpl-panel-bg);border:1px solid var(--starpl-panel-border);border-radius:var(--starpl-radius-2xl);padding:var(--starpl-card-pad);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:220px}.friends-content .friends-tabs+.friends-list{margin-top:0}.friends-content .friend-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed var(--starpl-line-soft)}.friends-content .friend-row:last-child{border-bottom:0}.friends-content .friend-row .who{flex:1;min-width:0;font-size:var(--starpl-fs-base);color:var(--starpl-user-cert-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-content .friend-row .who a{color:var(--starpl-user-cert-text);text-decoration:none}.friends-content .friend-row .who a:hover{color:var(--starpl-text-white)}.friends-content .friend-row .who .at{font-size:var(--starpl-fs-sm);color:var(--starpl-accent-blue-soft);margin-right:1px}.friends-content .friend-row .who .nick{color:var(--starpl-text-white);margin-right:6px}.friends-content .friend-row .when{font-size:var(--starpl-fs-xs);color:var(--starpl-text-muted);margin-right:6px;white-space:nowrap}.friends-content .friend-row .actions{display:flex;gap:6px;flex-shrink:0}.friends-content .friend-row button{font-size:var(--starpl-fs-sm);font-family:inherit;min-height:var(--starpl-btn-h-sm);padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--starpl-radius-pill);box-sizing:border-box;background:var(--starpl-surface-1-strong);border:1px solid var(--starpl-line);color:var(--starpl-text-soft);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.friends-content .friend-row button:hover{color:var(--starpl-text-white);background:var(--starpl-surface-2);border-color:var(--starpl-line-strong)}.friends-content .friend-row button.primary{color:var(--starpl-text-white);background:var(--starpl-accent-fill);border-color:var(--starpl-line-bold)}.friends-content .friend-row button.primary:hover{background:rgba(var(--starpl-accent-blue-rgb),.65)}.friends-content .friend-row button.danger{color:var(--starpl-danger);border-color:rgba(var(--starpl-danger-rgb),.35)}.friends-content .friend-row button.danger:hover{color:var(--starpl-text-white);background:var(--starpl-danger-bg)}.friends-content .friend-row button.visit{color:var(--starpl-success);border-color:rgba(var(--starpl-friend-rgb),.4)}.friends-content .friend-row button.visit:hover{color:var(--starpl-text-white);background:rgba(var(--starpl-friend-bg-rgb),.55)}.friends-content a.friend-row{text-decoration:none;color:inherit;padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px;border-radius:var(--starpl-radius-lg);transition:background .12s}.friends-content a.friend-row:hover{background:rgba(var(--starpl-surface-2-rgb),.45)}.friends-content a.friend-row:after{content:"\203a";color:var(--starpl-doc-dim);font-size:var(--starpl-fs-lg);line-height:1;flex-shrink:0}.friends-content a.friend-row:hover:after{color:var(--starpl-accent-blue-soft)}.friends-content .friends-overflow-note{padding:14px 0 4px;text-align:center;font-size:var(--starpl-fs-sm);color:var(--starpl-text-muted);border-top:1px dashed var(--starpl-line-soft);margin-top:6px}.friends-content .friends-empty{padding:60px 24px;text-align:center;color:var(--starpl-text-muted)}.friends-content .friends-empty .icon{font-size:30px;margin-bottom:14px;opacity:.7}.friends-content .friends-empty .msg{font-size:var(--starpl-fs-base);margin-bottom:6px}.friends-content .friends-empty .hint{font-size:var(--starpl-fs-sm);opacity:.75;margin-top:14px}.friends-content .friends-empty .hint a{color:var(--starpl-accent-blue-soft);text-decoration:none}.friends-content .friends-empty .hint a:hover{color:var(--starpl-text-white)}.friends-content .friends-loading{padding:60px 24px;text-align:center;color:var(--starpl-text-muted);font-size:var(--starpl-fs-md);opacity:.7}.friends-content .friends-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.friends-content .friends-toolbar[hidden]{display:none}.friends-content .friends-search{flex:1;min-width:0;font-size:var(--starpl-fs-lg);font-family:inherit;padding:9px 14px;color:var(--starpl-doc-body);background:var(--starpl-panel-bg);border:1px solid var(--starpl-line);border-radius:var(--starpl-radius-pill);outline:none;transition:border-color .15s,background .15s}.friends-content .friends-search::placeholder{color:var(--starpl-doc-faint)}.friends-content .friends-search:focus{border-color:var(--starpl-line-bold);background:var(--starpl-surface-1)}.friends-content .friends-sort{display:inline-flex;gap:4px;flex-shrink:0}.friends-content .friends-sort-btn{font-size:var(--starpl-fs-sm);font-family:inherit;min-height:var(--starpl-btn-h);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--starpl-radius-pill);box-sizing:border-box;color:var(--starpl-text-soft);background:var(--starpl-surface-1);border:1px solid var(--starpl-line);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.friends-content .friends-sort-btn:hover{color:var(--starpl-text-white);background:var(--starpl-surface-2);border-color:var(--starpl-line-strong)}.friends-content .friends-sort-btn.is-active{color:var(--starpl-text-white);background:var(--starpl-accent-fill);border-color:var(--starpl-line-bold)}.friends-content .friends-more{display:flex;justify-content:center;padding-top:16px;margin-top:4px;border-top:1px dashed var(--starpl-line-soft)}.friends-content .friends-more-btn{font-size:var(--starpl-fs-md);font-family:inherit;min-height:var(--starpl-btn-h);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--starpl-radius-pill);box-sizing:border-box;color:var(--starpl-text-soft);background:var(--starpl-surface-1-strong);border:1px solid var(--starpl-line);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.friends-content .friends-more-btn:hover{color:var(--starpl-text-white);background:var(--starpl-surface-2);border-color:var(--starpl-line-strong)}.friends-content .friends-more-btn:disabled{opacity:.5;cursor:default}.friends-content .friend-tags{display:flex;align-items:center;gap:5px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:55%}.friends-content .friend-tag-chip{font-size:var(--starpl-fs-xs);padding:2px 9px;border-radius:var(--starpl-radius-pill);color:var(--starpl-interest-bright);background:rgba(var(--starpl-interest-bg-rgb),.4);border:1px solid rgba(var(--starpl-interest-rgb),.3)}.friends-content .friend-tag-edit{font-size:var(--starpl-fs-xs);font-family:inherit;padding:3px 10px;border-radius:var(--starpl-radius-pill);color:var(--starpl-text-soft);background:var(--starpl-surface-1);border:1px dashed var(--starpl-line-strong);cursor:pointer}.friends-content .friend-tag-edit:hover{color:var(--starpl-text-white);border-color:var(--starpl-line-bold)}.friend-tag-editor-overlay{position:fixed;inset:0;z-index:1000;background:var(--starpl-panel-bg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.friend-tag-editor{width:min(360px,90vw);max-height:80vh;overflow-y:auto;background:rgb(var(--starpl-friend-panel-rgb));border:1px solid var(--starpl-line);border-radius:var(--starpl-radius-3xl);padding:20px;color:var(--starpl-user-text-bright)}.friend-tag-editor .fte-title{font-size:var(--starpl-fs-base);font-weight:600;margin-bottom:14px}.friend-tag-editor .fte-list{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.friend-tag-editor .fte-none{font-size:var(--starpl-fs-sm);color:var(--starpl-text-muted);padding:6px 0}.friend-tag-editor .fte-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--starpl-radius-lg);font-size:var(--starpl-fs-md);cursor:pointer}.friend-tag-editor .fte-item:hover{background:rgba(var(--starpl-surface-2-rgb),.4)}.friend-tag-editor .fte-add{display:flex;gap:6px;margin-bottom:12px;align-items:center}.friend-tag-editor .fte-add .fte-count{font-size:var(--starpl-fs-xs);color:var(--starpl-text-muted);white-space:nowrap}.friend-tag-editor .fte-add input{flex:1;min-width:0;font-size:var(--starpl-fs-lg);font-family:inherit;padding:8px 12px;color:var(--starpl-doc-body);background:var(--starpl-panel-bg);border:1px solid var(--starpl-line);border-radius:var(--starpl-radius-lg)}.friend-tag-editor .fte-add button,.friend-tag-editor .fte-close{font-size:var(--starpl-fs-md);font-family:inherit;min-height:var(--starpl-btn-h);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--starpl-radius-pill);box-sizing:border-box;color:var(--starpl-text-soft);background:var(--starpl-surface-1-strong);border:1px solid var(--starpl-line);cursor:pointer}.friend-tag-editor .fte-close{width:100%;margin-top:4px}.friend-tag-editor .fte-add button:hover,.friend-tag-editor .fte-close:hover{color:var(--starpl-text-white);background:var(--starpl-surface-2)}.friends-content .friend-tag-cloud{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px 14px;background:var(--starpl-panel-bg);border:1px solid var(--starpl-line-soft);border-radius:var(--starpl-radius-2xl)}.friends-content .friend-tag-cloud[hidden]{display:none}.friends-content .friend-tag-cloud:empty{display:none}.friends-content .ftc-mode{display:inline-flex;gap:4px}.friends-content .ftc-mode-btn{font-size:var(--starpl-fs-xs);font-family:inherit;padding:4px 10px;border-radius:var(--starpl-radius-pill);color:var(--starpl-doc-soft);background:var(--starpl-surface-1);border:1px solid var(--starpl-line);cursor:pointer}.friends-content .ftc-mode-btn.is-active{color:var(--starpl-text-white);background:var(--starpl-accent-fill);border-color:var(--starpl-line-bold)}.friends-content .ftc-chips{display:flex;flex-wrap:wrap;gap:6px}.friends-content .ftc-chip{font-size:var(--starpl-fs-sm);font-family:inherit;padding:4px 12px;border-radius:var(--starpl-radius-pill);color:var(--starpl-text-soft);background:var(--starpl-surface-1);border:1px solid var(--starpl-line);cursor:pointer}.friends-content .ftc-chip.is-active{color:var(--starpl-text-white);background:rgba(var(--starpl-interest-rgb),.25);border-color:rgba(var(--starpl-interest-rgb),.5)}.friends-content .ftc-clear{align-self:flex-start;font-size:var(--starpl-fs-xs);font-family:inherit;padding:3px 10px;border-radius:var(--starpl-radius-pill);color:var(--starpl-danger);background:transparent;border:1px solid rgba(var(--starpl-danger-rgb),.3);cursor:pointer}@media(max-width:600px){.friends-content .friend-tags{max-width:100%;justify-content:flex-start}.friends-content .friends-tabs{gap:4px}.friends-content .friends-tab{font-size:var(--starpl-fs-sm)}.friends-content .friends-list{padding:14px 25px}.friends-content .friend-row{gap:8px;flex-wrap:wrap}.friends-content .friend-row-managed{column-gap:10px}}.friends-content .friends-panel{margin-top:var(--starpl-card-gap);padding:16px var(--starpl-card-pad-x) 6px;background:var(--starpl-panel-bg);border:1px solid var(--starpl-panel-border);border-radius:var(--starpl-radius-2xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.friends-content .friends-panel .friends-tabs{margin-top:0;margin-bottom:14px}.friends-content .friends-panel .friends-toolbar{margin-bottom:12px}.friends-content .friends-panel .friend-tag-cloud{margin-bottom:6px}.friends-content .friend-row-managed{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar who  actions" "avatar meta meta";align-items:center;column-gap:12px;row-gap:7px}.friends-content .friend-avatar{grid-area:avatar;width:40px;height:40px;border-radius:var(--starpl-radius-circle);object-fit:cover;background:var(--starpl-surface-1-strong);border:1px solid var(--starpl-line)}.friends-content .friend-row-managed .who{grid-area:who}.friends-content .friend-row-managed .actions{grid-area:actions}.friends-content .friend-meta{grid-area:meta;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;min-width:0}.friends-content .friend-meta .friend-tags{max-width:none;justify-content:flex-start}.friends-content .friend-meta .when{margin-right:0}