/* A viewing channel within the existing OS shell. All layout is scoped to Rotation. */
.scene.rotation-channel .rota { display: block; padding: 0; }
.scene.rotation-channel .rt-grid { opacity: .3; }
.scene.rotation-channel .rt-ambient { opacity: .35; }
.rc-channel { position: absolute; inset: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto; padding: 52px 3vw 88px; gap: 12px; color: var(--bone); font-family: var(--sans); }
.rc-channel::before { content: ''; position: absolute; inset: 0; z-index: -1; background-image: var(--rc-art); background-size: cover; background-position: center; filter: blur(40px) brightness(.25); opacity: .45; pointer-events: none; }
.rc-channel *, .rc-channel *::before, .rc-channel *::after { box-sizing: border-box; }
.rc-channel button, .rc-channel a { -webkit-tap-highlight-color: transparent; }
.rc-channel button { cursor: pointer; color: inherit; font: inherit; }
.rc-channel .btn-primary { color: var(--ink); }
.rc-channel button:disabled { opacity: .35; cursor: default; }
.rc-channel button:focus-visible, .rc-channel a:focus-visible, .rc-channel video:focus-visible { outline: 2px solid #8cbfff; outline-offset: 4px; }
.rc-channel button:active:not(:disabled) { transform: scale(.97); }
.rc-channel img[hidden], .rc-channel [hidden] { display: none !important; }
.rc-header { display: flex; align-items: center; gap: 32px; min-height: 44px; }
.rc-eyebrow { font: 500 11px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: #b4b7bf; }
.rc-header h2 { display: flex; align-items: center; gap: 10px; margin: 0; font: 650 21px/1.1 var(--sans); letter-spacing: -.035em; }
.rc-pixel { width: 7px; height: 7px; background: #3882ff; box-shadow: 0 0 12px #3882ff55; }
.rc-intents { display: flex; align-items: center; gap: 6px; }
.rc-intents button { background: none; border: 1px solid transparent; border-radius: 24px; padding: 8px 18px; font-size: 13px; color: #babdc5; min-height: 38px; transition: background 160ms, color 160ms; }
.rc-intents button[aria-pressed="true"] { color: #fff; border-color: #ffffff26; background: #ffffff0e; }
.rc-makers { margin-left: auto; border: none; background: transparent; padding: 10px 0 10px 10px; display: flex; gap: 9px; align-items: center; font-size: 13px !important; color: #c3c5cd !important; min-height: 44px; }
.rc-makers img { width: 18px; height: 18px; }
.rc-status { display: flex; align-items: baseline; gap: 20px; justify-content: space-between; font-size: 12px; color: #aeb2bd; min-height: 16px; }
.rc-count { white-space: nowrap; font: 11px var(--mono); color: #d0d3dc; }
.rc-layout { display: grid; grid-template-columns: minmax(0,1fr) 64px; gap: 20px; min-height: 0; }
.rc-main { display: grid; grid-template-rows: minmax(0,1fr) auto; min-width: 0; min-height: 0; }
.rc-viewer { position: relative; min-height: 100px; overflow: hidden; border: 1px solid #ffffff26; border-radius: 12px; background: #08090c; isolation: isolate; }
.rc-viewer::before { content: ''; position: absolute; inset: -30px; z-index: -1; background-image: var(--rc-art); background-size: cover; background-position: center; filter: blur(35px) brightness(.23); opacity: .65; }
.rc-video { display: block; width: 100%; height: 100%; object-fit: contain; }
.rc-caption { padding: 14px 2px 0; min-width: 0; }
.rc-piece-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.rc-piece-heading h3 { font: 650 clamp(19px,2.15vw,30px)/1.2 var(--sans); letter-spacing: -.025em; margin: 3px 0 8px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rc-piece-heading .rc-eyebrow { font-size: 10px; }
.rc-world { display: flex; align-items: center; gap: 10px; white-space: nowrap; background: #ffffff08; border: 1px solid #ffffff25; padding: 10px 12px; border-radius: 7px; font-size: 12px !important; min-height: 40px; }
.rc-world img { width: 16px; }
.rc-byline { display: flex; align-items: center; gap: 14px; }
.rc-creator-link { border: 0; background: none; display: flex; align-items: center; gap: 10px; padding: 0; text-align: left; min-height: 34px; font-size: 13px !important; }
.rc-creator-link small { color: #afb4c0; font-size: 11px; }
.rc-avatar { width: 32px; height: 32px; flex: none; border-radius: 50%; object-fit: cover; background: #242833; }
.rc-initial { display: inline-grid; place-items: center; font-size: 15px; }
.rc-follow { padding: 7px 12px; border-radius: 20px; background: none; border: 1px solid #ffffff40; font-size: 12px !important; min-height: 34px; white-space: nowrap; }
.rc-follow[aria-pressed="true"] { border-color: #00e67670; }
.rc-provenance { margin-top: 7px; }
.rc-provenance .prov-rail { color: #aeb2bc; }
.rc-actions { display: flex; flex-direction: column; gap: 10px; align-items: stretch; justify-content: center; }
.rc-actions button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 7px 0; border: none; background: transparent; min-height: 52px; font-size: 11px; }
.rc-actions img { width: 26px; height: 26px; padding: 3px; }
.rc-actions [aria-pressed="true"], .rc-actions [aria-expanded="true"] { color: #8cbfff; }
.rc-up { transform: rotate(90deg); }.rc-down { transform: rotate(90deg); }
.rc-action-divider { display: block; margin: 1px 15px; height: 1px; background: #ffffff24; }
.rc-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 11px; color: #aeb3be; min-height: 28px; }
.rc-message { color: #e3e8f1; text-align: right; }
.rc-empty { display: grid; place-content: center; justify-items: start; min-height: 100%; padding: 32px; max-width: 580px; margin: auto; gap: 16px; }
.rc-empty h3 { margin: 0; font: 600 30px/1.2 var(--sans); }.rc-empty p { line-height: 1.6; color: #bdc2cd; margin: 0; }
.rc-embed { position: relative; height: 100%; display: grid; place-items: center; }
.rc-embed > img { position: absolute; width: 100%; height: 100%; object-fit: contain; opacity: .55; z-index: -1; }
.rc-embed > button { position: relative; }.rc-embed > button img { width: 18px; }
.rc-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; background: #101114; }
.rc-media-error { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 14px; background: #08090cdd; padding: 20px; text-align: center; }
.rc-media-error p { margin: 0; }.rc-media-error a, .rc-media-error button { color: white; padding: 12px; border: 1px solid #ffffff40; border-radius: 6px; background: none; text-decoration: none; }.rc-media-error img { width: 15px; }
.rc-layout.has-panel { grid-template-columns: minmax(0,1fr) 52px minmax(290px,32%); gap: 16px; }
.rc-panel { min-height: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto; border: 1px solid #ffffff26; border-radius: 12px; background: rgba(19,22,29,.96); overflow: hidden; }
.rc-panel-head { display: flex; justify-content: space-between; align-items: center; padding: 8px 16px 8px 22px; border-bottom: 1px solid #ffffff16; }
.rc-panel-head .rc-eyebrow::before { content: ''; display: inline-block; width: 6px; height: 6px; background: #00e676; margin-right: 10px; }
.rc-panel-head button { background: none; border: none; padding: 12px; min-width: 44px; min-height: 44px; }.rc-panel-head img { width: 18px; }
.rc-panel-scroll { padding: 20px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.rc-maker-heading { display: flex; align-items: center; gap: 12px; }.rc-maker-heading .rc-avatar { width: 44px; height: 44px; }
.rc-maker-heading h3 { margin: 0; font: 600 19px/1.25 var(--sans); }.rc-maker-heading p { font-size: 12px; color: #afb6c1; margin: 4px 0 0; }
.rc-bio { font-size: 14px; line-height: 1.6; color: #c8cdd6; margin: 16px 0; white-space: pre-line; }
.rc-panel [data-rc="panel-follow"] { width: 100%; margin: 12px 0 6px; min-height: 42px; font-size: 13px; }
.rc-panel section { border-top: 1px solid #ffffff1c; padding-top: 17px; margin-top: 20px; }.rc-panel h4 { margin: 0 0 12px; font: 500 11px/1.4 var(--mono); letter-spacing: .09em; text-transform: uppercase; color: #d2d7e0; }
.rc-panel h5 { font: 600 16px/1.3 var(--sans); margin: 14px 0 8px; }.rc-panel p { font-size: 14px; line-height: 1.6; }.rc-quiet, .rc-tools { color: #adb5c2; }
.rc-more { display: grid; gap: 14px; }.rc-more button { display: grid; grid-template-columns: 90px 1fr; gap: 12px; align-items: center; text-align: left; border: 0; background: none; padding: 0; font-size: 13px; line-height: 1.4; }.rc-more img { width: 90px; aspect-ratio: 16/9; object-fit: cover; border-radius: 5px; }.rc-more span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rc-source-links { display: grid; gap: 12px; margin-top: 20px; }.rc-source-links a { color: #d2d9e5; text-decoration: none; font-size: 12px; }.rc-source-links img { width: 12px; margin-left: 7px; }
.rc-panel-foot { padding: 14px 20px; border-top: 1px solid #ffffff1c; display: grid; gap: 10px; }.rc-panel-foot button { text-align: left; border: 0; background: none; padding: 0; color: #dce7fa; font-size: 13px; min-height: 26px; }.rc-panel-foot small { font-size: 11px; color: #afb7c6; }
.rt-return-channel { grid-column: 1/-1; justify-self: start; margin-bottom: 8px; }
body.in-rotation-channel #osguides .gd-plate { display: none; }
@media (min-width: 701px) {
  body.in-rotation-channel #dock > span:not(.os-display-launch) { flex-direction: column; gap: 5px; padding: 7px 10px; min-width: 56px; }
  body.in-rotation-channel #dock > span > b { max-width: 100px !important; opacity: 1 !important; margin: 0 !important; transform: none !important; font: 500 10px/1.2 var(--sans); text-transform: none; letter-spacing: 0; transition: none !important; }
}
@media (hover: hover) and (pointer: fine) {
  .rc-intents button:hover, .rc-actions button:hover:not(:disabled), .rc-makers:hover { color: white; background: #ffffff08; border-radius: 6px; }
  .rc-creator-link:hover span, .rc-source-links a:hover { text-decoration: underline; }
}
@media (min-width: 901px) and (max-height: 790px) {
  .rc-channel { padding-top: 56px; padding-bottom: 82px; gap: 8px; }
  .rc-header .rc-eyebrow { display: none; }.rc-header h2 { font-size: 28px; }.rc-header { gap: 28px; }
  .rc-caption { padding-top: 9px; }.rc-piece-heading h3 { font-size: 22px; margin-bottom: 5px; }.rc-provenance { margin-top: 5px; }
  .rc-actions { gap: 4px; }.rc-actions button { min-height: 46px; padding: 3px 0; }
}
@media (max-width: 1100px) and (min-width: 701px) {
  .rc-header { gap: 20px; }.rc-layout.has-panel { grid-template-columns: minmax(0,1fr) 290px; }.rc-layout.has-panel .rc-actions { display: none; }
  .rc-layout.has-panel .rc-world { display: none; }.rc-layout.has-panel .rc-creator-link small { display: none; }
}
@media (max-width: 700px) {
  .rc-channel { padding: 59px 12px 88px; gap: 8px; }
  .rc-header { flex-wrap: wrap; align-items: center; gap: 6px; }.rc-header h2 { font-size: 25px; }.rc-header .rc-eyebrow { display: none; }
  .rc-makers { font-size: 11px !important; min-height: 32px; padding: 5px 0; }.rc-makers img { width: 16px; }
  .rc-intents { order: 3; width: 100%; justify-content: center; }.rc-intents button { flex: 1; padding: 8px 4px; font-size: 14px; min-height: 40px; }
  .rc-status { font-size: 11px; gap: 10px; }.rc-context { max-width: 75%; }.rc-count { font-size: 10px; }
  .rc-layout, .rc-layout.has-panel { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 8px; }
  .rc-main { min-height: 0; }.rc-viewer { border-radius: 9px; min-height: 90px; }
  .rc-actions { justify-content: end; gap: 5px; padding-bottom: 4px; }.rc-actions button { font-size: 10px; min-height: 47px; }.rc-actions img { width: 25px; height: 25px; }.rc-action-divider { margin: 0 9px; }
  .rc-caption { padding: 9px 0 0; }.rc-piece-heading h3 { font-size: 17px; line-height: 1.25; }.rc-piece-heading .rc-eyebrow { font-size: 9px; }.rc-world { display: none; }
  .rc-byline { gap: 8px; flex-wrap: wrap; }.rc-avatar { width: 26px; height: 26px; }.rc-creator-link { font-size: 12px !important; gap: 7px; }.rc-creator-link small { display: none; }.rc-follow { font-size: 11px !important; padding: 6px 10px; min-height: 32px; }
  .rc-provenance { max-height: 30px; overflow: auto; }.rc-provenance .prov-rail { font-size: 9px; }
  .rc-footer { font-size: 10px; gap: 8px; }.rc-gesture-hint { font-size: 0; }.rc-gesture-hint::after { content: 'Swipe up for the next piece'; font-size: 10px; }.rc-message { max-width: 65%; }
  .rc-panel { position: absolute; z-index: 6; inset: 4px 0 0; box-shadow: 0 -20px 50px #0008; border-radius: 16px 16px 9px 9px; }
  .rc-layout.has-panel .rc-main, .rc-layout.has-panel .rc-actions { visibility: hidden; }
  .rc-panel-scroll { padding: 18px; }.rc-panel-foot { padding: 12px 18px; }.rc-panel p { font-size: 14px; }
  .rc-empty { padding: 20px; }.rc-empty h3 { font-size: 23px; }.rc-empty p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .rc-channel *, .rc-channel *::before, .rc-channel *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Channel-surfing and creator discovery share one compact OS control bar. */
.rc-header-end { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.rc-remote { display: flex; align-items: center; gap: 6px; min-height: 38px; padding: 7px 10px; background: #ffffff05; border: 1px solid #ffffff25; border-radius: 8px; font: 11px var(--sans) !important; }
.rc-remote svg { width: 19px; height: 23px; fill: none; stroke: #bbd1e9; stroke-width: 1.5; }
@media (max-width: 700px) { .rc-header-end .rc-count { display: none; }.rc-remote { min-height: 36px; padding: 5px 7px; font-size: 10px !important; }.rc-header-end { gap: 7px; } }
.rc-header-end .rc-makers { margin: 0; padding: 10px; min-width: 40px; min-height: 40px; border-radius: 50%; }
.rc-preview { color: #9cb5da !important; background: #3882ff0c; border: 1px solid #3882ff35; border-radius: 20px; padding: 6px 10px; font: 10px var(--mono) !important; }
.rc-count { color: #8f959e; }
.rc-up-next { display: flex; align-items: center; gap: 9px; padding: 2px 8px; border: 0; background: none; border-radius: 20px; font-size: 11px !important; }
.rc-up-next > span:first-child { color: #8f959e; }.rc-up-next b { font-weight: 500; color: #d6dbe4; }.rc-up-next .rc-avatar { width: 23px; height: 23px; }.rc-up-next > img:last-child { width: 13px; }
.rc-message:empty { display: none; }.rc-message { max-width: 320px; }
.rc-actions { gap: 8px; }.rc-actions button { border-radius: 12px; transition: background 160ms, color 160ms; }
.rc-actions [data-rc="like"] img { width: 34px; height: 34px; padding: 0; filter: grayscale(.65); transition: filter 180ms; }
.rc-actions [data-rc="like"][aria-pressed="true"] { color: #ff7f9b; }.rc-actions [data-rc="like"][aria-pressed="true"] img { filter: none; }
.rc-tune-old { position: absolute; inset: 0; z-index: 4; background: #06080b; pointer-events: none; overflow: hidden; }
.rc-tune-old > video, .rc-tune-old > .rc-embed { width: 100%; height: 100%; object-fit: contain; }
.rc-tune-signal { position: absolute; z-index: 5; top: 24px; left: 24px; display: grid; gap: 5px; padding: 12px 16px; border-left: 2px solid #78aaff; background: #07101cba; backdrop-filter: blur(12px); pointer-events: none; }
.rc-tune-signal > span { font: 500 28px/1 var(--mono); color: #fff; letter-spacing: -.05em; }.rc-tune-signal small { color: #b3c9e5; font-size: 12px; }
.rc-explore { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 28px 2px 24px; }
.rc-channel.is-exploring { grid-template-rows: auto minmax(0,1fr); }
.rc-explore-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.rc-explore-head h3 { font: 600 clamp(28px,3.4vw,44px)/1.15 var(--sans); letter-spacing: -.045em; margin: 8px 0 0; }
.rc-explore-head .rc-eyebrow { font-size: 10px; color: #99a0af; }
.rc-surprise { display: flex; align-items: center; gap: 14px; padding: 12px 18px; border: 1px solid #ffffff30; border-radius: 24px; background: #ffffff0a; font-size: 13px !important; white-space: nowrap; }.rc-surprise img { width: 16px; }
.rc-search { display: flex; align-items: center; gap: 10px; max-width: 340px; margin-bottom: 28px; padding: 10px 14px; border: 1px solid #ffffff22; border-radius: 10px; background: #080d1450; }.rc-search img { width: 16px; opacity: .6; }
.rc-search input { color: #fff; font: 13px var(--sans); background: none; border: 0; outline: none; min-width: 0; width: 100%; }.rc-search:focus-within { outline: 2px solid #8cbfff; outline-offset: 2px; }.rc-search input::placeholder { color: #9198a8; }
.rc-creator-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); align-content: start; gap: 22px; }
.rc-creator-card { min-width: 0; overflow: hidden; text-align: left; padding: 0; border: 1px solid #ffffff1e; border-radius: 14px; background: #11141bee; transition: transform 220ms cubic-bezier(.22,1,.36,1), border-color 180ms, background 180ms; animation: rc-card-enter 260ms both; animation-delay: calc(var(--card-order) * 22ms); }
.rc-card-cover { display: block; height: 165px; position: relative; background: #172333; }.rc-card-cover > img { width: 100%; height: 100%; object-fit: cover; opacity: .7; }.rc-card-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#11141b 0%,transparent 75%); pointer-events: none; }
.rc-card-no-art { display: block; height: 100%; background: radial-gradient(at 75% 10%,#35619c70,transparent 60%), linear-gradient(145deg,#172a2c,#111722); }
.rc-card-cover .rc-avatar { position: absolute; z-index: 1; width: 76px; height: 76px; left: 20px; bottom: -16px; border: 4px solid #11141b; opacity: 1; box-shadow: 0 5px 18px #0006; font-size: 25px; }
.rc-card-channel { position: absolute; top: 15px; left: 20px; font: 10px var(--mono); color: #eef3fa; z-index: 1; text-shadow: 0 1px 5px #000; letter-spacing: .08em; }
.rc-card-body { display: grid; gap: 10px; padding: 30px 20px 19px; }.rc-card-body > strong { font-size: 19px; font-weight: 600; letter-spacing: -.02em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }.rc-card-bio { color: #9fa7b6; font-size: 12px; line-height: 1.5; height: 36px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rc-card-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px solid #ffffff10; color: #939eaf; font-size: 11px; }.rc-card-foot b { font-weight: 500; color: #ccdafa; }
.rc-no-creators { color: #adb5c2; }
@keyframes rc-card-enter { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
body.in-rotation-channel #hints { display: none; }
@media (hover: hover) and (pointer: fine) {
  .rc-creator-card:hover { transform: translateY(-4px); border-color: #719cde70; background: #171e2b; }
  .rc-surprise:hover, .rc-up-next:hover { background: #ffffff12; }.rc-intents button:hover { border-radius: 24px; }
}
@media (min-width: 901px) and (max-height: 790px) {
  .rc-channel { padding-top: 48px; padding-bottom: 82px; }.rc-header h2 { font-size: 21px; }.rc-explore { padding-top: 16px; }.rc-explore-head h3 { font-size: 32px; }
}
@media (max-width: 800px) {
  .rc-header { gap: 14px; }.rc-header-end { gap: 8px; }.rc-intents button { padding: 8px 12px; }.rc-header-end .rc-makers { display: none; }
  .rc-up-next > span:first-child { display: none; }.rc-up-next b { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 700px) {
  .rc-channel { padding: 49px 12px 80px; gap: 9px; }.rc-header { display: grid; grid-template-columns: 1fr auto; gap: 6px; }.rc-header h2 { font-size: 19px; }.rc-header-end { gap: 12px; }.rc-preview { font-size: 9px !important; padding: 5px 8px; }
  .rc-intents { grid-row: 2; grid-column: 1/-1; width: 100%; gap: 4px; }.rc-intents button { min-height: 34px; padding: 7px 12px; font-size: 12px; }.rc-count { font-size: 10px; }
  .rc-actions { gap: 4px; justify-content: center; }.rc-actions button { min-height: 43px; }.rc-actions [data-rc="like"] img { width: 29px; height: 29px; }
  .rc-footer { gap: 8px; min-height: 23px; flex-wrap: wrap; font-size: 10px; }.rc-gesture-hint::after { content: 'Swipe to switch'; font-size: 10px; }.rc-message { max-width: none; flex-basis: 100%; text-align: left; }.rc-up-next { margin-left: auto; font-size: 10px !important; gap: 6px; }.rc-up-next .rc-avatar { width: 20px; height: 20px; }
  .rc-explore { padding: 17px 1px 10px; }.rc-explore-head { align-items: end; gap: 10px; margin-bottom: 18px; }.rc-explore-head h3 { font-size: 29px; max-width: 220px; }.rc-explore-head .rc-eyebrow { font-size: 8px; letter-spacing: .07em; }.rc-surprise { font-size: 10px !important; padding: 9px 10px; gap: 4px; }.rc-surprise img { width: 12px; }
  .rc-search { margin-bottom: 18px; max-width: none; }.rc-creator-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.rc-card-cover { height: 115px; }.rc-card-cover .rc-avatar { width: 58px; height: 58px; left: 12px; bottom: -14px; border-width: 3px; }.rc-card-channel { left: 12px; top: 10px; font-size: 9px; }
  .rc-card-body { padding: 25px 12px 13px; gap: 8px; }.rc-card-body > strong { font-size: 14px; }.rc-card-bio { font-size: 10px; height: 30px; }.rc-card-foot { font-size: 9px; gap: 4px; }.rc-card-foot b { white-space: nowrap; }
  .rc-tune-signal { top: 14px; left: 14px; padding: 10px 12px; }.rc-tune-signal > span { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { .rc-creator-card { animation: none; transition: none; } }
.rc-buffering { position: absolute; left: 18px; top: 18px; padding: 8px 12px; border: 1px solid #ffffff20; border-radius: 20px; color: #dae7ff; background: #10151de6; font: 11px var(--mono); pointer-events: none; }

/* Everside TV: select a creator, sample their channel, then settle in. */
.scene.rotation-channel { overflow: clip; }
.rc-tv-word { font: 600 11px/1 var(--mono); letter-spacing: .04em; padding: 5px 6px; border: 1px solid #9bb9dc65; border-radius: 5px; color: #9fcaff; }
.rc-header .rc-pixel { background: #ff3b3b; box-shadow: 0 0 0 0; }
.rc-channel.is-exploring::before { opacity: .12; }
.rc-explore { padding-top: 14px; }
.rc-tv-stage { display: grid; grid-template-columns: minmax(240px,.8fr) minmax(0,2fr); gap: clamp(24px,4vw,64px); padding: 30px clamp(20px,3vw,44px) 24px; border: 1px solid #c3ddff20; border-radius: 22px; background: radial-gradient(ellipse at 65% 0,#23405b24,transparent 65%), #0b1015; box-shadow: 0 12px 50px #0003; scroll-margin-top: 4px; }
.rc-tv-identity { position: relative; display: flex; flex-direction: column; align-items: start; min-width: 0; }
.rc-tv-number { display: flex; align-items: start; flex-direction: column; }
.rc-tv-number > span { font: 500 10px/1.2 var(--mono); letter-spacing: .28em; color: #8d9fac; }
.rc-tv-number > strong { font: 700 clamp(76px,8vw,114px)/1 var(--logo,var(--sans)); letter-spacing: -.09em; color: #f7faff; font-variant-numeric: tabular-nums; margin: 6px 0 18px -3px; }
.rc-tv-maker { display: flex; align-items: center; gap: 12px; min-width: 0; }
.rc-tv-maker .rc-avatar { width: 48px; height: 48px; border: 1px solid #ffffff35; }
.rc-tv-maker .rc-eyebrow { font-size: 8px; letter-spacing: .1em; color: #8d9fac; }
.rc-tv-maker h3 { font: 600 clamp(22px,2.2vw,30px)/1.13 var(--sans); letter-spacing: -.035em; margin: 5px 0 0; overflow-wrap: anywhere; }
.rc-tv-bio { color: #a5afbd; font: 13px/1.55 var(--sans); margin: 15px 0 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rc-tv-primary { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rc-tv-watch { display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #fff; background: #f7faff; color: #10151a !important; padding: 12px 17px; border-radius: 8px; font-size: 13px !important; font-weight: 600 !important; min-height: 44px; }
.rc-tv-watch img { width: 15px; filter: brightness(0); }
.rc-tv-profile { border: none; background: none; color: #abb9c9 !important; padding: 10px 0; font-size: 12px !important; min-height: 44px; }
.rc-tv-companions { position: relative; width: min(100%,275px); margin: auto 0 -6px; padding-top: 10px; }
.rc-tv-companions img { width: 100%; display: block; mix-blend-mode: lighten; mask-image: linear-gradient(to bottom,#000 85%,transparent); }
.rc-tv-companions > span { display: block; font: 9px/1.5 var(--mono); color: #7d8fa2; text-align: center; letter-spacing: .035em; margin-top: -6px; }
.rc-tv-program { min-width: 0; align-self: center; }
.rc-tv-screen { position: relative; aspect-ratio: 16/9; border: 1px solid #9ab3d14d; border-radius: 13px; background: #05080c; box-shadow: 0 0 0 5px #0003, 0 10px 34px #0007; overflow: hidden; isolation: isolate; }
.rc-tv-screen .rc-video { position: absolute; inset: 0; }
.rc-tv-poster { width: 100%; height: 100%; object-fit: contain; opacity: .65; }
.rc-tv-screen-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 25px 15px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: linear-gradient(transparent,#000c); pointer-events: none; }
.rc-tv-screen-controls > span { font: 9px/1.3 var(--mono); color: #dae3ed; letter-spacing: .07em; }
.rc-tv-screen-controls button { pointer-events: auto; background: #09101b99; color: #edf3fc; border: 1px solid #ffffff50; border-radius: 6px; font-size: 10px; padding: 7px 10px; min-height: 32px; }
.rc-tv-preview-gate { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; font: 12px/1.5 var(--sans); color: #d1dbe8; padding: 25px; text-align: center; }
.rc-tv-preview-gate button { display: flex; gap: 12px; align-items: center; padding: 12px 18px; border: 1px solid #ffffff70; border-radius: 6px; background: #102138b3; }.rc-tv-preview-gate img { width: 16px; }
.rc-tv-no-preview { display: grid; place-items: center; height: 100%; background: radial-gradient(ellipse at 50% 50%,#34557150,transparent 70%); opacity: .25; }.rc-tv-no-preview .rc-avatar { width: 140px; height: 140px; font-size: 45px; }
.rc-tv-program-info { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 2px 16px; }
.rc-tv-program-info .rc-eyebrow { font-size: 9px; color: #879aaa; }
.rc-tv-program-info h4 { margin: 5px 0 0; font: 500 17px/1.35 var(--sans); letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rc-tv-program-info > div { margin-right: auto; min-width: 0; }
.rc-tv-pieces-toggle { display: flex; gap: 8px; align-items: center; flex: none; font-size: 11px !important; color: #bdcfe3 !important; min-height: 40px; padding: 8px 10px; border: 1px solid #ffffff26; border-radius: 7px; background: #ffffff04; }.rc-tv-pieces-toggle span { font: 10px var(--mono); color: #85bcff; }.rc-tv-pieces-toggle[aria-expanded="true"] { border-color: #75aaf382; background: #75aaf312; }
.rc-tv-like { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px solid #d5e6ff24; background: #ffffff05; border-radius: 10px; width: 56px; min-height: 56px; flex: none; font-size: 10px !important; }
.rc-tv-like img { width: 25px; height: 25px; filter: grayscale(.8); }.rc-tv-like[aria-pressed="true"] { color: #ff8caa; border-color: #ff7b9650; background: #ff3b3b09; }.rc-tv-like[aria-pressed="true"] img { filter: none; }
.rc-tv-pieces { display: flex; gap: 10px; overflow-x: auto; padding: 4px 2px 8px; scrollbar-width: thin; scrollbar-color: #7f9cb34d transparent; }
.rc-tv-pieces button { display: flex; flex-direction: column; width: 120px; flex: 0 0 120px; padding: 0 0 6px; border: 1px solid #ffffff15; border-radius: 7px; overflow: hidden; background: #ffffff04; text-align: left; opacity: .65; transition: opacity 160ms, border-color 160ms; }
.rc-tv-pieces button[aria-pressed="true"] { border-color: #69a3ef; opacity: 1; }.rc-tv-pieces button > img { aspect-ratio: 16/9; width: 100%; object-fit: cover; }
.rc-tv-pieces button > span:last-child { font: 10px/1.35 var(--sans); margin: 6px 7px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.rc-tv-piece-fallback { width: 100%; aspect-ratio: 16/9; display: grid; place-items: center; background: #213144; }.rc-tv-piece-fallback img { width: 18px; }
.rc-tv-browse { display: flex; gap: 20px; align-items: center; padding: 25px 0 18px; }.rc-tv-browse > div { margin-right: auto; }
.rc-tv-browse h3 { font: 500 21px/1.2 var(--sans); letter-spacing: -.025em; margin: 0 0 5px; }.rc-tv-hint { font: 11px/1.5 var(--sans); color: #8392a3; }
.rc-tv-browse .rc-search { margin: 0; width: 230px; min-width: 140px; padding: 10px 12px; border-radius: 8px; }.rc-tv-browse .rc-search input { font-size: 12px; }
.rc-tv-browse .rc-surprise { font-size: 11px !important; min-height: 40px; padding: 10px 13px; gap: 8px; border-radius: 8px; }
.rc-creator-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; padding: 5px 3px 20px; perspective: 1200px; }
.rc-tv-card { position: relative; min-width: 0; border: 1px solid #bbd3ee26; border-radius: 13px; background: #10161ee6; transform-style: preserve-3d; transform: perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transition: transform 240ms cubic-bezier(.22,1,.36,1), border-color 180ms, box-shadow 180ms; }
.rc-tv-card.is-selected { border-color: #76b6ff; box-shadow: 0 0 0 1px #579ae64d,0 10px 25px #0004; }
.rc-tv-select { display: block; padding: 0; border: 0; border-radius: 12px; width: 100%; text-align: left; background: transparent; }
.rc-tv-card .rc-card-cover { height: auto; aspect-ratio: 16/8.5; border-radius: 12px 12px 0 0; }
.rc-tv-card .rc-card-cover > img:not(.rc-avatar) { border-radius: 12px 12px 0 0; opacity: .5; }.rc-tv-card .rc-card-cover::after { background: linear-gradient(0deg,#10161e,transparent 85%); border-radius: 12px 12px 0 0; }
.rc-tv-card .rc-card-cover .rc-avatar { width: 50px; height: 50px; bottom: -12px; left: 14px; border: 3px solid #10161e; }
.rc-tv-card .rc-card-channel { top: 11px; left: 14px; display: flex; align-items: baseline; gap: 5px; font: 600 38px/1 var(--logo,var(--sans)); letter-spacing: -.075em; }.rc-tv-card .rc-card-channel small { font: 9px var(--mono); letter-spacing: .06em; }
.rc-tv-selected { position: absolute; top: 13px; right: 10px; z-index: 1; padding: 4px 6px; border: 1px solid #9eccff66; border-radius: 4px; background: #0b1e32cc; color: #badbff; font: 8px var(--mono); opacity: 0; }.is-selected .rc-tv-selected { opacity: 1; }
.rc-tv-card .rc-card-body { padding: 23px 14px 10px; gap: 10px; }.rc-tv-card .rc-card-body > strong { font-size: 16px; font-weight: 500; }.rc-tv-card .rc-card-foot { font-size: 10px; padding-top: 8px; }
.rc-tv-card-hint { color: #b8cce1; }.is-selected .rc-tv-card-hint { color: #8bbcff; }
.rc-tv-card-actions { display: flex; gap: 8px; padding: 0 10px 10px; }
.rc-tv-card-actions button { padding: 8px 10px; min-height: 36px; background: #ffffff05; border: 1px solid #ffffff18; border-radius: 6px; font-size: 10px; color: #b5c9e0; transition: background 160ms; }.rc-tv-card-actions button:first-child { flex: 1; text-align: left; }.rc-tv-card-actions img { width: 15px; height: 15px; display: block; }
.rc-tv-announcement { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.rc-channel-bug { position: absolute; z-index: 3; top: 18px; right: 20px; display: flex; align-items: baseline; gap: 5px; padding: 6px 10px; color: #f4f8ff; border: 1px solid #ffffff18; border-radius: 7px; background: #030a1259; text-shadow: 0 2px 10px #0008; opacity: .85; }
.rc-channel-bug > span { font: 10px var(--mono); }.rc-channel-bug > strong { font: 600 52px/1 var(--logo,var(--sans)); letter-spacing: -.07em; }
@media (hover: hover) and (pointer: fine) {
  .rc-tv-card:hover, .rc-tv-card:focus-within { transform: perspective(900px) translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); border-color: #91b8e8a3; box-shadow: 0 14px 30px #0005; }
  .rc-tv-card-actions { opacity: 0; transform: translateY(4px); transition: opacity 180ms, transform 180ms cubic-bezier(.22,1,.36,1); }
  .rc-tv-card:hover .rc-tv-card-actions, .rc-tv-card:focus-within .rc-tv-card-actions, .rc-tv-card.is-selected .rc-tv-card-actions { opacity: 1; transform: translateY(0); }
  .rc-tv-card-actions button:hover, .rc-tv-screen-controls button:hover { background: #a7cfff20; }.rc-tv-pieces button:hover { opacity: 1; }.rc-tv-watch:hover { background: #dceaff; }.rc-tv-profile:hover { color: white !important; }
}
@media (max-width: 1000px) {
  .rc-tv-stage { grid-template-columns: minmax(210px,.8fr) minmax(0,1.4fr); gap: 25px; padding: 24px; }
  .rc-tv-number > strong { font-size: 78px; }.rc-tv-maker h3 { font-size: 22px; }.rc-tv-companions { max-width: 220px; }
  .rc-tv-browse { gap: 12px; }.rc-tv-browse h3 { font-size: 18px; }.rc-tv-browse .rc-search { width: 190px; }.rc-creator-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .rc-explore { padding-top: 8px; }.rc-tv-stage { display: flex; flex-direction: column; gap: 20px; border-radius: 15px; padding: 20px 15px 15px; }
  .rc-tv-identity { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; }
  .rc-tv-number { grid-column: 2; grid-row: 1; align-items: flex-end; }.rc-tv-number > span { font-size: 8px; letter-spacing: .1em; }.rc-tv-number > strong { font-size: 62px; margin: 4px 0 0; }
  .rc-tv-maker { grid-column: 1; grid-row: 1; gap: 9px; }.rc-tv-maker .rc-avatar { width: 39px; height: 39px; }.rc-tv-maker h3 { font-size: 23px; }.rc-tv-maker .rc-eyebrow { font-size: 7px; }
  .rc-tv-bio { grid-column: 1/-1; font-size: 12px; margin: 0; }.rc-tv-primary { grid-column: 1; gap: 10px; }.rc-tv-watch { font-size: 12px !important; padding: 10px 13px; }.rc-tv-profile { font-size: 11px !important; }
  .rc-tv-companions { grid-column: 2; grid-row: 3; width: 95px; margin: -14px -5px -17px -15px; padding: 0; }.rc-tv-companions > span { display: none; }
  .rc-tv-program { width: 100%; }.rc-tv-screen { border-radius: 9px; }.rc-tv-screen-controls { padding: 20px 8px 8px; }.rc-tv-screen-controls > span { font-size: 7px; }.rc-tv-screen-controls button { font-size: 9px; min-height: 32px; }
  .rc-tv-program-info { padding: 13px 0; gap: 12px; }.rc-tv-program-info h4 { font-size: 15px; }.rc-tv-program-info .rc-eyebrow { font-size: 8px; }.rc-tv-like { width: 48px; min-height: 50px; }
  .rc-tv-pieces { gap: 8px; }.rc-tv-pieces button { width: 100px; flex-basis: 100px; }
  .rc-tv-browse { flex-wrap: wrap; padding: 22px 0 12px; gap: 12px; }.rc-tv-browse > div { flex-basis: 100%; }.rc-tv-browse h3 { font-size: 21px; }.rc-tv-browse .rc-search { flex: 1; width: auto; }.rc-tv-browse .rc-surprise { font-size: 10px !important; }
  .rc-creator-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; }.rc-tv-card .rc-card-channel { font-size: 32px; top: 10px; left: 11px; }.rc-tv-card .rc-card-channel small { font-size: 8px; }
  .rc-tv-card .rc-card-cover .rc-avatar { width: 43px; height: 43px; left: 10px; }.rc-tv-card .rc-card-body { padding: 22px 10px 10px; }.rc-tv-card .rc-card-body > strong { font-size: 14px; }.rc-tv-card .rc-card-foot { font-size: 9px; }.rc-tv-card-actions { padding: 0 8px 8px; gap: 5px; }.rc-tv-card-actions button { min-height: 40px; padding: 7px; font-size: 9px; }
  .rc-tv-selected { top: auto; bottom: 10px; right: 8px; font-size: 7px; }.rc-channel-bug { top: 10px; right: 10px; padding: 4px 7px; }.rc-channel-bug > strong { font-size: 35px; }.rc-channel-bug > span { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) { .rc-tv-card, .rc-tv-card:hover, .rc-tv-card:focus-within, .rc-tv-card-actions { transform: none; } }
@media (min-width: 701px) and (max-height: 900px) {
  .rc-tv-stage { padding: 20px 24px; grid-template-columns: minmax(220px,.75fr) minmax(0,2fr); gap: 32px; }
  .rc-tv-number > strong { font-size: 65px; margin-bottom: 12px; }.rc-tv-maker h3 { font-size: 21px; }.rc-tv-maker .rc-avatar { width: 38px; height: 38px; }
  .rc-tv-bio { font-size: 12px; margin: 10px 0 13px; }.rc-tv-watch { padding: 10px 13px; font-size: 12px !important; }
  .rc-tv-companions { width: 180px; padding-top: 6px; margin-top: 5px; }.rc-tv-companions > span { font-size: 7px; }
  .rc-tv-screen { height: clamp(220px,35vh,315px); aspect-ratio: auto; }.rc-tv-program-info { padding: 12px 0 8px; }.rc-tv-program-info h4 { font-size: 15px; }.rc-tv-like { min-height: 46px; width: 48px; }.rc-tv-like img { width: 22px; height: 22px; }
  .rc-tv-pieces button { width: 90px; flex-basis: 90px; }.rc-tv-pieces button > span:last-child { -webkit-line-clamp: 1; }
  .rc-tv-browse { padding-top: 20px; }.rc-tv-card .rc-card-cover { aspect-ratio: 16/7; }
}
@media (min-width: 701px) and (max-height: 850px) {
  .rc-tv-stage { padding: 16px 24px; }.rc-tv-bio { display: none; }.rc-tv-primary { margin-top: 12px; }.rc-tv-companions { width: 145px; margin-top: 10px; }
  .rc-tv-screen { height: clamp(180px,29vh,246px); }.rc-tv-browse { padding: 16px 0 12px; }.rc-tv-browse h3 { font-size: 18px; }.rc-tv-card .rc-card-cover { aspect-ratio: 16/6; }
}
@media (max-width: 450px) { .rc-tv-program-info { flex-wrap: wrap; gap: 10px; }.rc-tv-program-info > div { flex-basis: calc(100% - 62px); }.rc-tv-pieces-toggle { order: 3; }.rc-tv-like { order: 2; } }

/* A creator's color follows their identity from the channel card to the stage. */
.rc-tv-card, .rc-tv-stage { --creator-accent: #3882ff; --creator-rgb: 56,130,255; }
.rc-tv-card { isolation: isolate; transition: transform 240ms cubic-bezier(.22,1,.36,1), border-color 260ms ease, box-shadow 260ms ease; }
.rc-card-aura { position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: linear-gradient(165deg,rgba(var(--creator-rgb),.08),rgba(var(--creator-rgb),.34)); opacity: 0; transition: opacity 380ms ease; }
.rc-tv-card .rc-card-cover > img:not(.rc-avatar) { transition: opacity 380ms ease, transform 700ms cubic-bezier(.22,1,.36,1); }
.rc-tv-card .rc-card-body > strong { font-weight: 650; font-size: clamp(15px,1.3vw,19px); letter-spacing: -.035em; line-height: 1.25; overflow-wrap: anywhere; }
.rc-tv-card .rc-card-body { min-height: 88px; }
.rc-tv-card.is-selected { border-color: var(--creator-accent); box-shadow: 0 0 0 1px rgba(var(--creator-rgb),.25),0 10px 25px #0004; }
.rc-tv-card.is-selected .rc-tv-selected { color: #f7faff; border-color: rgba(var(--creator-rgb),.6); background: rgba(var(--creator-rgb),.3); }
.rc-tv-card.is-selected .rc-tv-card-hint { color: #e3ebf5; }
.rc-tv-card:focus-within .rc-card-aura { opacity: 1; }
.rc-tv-stage { background: radial-gradient(ellipse at 0 100%,rgba(var(--creator-rgb),.14),transparent 65%),#0b1015; transition: border-color 320ms ease, box-shadow 320ms ease; }
.rc-tv-stage:focus-within { border-color: rgba(var(--creator-rgb),.55); box-shadow: 0 16px 60px rgba(var(--creator-rgb),.1); }
.rc-tv-no-preview, .rc-tv-poster[data-art-kind="avatar"] { object-fit: contain; }
@media (hover: hover) and (pointer: fine) {
  .rc-tv-card:hover { border-color: rgba(var(--creator-rgb),.85); box-shadow: 0 14px 36px rgba(var(--creator-rgb),.16); }
  .rc-tv-card:hover .rc-card-aura { opacity: 1; }
  .rc-tv-card:hover .rc-card-cover > img:not(.rc-avatar) { opacity: .78; }
  .rc-tv-stage:hover { border-color: rgba(var(--creator-rgb),.48); box-shadow: 0 16px 60px rgba(var(--creator-rgb),.1); }
}
@media (max-width: 700px) { .rc-tv-card .rc-card-body > strong { font-size: 15px; }.rc-tv-card .rc-card-body { min-height: 83px; } }
@media (prefers-reduced-motion: reduce) { .rc-tv-card, .rc-card-aura, .rc-tv-stage, .rc-tv-card .rc-card-cover > img:not(.rc-avatar) { transition: none; }.rc-tv-card:hover .rc-card-cover > img:not(.rc-avatar) { transform: none; } }
body.still .rc-tv-card, body.still .rc-card-aura, body.still .rc-tv-stage, body.still .rc-tv-card .rc-card-cover > img:not(.rc-avatar) { transition: none; }
body.still .rc-tv-card:hover .rc-card-cover > img:not(.rc-avatar) { transform: none; }