/* A creator's own channel, inside the Everside OS. */
.scene.creator-profile .rota { display:block; padding:0; }
.scene.creator-profile .rt-grid,.scene.creator-profile .rt-ambient { opacity:.14; }
.cp-page { position:absolute; inset:0; display:grid; grid-template-rows:44px minmax(0,1fr); padding:54px 3vw 82px; color:#f7faff; font-family:var(--sans,'Exo 2',sans-serif); background:#0b0f15; --cp-line:#ffffff1c; --cp-muted:#a3adba; --cp-ease:cubic-bezier(.23,1,.32,1); }
.cp-page *,.cp-page *::before,.cp-page *::after,.cp-dialog *,.cp-dialog *::before { box-sizing:border-box; }
.cp-page button,.cp-dialog button { color:inherit; font:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.cp-page button:disabled,.cp-dialog button:disabled { opacity:.48; cursor:default; }
.cp-page button:focus-visible,.cp-page a:focus-visible,.cp-page [tabindex]:focus-visible,.cp-dialog :focus-visible { outline:2px solid #94c5ff; outline-offset:4px; }
.cp-page button:active:not(:disabled),.cp-dialog button:active:not(:disabled) { transform:scale(.97); transition-duration:100ms; }
.cp-page [hidden],.cp-dialog [hidden] { display:none!important; }
.cp-page a { color:inherit; }
.cp-topbar { display:flex; gap:24px; align-items:center; padding-bottom:12px; }
.cp-back { display:flex; align-items:center; gap:10px; background:none; border:0; padding:8px 0; min-height:40px; font-size:13px!important; }
.cp-back svg { width:19px; height:19px; }
.cp-network { display:flex; align-items:center; gap:8px; color:#dae0e9; font:11px/1.4 var(--mono,monospace); }
.cp-network i { width:6px; height:6px; background:#3882ff; }
.cp-network>span { color:#8993a1; }
.cp-top-number { margin-left:auto; font:13px var(--mono,monospace); color:#9ca9ba; }
.cp-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#536071 transparent; padding:0 2px 32px; }
.cp-hero { min-height:350px; position:relative; isolation:isolate; display:flex; align-items:flex-end; padding:42px 38px 30px; border:1px solid var(--cp-line); border-radius:12px; overflow:hidden; background:radial-gradient(ellipse at 80% 0,#28426344,transparent 70%),#141b24; }
.cp-cover { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; object-position:center 35%; opacity:.62; }
.cp-hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(0deg,#0b0f15 0%,#0b0f15df 22%,#0b0f1550 100%),linear-gradient(90deg,#0b0f15ab,transparent 75%); }
.cp-channel { position:absolute; top:27px; right:34px; display:flex; flex-direction:column; align-items:flex-end; }
.cp-channel>span:first-child { font:10px/1.5 var(--mono,monospace); letter-spacing:.2em; color:#e1e6ed; }
.cp-channel strong { font:700 clamp(64px,7.5vw,110px)/.96 var(--logo,'Orbitron',sans-serif); letter-spacing:-.065em; text-shadow:0 2px 24px #0007; }
.cp-channel-signature { display:flex; gap:4px; margin-top:10px; }
.cp-channel-signature i { display:block; width:5px; height:5px; background:#ff383b; }
.cp-channel-signature i:nth-child(2) { background:#00e676; }.cp-channel-signature i:nth-child(3) { background:#3882ff; }
.cp-identity { display:flex; gap:23px; align-items:flex-start; width:100%; padding-top:92px; }
.cp-avatar { width:44px; height:44px; flex:none; object-fit:cover; border-radius:50%; background:#1c2735; border:1px solid #ffffff30; }
.cp-avatar-initial { display:grid; place-items:center; font:600 20px var(--sans,sans-serif); }
.cp-avatar-hero { width:102px; height:102px; border-radius:24px; border:3px solid #18222f; box-shadow:0 4px 24px #0004; }
.cp-avatar-hero.cp-avatar-initial { font-size:38px; }
.cp-identity-copy { min-width:0; max-width:730px; }
.cp-status-row { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:0 0 9px; }
.cp-provenance { display:inline-flex; align-items:center; gap:7px; font:10px/1.4 var(--mono,monospace); color:#d3dbe6; }
.cp-provenance i { display:block; width:6px; height:6px; background:#00e676; }
.cp-provenance-awaiting { color:#bdc5d0; }.cp-provenance-awaiting i { background:#9da5b1; }
.cp-location { color:#b4bfcb; font-size:11px; }
.cp-identity h1 { margin:0; font:650 clamp(29px,3.8vw,52px)/1.03 var(--sans,sans-serif); letter-spacing:-.045em; text-wrap:balance; overflow-wrap:anywhere; }
.cp-bio { max-width:620px; margin:12px 0 0; font-size:14px; line-height:1.55; color:#cbd4e1; white-space:pre-line; text-wrap:pretty; }
.cp-muted { color:var(--cp-muted); }
.cp-crafts { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.cp-crafts:empty { display:none; }
.cp-crafts span { color:#a9b7c9; font:10px/1.4 var(--mono,monospace); text-transform:uppercase; letter-spacing:.05em; }
.cp-crafts span+span::before { content:'·'; margin-right:10px; color:#536578; }
.cp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:21px; }
.cp-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; padding:10px 16px; background:#ffffff08; border:1px solid #ffffff29; border-radius:7px; font-size:12px!important; font-weight:550!important; line-height:1.3!important; white-space:nowrap; transition:background 150ms,color 150ms,border-color 150ms,transform 150ms var(--cp-ease,cubic-bezier(.23,1,.32,1)); }
.cp-button svg { width:17px; height:17px; flex:none; }
.cp-button:hover:not(:disabled) { border-color:#ffffff63; background:#ffffff14; }
.cp-page .cp-primary,.cp-dialog .cp-primary { background:#f1f6fb; color:#101720; border-color:#f1f6fb; }
.cp-primary:hover:not(:disabled) { background:#fff; border-color:#fff; }
.cp-follow[aria-pressed="true"] { border-color:#00e67666; color:#b5ebce; }
.cp-profile-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 4px 20px; border-bottom:1px solid var(--cp-line); font:11px/1.5 var(--mono,monospace); color:#a7b3c4; }
.cp-profile-meta nav { display:flex; gap:20px; flex-wrap:wrap; }
.cp-profile-meta a { text-decoration:none; color:#ced6e0; min-height:28px; display:inline-flex; align-items:center; gap:4px; }.cp-profile-meta a:hover { color:#fff; }
.cp-body { display:grid; grid-template-columns:minmax(0,1fr) 282px; gap:32px; padding-top:21px; }
.cp-main { min-width:0; }
.cp-tabs { display:flex; gap:22px; overflow-x:auto; scrollbar-width:none; border-bottom:1px solid var(--cp-line); }
.cp-tabs button { flex:none; position:relative; padding:0 0 15px; min-height:41px; background:none; border:0; color:#8f9aa9; font-size:13px; }
.cp-tabs button[aria-selected="true"] { color:#f5f8ff; }
.cp-tabs button[aria-selected="true"]::after { content:''; position:absolute; height:2px; background:#e3efff; bottom:0; left:0; right:0; }
.cp-tabs button:hover { color:#fff; }
.cp-dot { display:inline-block; width:5px; height:5px; background:#3882ff; flex:none; }
.cp-tabs .cp-dot { margin-left:7px; background:#00e676; }
.cp-content { padding-top:23px; min-height:250px; }
.cp-content:focus { outline:none; }
.cp-section-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-bottom:17px; }
.cp-section-heading h2 { margin:0; font:550 18px/1.2 var(--sans,sans-serif); letter-spacing:-.02em; }
.cp-section-heading>span { font:10px var(--mono,monospace); color:#8693a5; }
.cp-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }
.cp-work { min-width:0; }
.cp-work-frame { aspect-ratio:16/9; position:relative; border-radius:8px; border:1px solid var(--cp-line); background:#141c28; isolation:isolate; }
.cp-work-open,.cp-work-still { position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; background:none; overflow:hidden; border-radius:7px; }
.cp-work-art { width:100%; height:100%; object-fit:cover; display:block; transition:transform 220ms var(--cp-ease); }
.cp-work-open::after,.cp-work-still::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,#0009,transparent 55%); }
.cp-work-open:hover .cp-work-art { transform:scale(1.025); }
.cp-play { position:absolute; inset:0; margin:auto; width:44px; height:44px; border-radius:50%; background:#111820ac; border:1px solid #ffffff50; display:grid; place-items:center; backdrop-filter:blur(12px); z-index:1; opacity:0; transform:scale(.94); transition:opacity 160ms,transform 200ms var(--cp-ease); }
.cp-play svg { width:21px; height:21px; }
.cp-work-open:hover .cp-play,.cp-work-open:focus-visible .cp-play { opacity:1; transform:scale(1); }
.cp-work-index { position:absolute; top:10px; left:11px; pointer-events:none; font:10px var(--mono,monospace); color:#fff; text-shadow:0 1px 5px #000; }
.cp-work-kind { position:absolute; bottom:11px; left:12px; right:10px; pointer-events:none; font:9px var(--mono,monospace); color:#e6eef7; letter-spacing:.035em; text-transform:uppercase; }
.cp-art-placeholder { display:grid; place-items:center; width:100%; height:100%; color:#43536b; background:linear-gradient(135deg,#1f2e43,#111824); font:600 50px var(--logo,sans-serif); }
.cp-work-copy { padding:11px 1px 0; }
.cp-work-copy h3 { font:550 15px/1.3 var(--sans,sans-serif); letter-spacing:-.015em; margin:0; text-wrap:pretty; overflow-wrap:anywhere; }
.cp-work-copy p { margin:6px 0 0; color:#8796aa; font-size:11px; line-height:1.5; }.cp-work-copy p:empty { display:none; }
.cp-work-copy .cp-work-logline { color:#a9b5c6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cp-sidebar { display:flex; flex-direction:column; gap:18px; }
.cp-premiere,.cp-support-card { border:1px solid var(--cp-line); border-radius:9px; padding:21px; }
.cp-premiere { background:#111923; }
.cp-small-label { display:flex; align-items:center; gap:8px; font:9px/1.5 var(--mono,monospace); color:#9dacbf; letter-spacing:.12em; text-transform:uppercase; }
.cp-small-label svg { width:15px; height:15px; }
.cp-premiere h3 { font:550 20px/1.2 var(--sans,sans-serif); letter-spacing:-.025em; margin:15px 0 10px; }
.cp-premiere p { font-size:11px; color:#92a1b5; line-height:1.55; margin:0; }
.cp-text-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:0; padding:10px 0; margin-top:6px; min-height:34px; background:none; font-size:11px!important; color:#d1deef!important; }
.cp-text-button:hover { color:#fff!important; }
.cp-countdown { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:18px 0 14px; }
.cp-countdown div { display:flex; flex-direction:column; align-items:center; }
.cp-countdown b { font:500 27px/1.2 var(--mono,monospace); font-variant-numeric:tabular-nums; color:#f2f6fc; }
.cp-countdown span { margin-top:4px; color:#7f8da1; font:8px var(--mono,monospace); letter-spacing:.1em; }
.cp-support-card { position:relative; background:radial-gradient(ellipse at 100% 0,#23574435,transparent 75%),#101b20; }
.cp-support-card .cp-small-label { color:#9dceb6; font-size:8px; }
.cp-support-card h3 { margin:22px 0 12px; font:550 27px/1.1 var(--sans,sans-serif); letter-spacing:-.035em; }
.cp-support-card p { font-size:12px; line-height:1.6; color:#a5bab5; margin:0 0 22px; }
.cp-support-card .cp-button { width:100%; justify-content:space-between; min-height:42px; font-size:11px!important; }.cp-support-card .cp-button svg { transform:rotate(180deg); }
.cp-concept-label { display:inline-flex; align-items:center; gap:5px; color:#8caaa3; font:9px/1.5 var(--mono,monospace); }
.cp-support-card>.cp-concept-label { display:block; text-align:center; font-size:8px; margin-top:12px; }
.cp-status { min-height:18px; margin:24px 2px 0; color:#b9d1ec; font:11px/1.5 var(--mono,monospace); }
.cp-empty { border:1px solid var(--cp-line); border-radius:9px; background:linear-gradient(135deg,#18233366,#0f161f); padding:32px; min-height:196px; display:flex; flex-direction:column; justify-content:center; }
.cp-empty h2,.cp-empty h3 { font:500 23px/1.2 var(--sans,sans-serif); letter-spacing:-.025em; margin:0; max-width:330px; }
.cp-empty p { font-size:13px; color:#94a3b7; line-height:1.6; max-width:390px; margin:12px 0 0; }
.cp-empty-notes .cp-small-label { margin-bottom:22px; }
.cp-note { padding:26px 0; border-bottom:1px solid var(--cp-line); }.cp-note:first-child { padding-top:4px; }
.cp-note h3 { font:550 24px/1.15 var(--sans,sans-serif); margin:13px 0; letter-spacing:-.02em; }
.cp-note p { color:#a7b5c7; font-size:13px; line-height:1.75; white-space:pre-line; }.cp-note .cp-note-dek { color:#d1dbe6; font-size:15px; }
.cp-tools { padding:24px 0; }.cp-tools h3 { font-size:13px; font-weight:500; margin:0 0 12px; }
.cp-tools>div { display:flex; flex-wrap:wrap; gap:7px; }.cp-tools span { background:#17212e; border:1px solid #ffffff17; border-radius:4px; padding:7px 11px; color:#afbed0; font:10px var(--mono,monospace); }
.cp-collaborations { display:grid; gap:18px; }
.cp-collaboration { border:1px solid var(--cp-line); background:#101822; border-radius:9px; overflow:hidden; }
.cp-collab-project { display:flex; align-items:center; gap:18px; padding:18px; }.cp-collab-art { width:120px; height:78px; object-fit:cover; border-radius:5px; }
.cp-collab-project h3 { font-size:20px; line-height:1.1; margin:8px 0; font-weight:550; }.cp-collab-project p { font-size:11px; color:#a2afc1; margin:0; }
.cp-collaborators { border-top:1px solid var(--cp-line); padding:0 18px; }
.cp-collaborators button { display:flex; align-items:center; gap:12px; width:100%; border:0; background:none; padding:15px 0; text-align:left; }
.cp-collaborators button+button { border-top:1px solid var(--cp-line); }.cp-collaborators .cp-avatar { width:36px; height:36px; }
.cp-collaborators strong,.cp-collaborators small { display:block; }.cp-collaborators strong { font-size:13px; font-weight:500; }.cp-collaborators small { color:#879bb1; font-size:10px; margin-top:4px; }.cp-collaborators button>span:last-child { margin-left:auto; color:#8498b1; }
.cp-circle { border:1px solid #00e6762d; border-radius:10px; padding:28px; background:radial-gradient(ellipse at 100% 0,#23694838,transparent 70%),#111d20; }
.cp-circle-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }.cp-circle-top .cp-small-label { color:#a9dfc2; }
.cp-circle h2 { margin:30px 0 9px; font:550 clamp(30px,3.3vw,48px)/1 var(--sans,sans-serif); letter-spacing:-.045em; }
.cp-circle-dek { margin:0; font-size:14px; color:#aec2ba; }
.cp-benefits { margin:30px 0 23px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.cp-benefits>div { border-top:1px solid #ffffff26; padding-top:13px; }.cp-benefits>div>span { color:#78ba9d; font:10px var(--mono,monospace); }
.cp-benefits h3 { font-size:13px; font-weight:500; margin:14px 0 7px; }.cp-benefits p { font-size:11px; line-height:1.65; color:#8fa79f; margin:0; }
.cp-circle-bottom { border-top:1px solid #ffffff20; padding-top:20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.cp-circle-bottom p { color:#92aaa2; font-size:10px; line-height:1.7; margin:0; }.cp-circle-bottom .cp-button { font-size:11px!important; padding:10px 13px; }
.cp-text-link { display:inline-block; margin-top:8px; font-size:11px; color:#b3c8e2; }
.cp-dialog { margin:auto; padding:0; border:1px solid #ffffff35; border-radius:16px; max-height:min(88dvh,720px); width:min(480px,calc(100vw - 32px)); max-width:none; background:#111a24; color:#f4f8ff; box-shadow:0 24px 120px #0009; font-family:var(--sans,'Exo 2',sans-serif); overflow:auto; overscroll-behavior:contain; }
.cp-dialog[open] { animation:cp-dialog-in 220ms cubic-bezier(.23,1,.32,1); }.cp-dialog::backdrop { background:#05090dcc; backdrop-filter:blur(10px); }
.cp-dialog-inner { padding:24px 28px 18px; }
.cp-dialog header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.cp-dialog .cp-icon-button { display:grid; place-items:center; padding:8px; width:36px; height:36px; background:none; border:1px solid #ffffff20; border-radius:50%; }.cp-icon-button svg { width:17px; height:17px; }
.cp-dialog-creator { display:flex; align-items:center; gap:10px; color:#aabed5; font-size:12px; margin-bottom:21px; }.cp-dialog-creator .cp-avatar { width:30px; height:30px; }
.cp-dialog h2 { font:550 31px/1.05 var(--sans,sans-serif); letter-spacing:-.035em; margin:0 0 15px; }
.cp-dialog p { color:#91a5bc; font-size:12px; line-height:1.6; }
.cp-draft-form label { display:block; margin:23px 0 9px; font-size:11px; color:#b2c0d2; }
.cp-draft-form textarea { display:block; width:100%; resize:vertical; min-height:140px; max-height:35dvh; color:#eaf2fb; background:#080f18; border:1px solid #ffffff25; border-radius:7px; font:14px/1.6 var(--sans,sans-serif); padding:13px; }
.cp-draft-form textarea::placeholder { color:#6d8098; }
.cp-draft-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:13px; }.cp-draft-footer>span { color:#7588a0; font:10px var(--mono,monospace); }.cp-draft-count { font-weight:400; }.cp-draft-footer .cp-discard-draft { margin:0 0 0 auto; font-size:10px!important; color:#a7b8cc!important; }
.cp-amounts { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:25px 0; }
.cp-amounts button { padding:17px 8px; border:1px solid #ffffff28; background:#162331; color:#c5d2e3; border-radius:7px; font:500 20px var(--mono,monospace); }
.cp-amounts button[aria-pressed="true"] { background:#e7f2ed; border-color:#e7f2ed; color:#12231c; }
.cp-support-total { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 0 24px; }.cp-support-total>span { font-size:12px; color:#a3b6cd; }.cp-support-total strong { font:500 29px var(--sans,sans-serif); }.cp-support-total small { font:10px var(--mono,monospace); color:#8da2bb; }
.cp-wide { width:100%; }
.cp-dialog .cp-dialog-status { min-height:18px; margin:16px 0 0; color:#acddc5; font:10px/1.6 var(--mono,monospace); }
@keyframes cp-dialog-in { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (min-width:1500px) { .cp-page { padding-left:6vw; padding-right:6vw; }.cp-hero { min-height:400px; }.cp-body { grid-template-columns:minmax(0,1fr) 310px; }.cp-work-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1000px) { .cp-body { gap:22px; grid-template-columns:minmax(0,1fr) 246px; }.cp-hero { padding:28px 26px; }.cp-identity { gap:18px; }.cp-avatar-hero { width:80px; height:80px; border-radius:19px; }.cp-sidebar>section { padding:18px; }.cp-tabs { gap:17px; }.cp-tabs button { font-size:12px; }.cp-benefits { grid-template-columns:1fr; gap:15px; }.cp-benefits>div { display:grid; grid-template-columns:25px 1fr; gap:4px 10px; }.cp-benefits h3 { margin:0; }.cp-benefits p { grid-column:2; }.cp-circle-bottom { align-items:flex-start; flex-direction:column; }.cp-support-card h3 { font-size:24px; } }
@media (max-width:760px) { .cp-page { padding:54px 18px 78px; }.cp-body { grid-template-columns:1fr; gap:27px; }.cp-sidebar { display:grid; grid-template-columns:1fr 1fr; align-items:start; }.cp-hero { min-height:354px; padding:25px; }.cp-identity { padding-top:108px; }.cp-channel { right:25px; top:23px; }.cp-channel strong { font-size:78px; }.cp-network>span { display:none; }.cp-identity h1 { font-size:35px; }.cp-bio { font-size:13px; }.cp-tabs { gap:24px; }.cp-tabs button { font-size:13px; }.cp-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); }.cp-benefits>div { display:block; }.cp-benefits h3 { margin:13px 0 6px; }.cp-circle-bottom { flex-direction:row; align-items:center; }.cp-play { opacity:1; transform:none; width:36px; height:36px; }.cp-play svg { width:17px; height:17px; } }
@media (max-width:480px) { .cp-page { padding:52px 12px 80px; grid-template-rows:42px minmax(0,1fr); }.cp-topbar { gap:16px; }.cp-back { font-size:11px!important; gap:6px; }.cp-network { font-size:10px; gap:6px; }.cp-top-number { font-size:11px; }.cp-hero { padding:20px 18px; min-height:420px; }.cp-channel { top:22px; right:20px; }.cp-channel strong { font-size:78px; }.cp-channel>span:first-child { font-size:9px; }.cp-identity { display:block; padding-top:0; }.cp-avatar-hero { width:74px; height:74px; margin:20px 0 19px; border-radius:18px; }.cp-status-row { gap:8px 12px; }.cp-provenance { font-size:9px; }.cp-location { font-size:10px; }.cp-identity h1 { font-size:34px; max-width:100%; }.cp-bio { margin-top:11px; font-size:12px; }.cp-crafts { gap:7px; }.cp-crafts span { font-size:8px; }.cp-actions { margin-top:18px; gap:6px; }.cp-button { min-height:40px; font-size:11px!important; padding:10px 11px; gap:7px; }.cp-actions .cp-button svg { width:14px; height:14px; }.cp-profile-meta { align-items:flex-start; flex-direction:column; gap:9px; padding:14px 2px; font-size:10px; }.cp-profile-meta nav { gap:18px; }.cp-body { padding-top:13px; }.cp-tabs { gap:21px; }.cp-tabs button { font-size:11px; min-height:42px; padding-bottom:11px; }.cp-content { padding-top:20px; }.cp-section-heading h2 { font-size:17px; }.cp-work-grid { gap:20px 12px; }.cp-work-copy h3 { font-size:12px; }.cp-work-copy p { font-size:10px; }.cp-work-kind { font-size:7px; bottom:8px; left:8px; }.cp-work-index { font-size:8px; top:8px; left:8px; }.cp-work-logline { display:none!important; }.cp-sidebar { gap:12px; grid-template-columns:1fr; }.cp-premiere h3 { font-size:22px; }.cp-support-card { padding:23px!important; }.cp-support-card h3 br { display:none; }.cp-support-card h3 { margin-top:18px; font-size:26px; }.cp-support-card p { max-width:260px; }.cp-support-card .cp-button { max-width:260px; }.cp-support-card>.cp-concept-label { text-align:left; }.cp-empty { padding:25px; }.cp-empty h3,.cp-empty h2 { font-size:23px; }.cp-circle { padding:23px; }.cp-circle-top { flex-wrap:wrap; }.cp-circle h2 { margin-top:26px; font-size:39px; }.cp-circle-dek { font-size:13px; }.cp-benefits { grid-template-columns:1fr; gap:17px; margin-top:26px; }.cp-benefits>div { display:grid; grid-template-columns:27px 1fr; }.cp-benefits h3 { margin:0; }.cp-circle-bottom { flex-direction:column; align-items:flex-start; }.cp-circle-bottom p { font-size:10px; }.cp-collab-project { padding:14px; gap:12px; }.cp-collab-art { width:85px; height:64px; }.cp-collab-project h3 { font-size:18px; }.cp-collab-project .cp-small-label { font-size:7px; }.cp-collab-project p { font-size:10px; }.cp-dialog-inner { padding:20px; }.cp-dialog h2 { font-size:28px; }.cp-amounts { gap:6px; }.cp-amounts button { font-size:18px; }.cp-draft-footer .cp-button { font-size:12px!important; } }
@media (prefers-reduced-motion:reduce) { .cp-page *, .cp-dialog, .cp-dialog * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.cp-work-open:hover .cp-work-art { transform:none; } }
body.still .cp-page *,body.still .cp-dialog,body.still .cp-dialog *,.cp-page.cp-still * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }

/* A changing still from the work, held behind a consistent editorial identity. */
.cp-hero { min-height:432px; padding:34px 38px 38px; align-items:flex-end; background:#101720; }
.cp-hero-gallery { position:absolute; inset:0; z-index:-4; overflow:hidden; background:radial-gradient(ellipse at 80% 20%,rgba(var(--cp-accent-rgb,56,130,255),.18),transparent 70%),#101720; }
.cp-hero-gallery::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0b0f1530,transparent); pointer-events:none; }
.cp-hero .cp-cover { z-index:auto; opacity:0; object-position:center 38%; transform:scale(1.035); transition:opacity 700ms cubic-bezier(.22,1,.36,1); animation:cp-hero-drift 8s linear both; animation-play-state:paused; }
.cp-hero .cp-cover-current { opacity:.78; }
.cp-hero-gallery .cp-cover[data-art-kind="identity"] { width:54%; height:95%; left:auto; right:0; top:auto; bottom:0; object-fit:contain; object-position:center right; opacity:0; filter:saturate(.65); animation:none; }
.cp-hero-gallery .cp-cover-current[data-art-kind="identity"] { opacity:.55; }
.cp-hero .cp-cover-instant { transition:none; }
.cp-hero-playing .cp-cover-current { animation-play-state:running; }
.cp-hero-shade { z-index:-3; background:linear-gradient(90deg,#0b0f15f2 0%,#0b0f15c9 32%,#0b0f152a 86%),linear-gradient(0deg,#0b0f15e8 0%,#0b0f1566 28%,#0b0f1540 100%); }
.cp-hero-accent { position:absolute; inset:0; z-index:-2; pointer-events:none; opacity:.08; background:radial-gradient(ellipse at 72% 15%,rgba(var(--cp-accent-rgb,56,130,255),.7),transparent 72%),linear-gradient(0deg,rgba(var(--cp-accent-rgb,56,130,255),.14),transparent 50%); transition:opacity 440ms cubic-bezier(.22,1,.36,1); }
.cp-hero::after { content:''; position:absolute; inset:0; pointer-events:none; border:1px solid var(--cp-accent,#3882ff); border-radius:inherit; opacity:0; transition:opacity 320ms; }
.cp-hero:hover .cp-hero-accent,.cp-hero:focus-within .cp-hero-accent { opacity:.52; }
.cp-hero:hover::after,.cp-hero:focus-within::after { opacity:.36; }
.cp-identity { display:block; max-width:74%; padding:0; }
.cp-identity-top { display:flex; align-items:center; gap:13px; margin-bottom:19px; }
.cp-avatar-hero { width:46px; height:46px; border-radius:12px; border:1px solid #ffffff5a; box-shadow:0 3px 18px #0005; transition:border-color 240ms,box-shadow 240ms; }
.cp-avatar-hero.cp-avatar-initial { font-size:20px; }
.cp-hero:hover .cp-avatar-hero,.cp-hero:focus-within .cp-avatar-hero { border-color:var(--cp-accent); box-shadow:0 0 0 3px rgba(var(--cp-accent-rgb),.12); }
.cp-status-row { flex-direction:column; align-items:flex-start; gap:5px; margin:0; }
.cp-provenance { font-size:9px; }
.cp-location { font:10px var(--mono,monospace); color:#9cabbf; }
.cp-identity-copy { max-width:760px; }
.cp-identity .cp-name { font:650 clamp(38px,5.4vw,78px)/.99 var(--sans,sans-serif); letter-spacing:-.045em; margin:0 0 2px -2px; text-wrap:balance; }
.cp-identity .cp-name-compact { font:650 clamp(53px,7.8vw,106px)/.98 var(--logo,'Orbitron',sans-serif); letter-spacing:-.055em; }
.cp-bio { margin-top:15px; max-width:580px; color:#c9d3e2; font-size:13px; line-height:1.65; }
.cp-crafts { margin-top:13px; }
.cp-crafts span { font-size:9px; letter-spacing:.09em; }
.cp-actions { margin-top:24px; gap:9px; }
.cp-actions .cp-primary { padding-left:20px; padding-right:20px; }
.cp-channel { top:32px; right:36px; }
.cp-channel strong { font:650 clamp(72px,8.3vw,120px)/.97 var(--logo,sans-serif); color:#edf3fc; transition:color 400ms; }
.cp-channel>span:first-child { font-size:9px; letter-spacing:.24em; margin-bottom:5px; }
.cp-hero:hover .cp-channel strong,.cp-hero:focus-within .cp-channel strong { color:var(--cp-accent); }
.cp-channel-signature { margin-top:11px; gap:5px; }.cp-channel-signature i { width:5px; height:5px; }
.cp-hero-controls { position:absolute; right:28px; bottom:29px; display:flex; align-items:center; gap:7px; z-index:2; padding:7px; border:1px solid #ffffff2b; background:#0b111bd9; border-radius:7px; backdrop-filter:blur(18px); max-width:290px; }
.cp-hero-controls button { display:flex; align-items:center; justify-content:center; gap:6px; border:0; border-radius:4px; background:#ffffff0b; min-height:31px; min-width:31px; padding:7px; font-size:9px; }
.cp-hero-controls button:hover { background:#ffffff20; }.cp-hero-controls button:disabled { opacity:.5; }.cp-hero-controls svg { width:15px; height:15px; }
.cp-hero-count { font:9px var(--mono,monospace); color:#b5c4d8; white-space:nowrap; padding:0 4px; }
.cp-hero-art-caption { position:absolute; right:0; bottom:calc(100% + 11px); text-align:right; width:260px; pointer-events:none; }
.cp-hero-art-caption .cp-small-label { display:block; font-size:7px; color:#8599b2; margin-bottom:5px; letter-spacing:.15em; }
.cp-hero-art-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:11px; color:#bdcde0; line-height:1.4; text-shadow:0 2px 12px #000; }
.cp-work-art[data-art-kind="avatar"] { object-fit:contain; padding:16%; background:radial-gradient(ellipse,rgba(var(--cp-accent-rgb),.15),#121a25); }
.cp-work-art[data-art-kind="identity"] { object-fit:cover; }
@keyframes cp-hero-drift { from { transform:scale(1.035) translateX(.3%); } to { transform:scale(1.005) translateX(-.3%); } }
@media (max-width:1000px) { .cp-hero { min-height:420px; padding:30px; }.cp-identity { max-width:74%; }.cp-identity .cp-name { font-size:56px; }.cp-identity .cp-name-compact { font-size:82px; }.cp-channel { top:30px; right:28px; }.cp-channel strong { font-size:88px; }.cp-hero-controls { right:24px; bottom:25px; }.cp-hero-art-caption { width:210px; }.cp-bio { max-width:460px; } }
@media (max-width:760px) { .cp-hero { display:block; min-height:0; padding:28px; }.cp-identity { max-width:100%; padding-top:13px; }.cp-identity-top { margin-bottom:25px; }.cp-identity-copy { padding-right:0; }.cp-identity .cp-name { max-width:80%; font-size:52px; }.cp-identity .cp-name-compact { font-size:82px; }.cp-channel { top:26px; right:27px; }.cp-channel strong { font-size:79px; }.cp-channel-signature { margin-top:8px; }.cp-hero-controls { position:relative; right:auto; bottom:auto; margin:29px 0 0; width:max-content; max-width:100%; }.cp-hero-art-caption { display:none; }.cp-bio { max-width:540px; }.cp-avatar-hero { width:44px; height:44px; border-radius:11px; } }
@media (max-width:480px) { .cp-hero { min-height:0; padding:24px 20px 22px; }.cp-identity { padding:0; }.cp-identity-top { gap:10px; margin-bottom:32px; padding-right:90px; min-height:47px; }.cp-avatar-hero { width:42px; height:42px; margin:0; border-radius:10px; }.cp-provenance { font-size:8px; max-width:115px; line-height:1.4; }.cp-status-row { gap:5px; }.cp-location { font-size:8px; max-width:100px; }.cp-channel { top:22px; right:21px; }.cp-channel>span:first-child { font-size:7px; letter-spacing:.2em; }.cp-channel strong { font-size:66px; }.cp-channel-signature { gap:4px; margin-top:7px; }.cp-channel-signature i { width:4px; height:4px; }.cp-identity .cp-name { max-width:100%; font-size:45px; line-height:1.02; letter-spacing:-.045em; }.cp-identity .cp-name-compact { font-size:66px; }.cp-bio { font-size:12px; margin-top:14px; line-height:1.6; }.cp-crafts { gap:7px; margin-top:14px; }.cp-crafts span { font-size:8px; letter-spacing:.04em; }.cp-actions { margin-top:22px; gap:6px; }.cp-actions .cp-primary { padding-left:12px; padding-right:12px; }.cp-actions .cp-button { font-size:10px!important; gap:6px; }.cp-hero-controls { margin-top:24px; gap:5px; padding:5px; }.cp-hero-controls button { min-height:30px; }.cp-hero-shade { background:linear-gradient(90deg,#0b0f15ef,#0b0f1560),linear-gradient(0deg,#0b0f15e8,#0b0f1575); } }
@media (prefers-reduced-motion:reduce) { .cp-hero .cp-cover { animation:none!important; transition:none!important; transform:none!important; }.cp-hero-accent,.cp-hero::after,.cp-channel strong { transition:none!important; } }
@media (max-width:480px) { .cp-hero-gallery .cp-cover[data-art-kind="identity"] { width:95%; height:85%; right:-15%; top:0; bottom:auto; object-position:top right; }.cp-hero-gallery .cp-cover-current[data-art-kind="identity"] { opacity:.3; } }
body.still .cp-hero .cp-cover,.cp-hero-still .cp-cover { animation:none!important; transition:none!important; transform:none!important; }