.creator-page{--cp-surface:#0c1820;--cp-surface-hover:#12222c;--cp-line:rgb(255 255 255/9%);--cp-line-strong:rgb(255 255 255/16%);--cp-ink:#f5f7f8;--cp-soft:#c6cfd5;--cp-muted:#8d9aa3;--cp-accent:#ff3448;--cp-verified:#5aa9ff;--cp-radius:20px;width:100%;min-height:100dvh;color:var(--cp-ink)}.creator-page .discovery-footer{margin-top:40px}.cp{display:grid;gap:36px}.cp-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--cp-line);border-radius:24px;background:#08131a;box-shadow:0 28px 80px rgb(0 0 0/28%)}.cp-hero-art{position:absolute;z-index:-1;inset:0}.cp-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.5;filter:saturate(1.15);transform:scale(1.04)}.cp-hero-art:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgb(6 14 19/97%),rgb(6 14 19/84%) 46%,rgb(6 14 19/38%)),linear-gradient(0deg,rgb(6 14 19/92%),transparent 55%),radial-gradient(circle at 88% 12%,rgb(255 52 72/26%),transparent 38%)}.cp-hero-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:end;padding:clamp(26px,3vw,40px) clamp(22px,3vw,40px) 24px}.cp-hero .cp-avatar{align-self:center;width:clamp(84px,8vw,116px);height:clamp(84px,8vw,116px);border:3px solid rgb(255 255 255/14%);font-size:clamp(30px,3vw,42px);font-weight:800;box-shadow:0 16px 40px rgb(0 0 0/40%)}.cp-identity{min-width:0;display:grid;gap:10px}.cp-identity h1{display:flex;align-items:center;gap:10px;margin:0;overflow-wrap:anywhere;font-size:clamp(30px,3.2vw,46px);font-weight:800;line-height:1.04;letter-spacing:-.045em}.cp-verified{width:.62em;height:.62em;flex:none;color:var(--cp-verified)}.cp-handle{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;color:var(--cp-muted);font-size:14px;font-weight:600}.cp-joined{display:inline-flex;align-items:center;gap:5px}.cp-joined svg{width:14px;height:14px}.cp-bio{display:-webkit-box;max-width:62ch;margin:2px 0 0;overflow:hidden;color:var(--cp-soft);font-size:15px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cp-tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.cp-tags li{padding:5px 11px;border:1px solid var(--cp-line);border-radius:999px;color:var(--cp-soft);background:rgb(255 255 255/6%);font-size:12px;font-weight:650}.cp-actions{display:flex;align-items:center;gap:10px}.cp-follow>div{align-items:stretch}.cp-follow-login{min-height:46px;display:inline-flex;align-items:center;gap:8px;padding:0 24px;border-radius:999px;white-space:nowrap}.cp-follow-login svg{width:18px;height:18px}.cp-follow button[aria-pressed=false],.cp-follow-login{border-color:transparent;color:#fff;background:linear-gradient(135deg,#ff5a5f,#ff1e2d);box-shadow:0 10px 28px rgb(255 30 45/28%)}.cp-follow button[aria-pressed=false]:hover:not(:disabled),.cp-follow-login:hover{filter:brightness(1.08)}.cp-follow button[aria-pressed=true]{border:1px solid var(--cp-line-strong);color:var(--cp-ink);background:rgb(255 255 255/8%)}.cp-follow button{min-height:46px;padding-inline:24px;border-radius:999px;font-size:15px;font-weight:750;white-space:nowrap}.cp-icon-action,.cp-manage{min-height:46px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;border:1px solid var(--cp-line-strong);border-radius:999px;color:var(--cp-ink);background:rgb(255 255 255/8%);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;backdrop-filter:blur(12px);transition:background-color .16s ease,border-color .16s ease}.cp-icon-action:hover,.cp-manage:hover{border-color:rgb(255 255 255/28%);background:rgb(255 255 255/14%)}.cp-icon-action.is-locked{color:var(--cp-muted);cursor:default}.cp-icon-action.is-locked:hover{border-color:var(--cp-line-strong);background:rgb(255 255 255/8%)}.cp-icon-action svg,.cp-manage svg{width:17px;height:17px}.cp-hero-foot{align-items:center;justify-content:space-between;gap:14px 28px;padding:16px clamp(22px,3vw,40px);border-top:1px solid var(--cp-line);background:rgb(4 11 15/50%);backdrop-filter:blur(14px)}.cp-hero-foot,.cp-stats{display:flex;flex-wrap:wrap}.cp-stats{gap:8px clamp(22px,3vw,44px);margin:0}.cp-stats>div{display:flex;flex-direction:column-reverse;gap:2px}.cp-stats dt{color:var(--cp-muted);font-size:12px;font-weight:650}.cp-stats dd{margin:0;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.cp-links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.cp-links a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--cp-line);border-radius:999px;color:var(--cp-soft);background:rgb(255 255 255/5%);font-size:13px;font-weight:650;transition:color .16s ease,background-color .16s ease}.cp-links a:hover{color:var(--cp-ink);background:rgb(255 255 255/11%)}.cp-links svg{width:15px;height:15px}.cp-section{display:grid;gap:18px}.cp-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cp-section-head h2{display:flex;align-items:baseline;gap:10px;margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:800;letter-spacing:-.03em}.cp-section-head h2 span{color:var(--cp-muted);font-size:.75em;font-weight:700;font-variant-numeric:tabular-nums}.cp-subhead{margin:14px 0 0;color:var(--cp-soft);font-size:16px;font-weight:800}.cp-more{display:inline-flex;align-items:center;gap:6px;color:var(--cp-muted);font-size:14px;font-weight:700;transition:color .16s ease}.cp-more:hover{color:var(--cp-ink)}.cp-more svg{width:16px;height:16px}.cp-grid{display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:22px 18px;margin:0;padding:0;list-style:none}.cp-grid.is-vertical{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cp-card>a{height:100%;display:flex;flex-direction:column;gap:10px;border-radius:16px;outline-offset:4px}.cp-card-media{position:relative;aspect-ratio:16/9;display:block;overflow:hidden;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-surface)}.cp-card.is-vertical .cp-card-media{aspect-ratio:9/16}.cp-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .42s cubic-bezier(.2,.7,.2,1)}.cp-card-media:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgb(0 0 0/46%),transparent 46%);opacity:.7;transition:opacity .22s ease}.cp-card>a:focus-visible .cp-card-media img,.cp-card>a:hover .cp-card-media img{transform:scale(1.045)}.cp-card>a:hover .cp-card-media:after{opacity:1}.cp-card-badges{position:absolute;z-index:2;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:5px}.cp-card-badges>span{padding:4px 8px;border-radius:6px;color:#fff;background:rgb(0 0 0/62%);font-size:11px;font-weight:750;backdrop-filter:blur(8px)}.cp-card-badges>span.is-hot{background:var(--cp-accent)}.cp-card-play{position:absolute;z-index:2;top:50%;left:50%;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgb(0 0 0/55%);opacity:0;transform:translate(-50%,-40%) scale(.9);transition:opacity .18s ease,transform .22s ease;backdrop-filter:blur(8px)}.cp-card-play svg{width:20px;height:20px;margin-left:2px}.cp-card>a:focus-visible .cp-card-play,.cp-card>a:hover .cp-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.cp-card-copy{display:grid;gap:4px;padding:0 2px}.cp-card-copy strong{overflow:hidden;font-size:16px;font-weight:750;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.cp-card-copy small{color:var(--cp-muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.cp-card-synopsis{display:none}@media (min-width:900px){.cp-card.is-featured{grid-column:span 2;grid-row:span 2}.cp-card.is-featured>a{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--cp-line);border-radius:18px}.cp-card.is-featured .cp-card-media{position:absolute;inset:0;aspect-ratio:auto;border:0;border-radius:0}.cp-card.is-featured .cp-card-media:after{background:linear-gradient(0deg,rgb(4 10 14/94%),rgb(4 10 14/50%) 34%,transparent 62%);opacity:1}.cp-card.is-featured .cp-card-badges{top:16px;left:16px}.cp-card.is-featured .cp-card-copy{position:absolute;z-index:2;right:0;bottom:0;left:0;gap:8px;padding:22px 24px}.cp-card.is-featured .cp-card-copy strong{font-size:clamp(22px,2vw,30px);font-weight:800;letter-spacing:-.035em;white-space:normal}.cp-card.is-featured .cp-card-synopsis{display:-webkit-box;max-width:56ch;overflow:hidden;color:var(--cp-soft);font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cp-card.is-featured .cp-card-copy small{color:var(--cp-soft)}.cp-card.is-featured .cp-card-play{width:64px;height:64px}}.cp-empty{display:grid;gap:6px;padding:48px 24px;border:1px dashed var(--cp-line-strong);border-radius:var(--cp-radius);text-align:center}.cp-empty strong{font-size:18px}.cp-empty p{margin:0;color:var(--cp-muted);font-size:14px}.cp-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none}.cp-related-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--cp-line);border-radius:16px;background:var(--cp-surface);transition:background-color .16s ease,border-color .16s ease}.cp-related-card:hover{border-color:var(--cp-line-strong);background:var(--cp-surface-hover)}.cp-related .cp-related-avatar{width:52px;height:52px}.cp-related-card>span{min-width:0;display:grid;gap:3px}.cp-related-card strong{display:flex;align-items:center;gap:5px;overflow:hidden;font-size:15px;font-weight:750;white-space:nowrap}.cp-related-card strong svg{width:15px;height:15px;flex:none;color:var(--cp-verified)}.cp-related-card small{color:var(--cp-muted);font-size:13px}.cp-related-card>svg{width:18px;height:18px;color:var(--cp-muted)}@media (min-width:768px) and (max-height:820px){.cp{gap:28px}.cp-hero-inner{padding-top:24px;padding-bottom:18px}.cp-hero .cp-avatar{width:92px;height:92px}.cp-bio{-webkit-line-clamp:2}.cp-hero-foot{padding-block:12px}.cp-stats dd{font-size:20px}}@media (max-width:1100px){.cp-hero-inner{grid-template-columns:auto minmax(0,1fr)}.cp-actions{grid-column:2}}@media (max-width:767px){.cp{gap:28px}.cp-hero{border-radius:20px}.cp-hero-inner{grid-template-columns:auto minmax(0,1fr);gap:14px 16px;align-items:center;padding:22px 18px 18px}.cp-hero .cp-avatar{width:72px;height:72px;font-size:26px}.cp-identity{display:contents}.cp-identity h1{grid-column:2;font-size:26px}.cp-actions,.cp-bio,.cp-handle,.cp-tags{grid-column:1/-1}.cp-handle{order:1}.cp-bio{order:2;font-size:14px}.cp-tags{order:3}.cp-actions{order:4;margin-top:4px}.cp-follow{flex:1}.cp-actions .cp-icon-action{width:46px;flex:none;justify-content:center;padding:0}.cp-actions .cp-icon-action>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cp-follow button,.cp-follow-login{width:100%;justify-content:center}.cp-follow-login{flex:1}.cp-hero-foot{padding:14px 18px}.cp-stats{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.cp-stats dd{font-size:18px}.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.cp-grid.is-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-card-copy strong{font-size:14px}.cp-card-copy small{font-size:12px}.cp-card-badges>span{font-size:10px}.cp-related{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cp-card-media img,.cp-card-play{transition:none}.cp-card>a:hover .cp-card-media img{transform:none}}