.up-container{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-20)}.up-hero{display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-8)}.up-avatar{flex-shrink:0;width:96px;height:96px;padding:var(--space-1);background:var(--brand-gradient);border-radius:var(--radius-full);border:none;box-sizing:border-box;box-shadow:var(--shadow-brand);display:flex;align-items:center;justify-content:center;font:var(--type-page-title);letter-spacing:var(--type-page-title-ls);color:var(--action-primary-text);overflow:hidden}.up-avatar img{-o-object-fit:cover;object-fit:cover;display:block;background:var(--bg-base)}.up-avatar img,.up-avatar>span{width:100%;height:100%;border:3px solid var(--bg-base);box-sizing:border-box;border-radius:var(--radius-full)}.up-avatar>span{display:flex;align-items:center;justify-content:center;background:var(--brand-gradient)}.up-hero-info{flex:1;min-width:0;flex-direction:column}.up-hero-info,.up-nickname-row{display:flex;gap:var(--space-3)}.up-nickname-row{align-items:center;flex-wrap:wrap}.up-nickname{min-width:0;overflow:hidden;font:var(--type-page-title);letter-spacing:var(--type-page-title-ls);color:var(--text-primary);margin:0;text-overflow:ellipsis;white-space:nowrap}.up-stats{display:flex;gap:var(--space-5);font:var(--type-meta);color:var(--text-tertiary)}.up-stats,.up-stats b{letter-spacing:var(--type-meta-ls)}.up-stats b{font:var(--type-meta-strong);color:var(--text-primary);font-variant-numeric:tabular-nums;margin-right:var(--space-1)}.up-intro{font:var(--type-body-compact);letter-spacing:var(--type-body-ls);color:var(--text-secondary);margin:0;white-space:pre-wrap}.up-follow-btn{align-self:flex-start;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls);background:var(--action-primary-bg);color:var(--action-primary-text);border:none;cursor:pointer;transition:filter var(--duration-fast),transform var(--duration-fast)}.up-follow-btn:hover:not(:disabled){filter:var(--interactive-hover-filter);transform:translateY(-1px)}.up-follow-btn:disabled{opacity:.6;cursor:default}.up-follow-btn.is-following{background:transparent;color:var(--text-muted);border:1px solid var(--border-strong)}.up-follow-btn.is-following:hover:not(:disabled){color:var(--text);border-color:var(--text-subtle)}.up-section{margin-bottom:var(--space-10)}.up-section h2{font:var(--type-section-title);letter-spacing:var(--type-section-title-ls);color:var(--text-primary);margin:0 0 var(--space-4)}.up-char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.up-char-card{display:block;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--duration-normal),border-color var(--duration-normal),box-shadow var(--duration-normal)}.up-char-card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:var(--material-raised-shadow)}.up-char-img{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block;background:var(--surface-sunken)}.up-char-body{padding:var(--space-3)}.up-char-name{display:flex;align-items:center;gap:var(--space-2);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-char-name>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.up-char-locale{flex:0 0 auto;padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-sm);background:var(--brand-accent-soft);color:var(--brand-accent);font:var(--type-meta-strong)}.up-char-meta{font:var(--type-meta);letter-spacing:var(--type-meta-ls);color:var(--text-tertiary);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.up-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.up-work-card{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-sunken);border:1px solid var(--border)}.up-work-card img,.up-work-card video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.up-work-like{position:absolute;bottom:6px;left:6px;backdrop-filter:var(--media-control-filter);background:var(--media-control-bg);color:var(--media-control-text);font:var(--type-meta);letter-spacing:var(--type-meta-ls);padding:var(--space-0_5) var(--space-2);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.up-empty{text-align:center;padding:var(--space-20) var(--space-5)}.up-empty h3{font:var(--type-component-title);letter-spacing:var(--type-component-title-ls);color:var(--text-secondary);margin:0 0 var(--space-2)}.up-empty p{font:var(--type-body-compact);letter-spacing:var(--type-body-ls);color:var(--text-tertiary);margin:0}.up-empty-slim{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px dashed var(--border);text-align:center;color:var(--text-tertiary);font:var(--type-meta);letter-spacing:var(--type-meta-ls)}.up-loading{display:flex;justify-content:center;padding:var(--space-10)}.up-spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:var(--radius-full);animation:upSpin var(--duration-spin) linear infinite}@keyframes upSpin{to{transform:rotate(1turn)}}.up-skel{position:relative;overflow:hidden}.up-skel,html.dark .up-skel{background:var(--surface-inset)}.up-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--glass-strong) 50%,transparent 100%);animation:upShimmer var(--duration-progress) var(--ease-default) infinite}html.dark .up-skel:after{background:linear-gradient(90deg,transparent 0,var(--glass-tint) 50%,transparent 100%)}.up-skel-line{border-radius:var(--radius-sm)}.up-skel-avatar{width:96px;height:96px;border-radius:var(--radius-full);flex-shrink:0}.up-skel-name{width:50%;height:28px}.up-skel-stat{width:70%;height:14px}.up-skel-intro{width:85%;height:13px}.up-skel-heading{width:32%;height:18px;margin-bottom:var(--space-4)}.up-skel-card{aspect-ratio:3/4;border-radius:var(--radius-lg)}@keyframes upShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.up-load-more-actions{display:flex;justify-content:center}.up-collection-error,.up-load-more-actions{margin-top:var(--space-5)}@media (max-width:768px){.up-container{padding:var(--space-5) var(--space-4) var(--space-20)}.up-hero{gap:var(--space-4)}.up-avatar{width:76px;height:76px}.up-avatar,.up-nickname{font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.up-char-grid{gap:var(--space-2)}.up-char-grid,.up-work-grid{grid-template-columns:repeat(2,1fr)}.up-work-grid{gap:var(--space-1_5)}.up-char-card{position:relative;background:transparent;border:none;border-radius:var(--radius-lg);overflow:hidden}.up-char-card:hover{transform:none;border-color:transparent;box-shadow:none}.up-char-card:after{content:"";height:50%;background:var(--material-media-scrim);pointer-events:none;z-index:1}.up-char-body,.up-char-card:after{position:absolute;left:0;right:0;bottom:0}.up-char-body{padding:var(--space-3);z-index:2}.up-char-name{color:var(--media-control-text);font:var(--type-meta-strong)}.up-char-meta,.up-char-name{letter-spacing:var(--type-meta-ls)}.up-char-meta{color:var(--glass-strong);font:var(--type-meta);margin-top:var(--space-0_5)}}