@font-face{font-family:Plex;src:url(/assets/plex-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url(/assets/plex-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Plex;src:url(/assets/plex-600.ttf);font-weight:600;font-display:swap}
:root{color:#242424;background:#fff;font-family:Plex,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #b94d00;outline-offset:4px}[hidden]{display:none!important}
.x-top{height:78px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;gap:30px}.x-brand{position:relative;font-size:30px;font-weight:700;letter-spacing:-1.3px;line-height:1;color:#404041;margin-right:21px}.x-brand img{position:absolute;width:48.5px;height:24.25px;right:-20.5px;top:-6px;object-fit:contain}.x-account{display:flex;align-items:center;gap:20px;font-size:14px;color:#626262}.x-account>a{white-space:nowrap}.x-person{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e7e6e3;border-radius:50%}.x-person svg{width:18px;height:18px}.x-main{max-width:960px;margin:0 auto;padding:38px 24px 100px}.x-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px;gap:20px}.x-heading h1{font-size:22px;letter-spacing:-.04em;font-weight:400;margin:0}.x-people{display:flex;align-items:center;gap:22px}.x-people a{display:flex;align-items:center;gap:8px;font-size:13px;color:#777}.x-people img{width:27px;height:27px;border-radius:50%;object-fit:cover}.x-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.x-card{position:relative;min-width:0}.x-tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#f1efea;isolation:isolate}.x-tile img{display:block;width:100%;height:100%;object-fit:cover}.x-explore-grid .x-tile::after{content:"";position:absolute;inset:auto 0 0;height:76px;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}.x-by{position:absolute;z-index:1;left:0;bottom:0;display:flex;align-items:center;gap:6px;max-width:100%;min-height:44px;padding:8px;font-size:12px;line-height:1.3;color:#fff;text-shadow:0 1px 2px #0008}.x-by img{width:22px;height:22px;flex:none;object-fit:cover;border-radius:50%}.x-by span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-by:focus-visible,.x-tile:focus-visible{outline:2px solid #f6821f;outline-offset:-3px}.x-demo-dot{width:4px;height:4px;border-radius:50%;background:#f6821f}.x-profile{display:flex;align-items:center;gap:19px;margin:8px 0 38px}.x-avatar{width:68px;height:68px;border-radius:50%}.x-profile h1{margin:0;font-size:27px;letter-spacing:-.04em}.x-profile p{font-size:12px;color:#888;margin:7px 0 0}.x-profile p a{text-decoration:underline;text-underline-offset:2px}.x-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.x-profile-page{max-width:850px}.x-back{font-size:13px;color:#888;display:inline-block;margin:0 0 27px}.x-empty{padding:100px 0;color:#777}.f-public-author{pointer-events:auto;position:fixed;z-index:12;left:18px;bottom:24px;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 7px;border:1px solid #0000000a;border-radius:30px;background:#fffffff0;color:#666;font-size:12px;box-shadow:0 1px 8px #00000005}.f-public-author img{width:22px;height:22px;border-radius:50%}.f-public-close svg{width:18px;height:18px;stroke:#666;stroke-width:1.7;fill:none}
@media(max-width:1180px){.x-profile-page{margin:0 auto;padding-left:24px;padding-right:24px}.x-top{padding:0 24px}}
@media(max-width:760px){.x-top{height:70px;padding:0 20px}.x-main{margin:0 auto;padding:28px 24px 90px}.x-heading{padding:0;margin-bottom:22px;align-items:center}.x-heading h1{font-size:21px}.x-people{gap:13px}.x-people a{font-size:11px;gap:5px}.x-people img{width:23px;height:23px}.x-by{font-size:11px}.x-by img{width:18px;height:18px}.x-account{font-size:13px;gap:14px}.x-profile-page{padding-top:24px}.x-profile{padding:0 8px;margin:0 0 28px;gap:16px}.x-avatar{width:60px;height:60px}.x-profile h1{font-size:25px}.x-profile p{font-size:11px}.x-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.x-back{margin-left:8px;margin-bottom:22px}.f-public-author{left:14px;bottom:calc(20px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.x-tile img{transition:none}.x-tile:hover img{transform:none}}

/* Public profiles share the human profile's layout, regardless of creator type. */
.x-profile-view{color:#171717;line-height:1.5}
.x-profile-view .x-top{height:72px;padding:0 32px;border-bottom-color:#ececec}
.x-profile-view .x-profile-page{max-width:960px;margin:0 auto;padding:44px 24px 80px}
.x-profile-view .x-profile{gap:18px;margin:0 0 30px;padding:0}
.x-profile-view .x-avatar{width:64px;height:64px;object-fit:cover;flex:none;background:#f3f3f3}
.x-profile-view .x-profile h1{font-size:22px;font-weight:600;letter-spacing:normal;margin:0;padding:0}
.x-profile-view .x-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.x-profile-view .x-tile{border-radius:0;background:#f4f4f3}
.x-profile-view .x-tile img{transition:none}
.x-profile-view .x-tile:hover img{transform:none}
@media(max-width:640px){
 .x-profile-view .x-top{height:58px;padding:0 16px}
 .x-profile-view .x-brand{font-size:28px}
 .x-profile-view .x-profile-page{padding:28px 0 40px}
 .x-profile-view .x-profile{padding:0 16px;gap:14px;margin-bottom:26px}
 .x-profile-view .x-avatar{width:56px;height:56px}
 .x-profile-view .x-profile h1{font-size:20px}
 .x-profile-view .x-profile-grid{gap:2px}
}

.x-profile-view .x-account{gap:16px}.x-profile-view .x-account>a:not(.x-person){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;font-size:14px;color:#555}@media(max-width:640px){.x-profile-view .x-account{gap:8px}.x-profile-view .x-account>a:not(.x-person){font-size:13px;padding:0 4px}}

@media(max-width:640px){.x-main{padding:28px 0 40px}.x-heading{padding:0 16px}.x-explore-grid{gap:2px}}

/* Shared page header. Keep logo geometry independent of page content and font loading. */
.top,.x-top,.x-profile-view .x-top{box-sizing:border-box;width:100%;height:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(32px,env(safe-area-inset-right)) 0 max(32px,env(safe-area-inset-left));border-bottom:1px solid #ececec;background:#fff}
.x-account,.x-profile-view .x-account{display:flex;align-items:center;gap:16px;min-height:44px;font-size:14px;line-height:1.5;color:#555}
.x-account>a:not(.x-person){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px}
.x-person{width:44px;height:44px;flex:none;display:grid;place-items:center}
@media(max-width:640px){
 .top,.x-top,.x-profile-view .x-top{height:58px;min-height:58px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:24px}
 .x-account,.x-profile-view .x-account{gap:8px;font-size:13px}
 .x-account>a:not(.x-person){font-size:13px;padding:0 4px}
}

.session-controls{min-width:0}.session-controls .account-select{min-width:56px;flex-shrink:1}.session-controls .session-button{flex-shrink:0}
.profile-heading,.x-profile{min-width:0}.profile-heading h1,.x-profile h1{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.x-heading{flex-wrap:wrap;row-gap:12px}.x-people{flex-wrap:wrap;row-gap:8px}}

.brand,.x-brand,.x-profile-view .x-brand{position:relative;display:block;flex:0 0 73.15px;width:73.15px;height:30px;margin:0 21px 0 0;padding:0;color:#404041;font-family:Plex,Arial,sans-serif;font-size:30px;font-weight:700;line-height:30px;letter-spacing:-1.3px;text-decoration:none;white-space:nowrap}
.brand-spark,.x-brand img{position:absolute;display:block;width:48.5px;height:24.25px;right:-20.5px;top:-6px;object-fit:contain;pointer-events:none}