.friendship-area{position:relative;z-index:4;display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.friendship-area:empty{display:none}.friend-chip{font-size:12px;white-space:nowrap;color:var(--starpl-text-soft);background:var(--starpl-surface-1-strong);border:1px solid var(--starpl-line);border-radius:var(--starpl-radius-pill);min-height:var(--starpl-btn-h-chip);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.friend-chip:hover{color:var(--starpl-text-white);background:var(--starpl-surface-2);border-color:var(--starpl-line-bold)}.friend-chip.primary{color:var(--starpl-doc-soft);background:var(--starpl-accent-fill-soft);border-color:var(--starpl-line-strong)}.friend-chip.alert{color:var(--starpl-interest-bright);border-color:rgba(var(--starpl-interest-rgb),.5)}.friend-chip.alert:hover{background:rgba(var(--starpl-interest-bg-rgb),.7);color:var(--starpl-text-white)}.friend-chip.warm{color:var(--starpl-success);border-color:rgba(var(--starpl-friend-rgb),.45)}.friend-chip.danger{color:var(--starpl-danger);border-color:rgba(var(--starpl-danger-rgb),.4)}.friend-chip.danger:hover{background:var(--starpl-danger-bg);color:var(--starpl-text-white)}.friend-chip[disabled]{cursor:not-allowed;opacity:.6}.friend-chip .num{font-weight:600;color:var(--starpl-text-white);margin-left:4px}.interest-area{position:relative;z-index:4;display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.interest-area:empty{display:none}.interest-count{font-size:12px;color:var(--starpl-interest-dim);white-space:nowrap}.interest-chip{font-size:12px;color:var(--starpl-interest);background:rgba(var(--starpl-interest-bg-rgb),.55);border:1px solid rgba(var(--starpl-interest-rgb),.32);border-radius:var(--starpl-radius-pill);min-height:var(--starpl-btn-h-chip);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.interest-chip:hover{color:var(--starpl-text-white);background:rgba(var(--starpl-interest-bg-rgb),.7);border-color:rgba(var(--starpl-interest-rgb),.55)}.interest-chip.primary{color:var(--starpl-interest);background:rgba(var(--starpl-interest-bg-rgb),.16);border-color:rgba(var(--starpl-interest-rgb),.36)}.interest-chip.on{color:var(--starpl-interest-bright);background:rgba(var(--starpl-interest-rgb),.16);border-color:rgba(var(--starpl-interest-rgb),.6)}.interest-chip.count{border-style:dashed}