.bb-user-center{padding-bottom:calc(32px + env(safe-area-inset-bottom));--uc-surface:#f5f5f5;--uc-text:#262626;--uc-muted:#666;--uc-border:#ddd;--uc-hover:#ebebeb;color:var(--uc-text)}
.dark .bb-user-center{--uc-surface:var(--bb-surface,#1c1c1c);--uc-text:var(--bb-text,#e6e6e6);--uc-muted:var(--bb-text-muted,#ababab);--uc-border:var(--bb-border,#3c3c3c);--uc-hover:var(--bb-hover,#303030)}
.bb-user-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:12px 0 24px}
.bb-user-tabs a{display:flex;align-items:center;min-height:40px;padding:6px 2px;color:var(--uc-muted);border-bottom:2px solid transparent}
.bb-user-tabs a[aria-current]{color:var(--uc-text);border-color:currentColor;font-weight:600}
.bb-user-center a:focus-visible{outline:2px solid var(--uc-text);outline-offset:4px;border-radius:4px}
.bb-user-activity{width:100%;min-width:0}.bb-user-note{color:var(--uc-muted);font-size:14px;line-height:1.7;margin:0 0 20px}
.bb-user-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bb-user-group{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--uc-surface);color:var(--uc-text)}
.bb-user-group>img{width:100%;height:150px;object-fit:cover}.bb-user-group>div{padding:20px}.bb-user-group h2,.bb-user-record h3{font-size:16px;line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere}.bb-user-group h2 span{float:right;color:var(--uc-muted);font-size:14px}.bb-user-group p{margin:0 0 16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;font-size:14px;line-height:22px}.bb-user-group small,.bb-user-record small{color:var(--uc-muted);font-size:13px}
.bb-user-group:hover,.bb-user-record:hover{background:var(--uc-hover)}
.bb-user-back{display:inline-block;margin-bottom:16px}.bb-user-records{margin-top:16px;display:flex;flex-direction:column;gap:12px}
.bb-user-record{display:flex;align-items:center;gap:16px;padding:16px;background:var(--uc-surface);border-radius:10px;color:var(--uc-text);min-width:0}.bb-user-record>img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex-shrink:0}.bb-user-record>div{flex:1;min-width:0}.bb-user-record>a{flex-shrink:0;font-size:14px;text-decoration:underline}
.bb-user-empty{padding:40px 20px;text-align:center;color:var(--uc-muted);background:var(--uc-surface);border-radius:12px;line-height:1.8}
.bb-user-pagination,.bb-user-publish-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.bb-user-pagination a,.bb-user-pagination span,.bb-user-publish-actions a{padding:8px 14px;border:1px solid var(--uc-border);border-radius:8px;min-height:40px}.bb-user-pagination .current{background:var(--uc-surface)}
@media(max-width:767px){.bb-user-center{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.bb-user-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bb-user-tabs{gap:8px 16px;justify-content:flex-start}.bb-user-tabs a{font-size:14px}.bb-user-group>div{padding:14px}.bb-user-group>img{height:120px}.bb-user-record{gap:10px;padding:12px;flex-wrap:wrap}.bb-user-record>div{flex-basis:50%}}
@media(max-width:479px){.bb-user-groups{grid-template-columns:minmax(0,1fr)}}
.bb-user-tabs{scroll-margin-top:96px}
/* Likes filter the actual site cards, rather than opening category cover cards. */
.bb-user-type-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;scroll-margin-top:96px}
.bb-user-type-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border:1px solid var(--uc-border);border-radius:999px;color:var(--uc-text);background:transparent;font-size:14px}
.bb-user-type-tabs a:hover{background:var(--uc-hover)}
.bb-user-type-tabs a[aria-current]{background:var(--uc-text);border-color:var(--uc-text);color:#f5f5f5}
.dark .bb-user-type-tabs a:hover{background:transparent}
.dark .bb-user-type-tabs a[aria-current],.dark .bb-user-type-tabs a[aria-current]:hover{background:var(--bb-text);border-color:var(--bb-text);color:var(--bb-bg)}
.bb-user-liked-section{margin:0 0 28px;min-width:0}.bb-user-liked-section>h2{font-size:17px;font-weight:600;margin:0 0 16px;color:var(--uc-text)}
.bb-user-native-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;min-width:0}
.bb-user-native-grid>*,.bb-user-native-grid img{min-width:0;max-width:100%}
.bb-user-native-beebee_work{grid-template-columns:repeat(4,minmax(0,1fr))}
.bb-user-native-beebee_novel{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1023px){.bb-user-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-user-native-beebee_novel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.bb-user-native-grid{gap:12px}.bb-user-native-beebee_blog,.bb-user-native-beebee_source,.bb-user-native-beebee_link{grid-template-columns:minmax(0,1fr)}}
@media(max-width:479px){.bb-user-native-grid{grid-template-columns:minmax(0,1fr)}.bb-user-native-beebee_work,.bb-user-native-beebee_novel{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* These are server-rendered account results, with no archive hydration step. */
.bb-user-liked-content .skeleton-wrapper{display:none}
.bb-user-liked-content .real-content{opacity:1}
/* Use the homepage card wrapper and responsive compact-card grid. */
.bb-user-native-beebee_link{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(min-width:480px) and (max-width:1023px){.bb-user-native-beebee_link{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479px){.bb-user-native-beebee_link{grid-template-columns:minmax(0,1fr)}}
.bb-user-native-beebee_link{--uc-nav-surface:#fff}
.bb-user-native-beebee_link .aixzd-card:hover{--uc-nav-surface:#fafafa}
.dark .bb-user-native-beebee_link{--uc-nav-surface:var(--bb-surface)}
.dark .bb-user-native-beebee_link .aixzd-card:hover{--uc-nav-surface:var(--bb-hover)}