/* Existing approved glass icon material, unchanged. */
.launcher-face { position:relative; display:block; width:100%; aspect-ratio:1; border-radius:31%; overflow:hidden; isolation:isolate; border:1px solid #e1c4ffdf; background:radial-gradient(ellipse at 50% 100%,#ae75f22c,transparent 64%),radial-gradient(ellipse at 16% 8%,#b291e425,transparent 48%),linear-gradient(135deg,#33283b94,#201a2f59 52%,#38244670); backdrop-filter:blur(14px) saturate(.85); box-shadow:inset 1px 1px 3px #f7e5ff55,inset -1px -2px 5px #ba8eee58,inset 0 -5px 12px #b881ff1c,0 0 9px #c38bff2d,0 5px 22px #8b4fd01c; transition:transform 180ms cubic-bezier(.22,1,.36,1),border-color 180ms; } /* taste-skill-ignore: retain the user-approved glass stage material. */
.launcher-face::before { content:''; position:absolute; inset:3px; border:1px solid #e3b8ff1f; border-radius:29%; box-shadow:inset 0 0 9px #d5a9ff10; pointer-events:none; }
.launcher-face::after { content:''; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(ellipse 18px 2px at 48% 0,#fff9,transparent),radial-gradient(ellipse at 9% 86%,#eccaff44,transparent 17%),radial-gradient(ellipse at 88% 94%,#d2a5ff35,transparent 20%); pointer-events:none; } /* taste-skill-ignore: retain the user-approved glass stage material. */
.launcher-art { position:absolute; inset:23%; z-index:2; pointer-events:none; }
.launcher-symbol { width:100%; height:100%; display:block; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px #b27ed636); }
.launcher-glint { position:absolute; z-index:4; inset:-30% -80%; background:linear-gradient(115deg,transparent 40%,#d7b8ff05 45%,#ebd5ff18 50%,#d9bcf507 55%,transparent 60%); pointer-events:none; } /* taste-skill-ignore: retain the user-approved glass stage material. */

/* The header has a reserved footprint: opening the navigation never moves a page. */
.sidebar { height:128px; padding-top:18px; align-items:start; }
.nav.is-glass-menu { --menu-size:62px; --menu-step:94px; position:relative; display:block; width:calc(var(--menu-step) * 5); height:100px; padding:0; margin:0; border:0; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; overflow:visible; pointer-events:none; }
.nav.is-glass-menu.is-open { pointer-events:auto; }
.nav.is-glass-menu.has-admin-item { width:calc(var(--menu-step) * 6); max-width:calc(100vw - 12px); }
.nav.is-glass-menu .nav-glass-marker { display:none; }
.nav.is-glass-menu .section-app { position:absolute; left:calc(50% - var(--menu-size)/2); top:0; width:var(--menu-size); min-width:0; min-height:44px; display:flex; flex-direction:column; align-items:center; gap:8px; padding:0; margin:0; background:none; border:0; border-radius:0; box-shadow:none; color:#dec3f8; font:300 12px/1.4 var(--serif); letter-spacing:.025em; opacity:0; transform:translateX(0) translateY(8px) scale(.65); transition:transform 260ms cubic-bezier(.22,1,.36,1),opacity 180ms ease; pointer-events:none; z-index:1; }
.nav.is-glass-menu .section-app::before,.nav.is-glass-menu .section-app::after { display:none; }
/* The old text navigation's hover fill must not cover the icon/label gap. */
.nav.is-glass-menu button.section-app:hover { background:none; box-shadow:none; }
.nav.is-glass-menu .section-app.is-current { opacity:1; transform:translateX(0) translateY(0) scale(1); z-index:3; pointer-events:auto; }
.nav.is-glass-menu.is-open .section-app { opacity:1; transform:translateX(calc(var(--menu-slot) * var(--menu-step))) translateY(0) scale(1); pointer-events:auto; }
.nav.is-glass-menu .section-app-label { display:block; white-space:nowrap; color:#c8bccf; transition:color 160ms; }
.nav.is-glass-menu .is-current .section-app-label { color:#f2e5ff; }
.nav.is-glass-menu .launcher-face { flex:none; }
.nav.is-glass-menu .section-app.is-current .launcher-face { border-color:#f1daff; box-shadow:inset 1px 1px 3px #f7e5ff66,inset -1px -2px 5px #ba8eee68,inset 0 -5px 12px #b881ff22,0 0 10px #c38bff38,0 5px 22px #8b4fd020; }
.nav.is-glass-menu .section-app:focus-visible { outline:none; }
.nav.is-glass-menu .section-app:focus-visible .launcher-face { outline:2px solid #f3dfff; outline-offset:5px; }
.nav.is-glass-menu .section-app:active .launcher-face { transform:scale(.95); }
@media(hover:hover) and (pointer:fine) {
  .nav.is-glass-menu .section-app:hover .launcher-face { transform:translateY(-3px); border-color:#f8eaff; }
  .nav.is-glass-menu .section-app:hover .section-app-label { color:#f6eaff; }
  .nav.is-glass-menu .section-app:active .launcher-face { transform:scale(.95); }
}

/* Three panels occupy a real circle; only their common rotor changes position. */
.theater-stage.is-media-ring { display:flex; align-items:stretch; justify-content:center; width:100%; height:calc(66.4vw / 1.86); perspective:none; touch-action:pan-y pinch-zoom; user-select:none; -webkit-user-select:none; cursor:grab; }
.launcher-legacy[hidden] { display:none!important; }
#v107Hero { container-type:inline-size; }
#page-home:is(.active,.section-departing) .is-media-ring .theater-hero { width:100%; height:100%; max-height:none; aspect-ratio:auto; transform:translateZ(1px); }
.app-launcher { position:absolute; inset:0; width:100%; height:100%; z-index:1; }
.launcher-track { position:absolute; inset:0; perspective:var(--ring-perspective); perspective-origin:50% 50%; transform-style:preserve-3d; outline:none; touch-action:pan-y pinch-zoom; }
.ring-camera,.ring-rotor { position:absolute; inset:0; transform-style:preserve-3d; }
.ring-camera { transform:none; }
.app-launcher.is-moving .ring-node { will-change:transform; }
.ring-node { position:absolute; left:50%; top:50%; width:0; height:0; transform-style:preserve-3d; }
.ring-plane { position:absolute; left:calc(var(--ring-hero-width) / -2); top:calc(var(--ring-hero-height) / -2); width:var(--ring-hero-width); height:var(--ring-hero-height); transform-origin:50% 50%; backface-visibility:hidden; }
.ring-plane>.theater-reflection { left:0; width:100%; top:calc(100% + 5px); }
.is-concave .ring-plane>.theater-reflection { opacity:calc(.28 - var(--side-amount,0) * .1); }
.is-concave .ring-content::before {
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none;
  border:1px solid rgb(238 216 255 / var(--edge-light,.12));
  background:linear-gradient(var(--edge-angle,90deg),#f2deff0a,transparent 18%,transparent 84%,#cab0ec08); /* taste-skill-ignore: angle-driven reflection on the approved glass screen. */
}
.ring-card-return { position:absolute; inset:0; z-index:10; width:100%; height:100%; border:0; border-radius:0; padding:0; background:transparent; cursor:pointer; transform:translateZ(3px); }
button.ring-card-return:active:not(:disabled) { transform:translateZ(3px); }
.ring-content::after { content:''; position:absolute; inset:0; background:#101017; opacity:var(--wing-shade,0); pointer-events:none; }
.launcher-track:focus-visible::after { content:''; position:absolute; inset:-6px 1%; border:1px solid #cbb1df6b; border-radius:3px; pointer-events:none; }
.theater-stage.is-dragging,.theater-stage.is-dragging * { cursor:grabbing!important; }
.theater-video { position:relative; height:100%; width:100%; margin:0; overflow:hidden; border:1px solid #e2c8f5ab; border-radius:1px; background:#22232c; box-shadow:0 3px 6px #0008,0 20px 35px -18px #0009; }
.video-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.video-shade { position:absolute; inset:0; background:linear-gradient(0deg,#100d18ed, #15121b64 25%,transparent 58%); pointer-events:none; } /* taste-skill-ignore: retain the user-approved glass stage material. */
.video-empty { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; color:#c1b2ce; font-size:15px; background:radial-gradient(ellipse at 55% 25%,#42334b55,transparent 65%),#20212a; } /* taste-skill-ignore: retain the user-approved glass stage material. */
.ring-node:not(.is-selected) .video-empty-message { display:none; }
.video-platform-mark { opacity:.65; }.video-platform-mark .soop-glyph { width:80px; height:52px; }.video-platform-mark svg { width:62px; height:52px; fill:currentColor; }.video-platform-mark svg path { fill:#22232c; }
.video-caption { position:absolute; left:calc(4.3% + var(--left-wing,0) * 40%); bottom:6%; right:calc(15% + var(--side-amount,0) * 38% - var(--left-wing,0) * 48%); pointer-events:none; }
.video-caption p { margin:0; }
.video-platform { font:400 calc(12px + var(--side-amount,0) * 8px)/1.5 var(--sans); letter-spacing:.08em; color:#ddc9ec; }
.theater-video .video-title { margin:10px 0 13px; font:300 clamp(22px,2.5vw,40px)/1.4 var(--serif); letter-spacing:-.025em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; color:#f8f0fc; }
.video-meta { font:300 calc(13px + var(--side-amount,0) * 6px)/1.6 var(--sans); color:#d4c9dc; }
.video-play { position:absolute; right:4.3%; bottom:8%; width:60px; height:60px; border:1px solid #f5e7ffd0; border-radius:50%; display:grid; place-items:center; color:#f8edff; background:#bda4d214; backdrop-filter:blur(10px); transition:background 180ms,transform 180ms; }
.video-play svg { width:23px; height:23px; fill:currentColor; }
.theater-video[inert] .video-play { opacity:0; }
.video-play:hover { background:#d4b8f039; transform:scale(1.04); }
.video-reflection img { width:100%; height:100%; object-fit:cover; transform:none; }
.ring-plane>.video-reflection { opacity:.16; }
.launcher-step { position:absolute; top:calc(50% - 25px); z-index:5; width:50px; height:50px; border:1px solid #e2d3f270; border-radius:50%; padding:0; display:grid; place-items:center; background:#24212b42; backdrop-filter:blur(8px); color:#f2e6ff; opacity:.8; pointer-events:auto; transition:opacity 160ms,background 160ms; }
.launcher-step[data-app-step="-1"] { left:4.3%; }.launcher-step[data-app-step="1"] { right:4.3%; }
.launcher-step svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.3; }
.launcher-step:hover,.launcher-step:focus-visible { opacity:1; background:#6b577049; }

.media-poster-editor>p { color:#b9adc6; font-size:13px; }
.media-poster-editor>label { display:block; margin:18px 0 8px; }
.media-poster-editor select,.media-poster-editor input { width:100%; min-height:44px; color:#e8ddf1; background:#22212b; border:1px solid #88749366; padding:10px; border-radius:5px; }
.media-poster-preview { max-width:640px; margin-top:18px; }.media-poster-preview img { display:block; width:100%; max-height:300px; object-fit:contain; background:#19191f; }
.media-poster-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }.media-poster-actions button { min-height:44px; padding:10px 18px; background:#54436466; border:1px solid #b399ca66; border-radius:6px; }.media-poster-actions button:disabled { opacity:.4; }
#mediaPosterMessage { min-height:24px; color:#e1c4f9; }
@media(min-width:901px) and (min-height:600px) {
  body.theater:has(#page-home.active) { --home-header-height:128px; }
  body.theater:has(#page-home.active) .sidebar { padding-top:18px; }
  #page-home:is(.active,.section-departing) .theater-stage.is-media-ring { width:var(--home-stage-width); height:var(--home-stage-height); }
  body.theater:has(#page-home.active) .music-dock { position:absolute; right:4.3%; }
}
@media(max-width:1100px) {
  .sidebar { height:188px; grid-template-columns:1fr 1fr; padding:18px 4.25% 0; row-gap:12px; }
  .sidebar .nav.is-glass-menu { grid-row:2; grid-column:1/-1; justify-self:center; --menu-size:58px; --menu-step:88px; height:91px; }
  .sidebar .header-actions { grid-row:1; grid-column:2; }.sidebar .brand { grid-row:1; grid-column:1; }
  body.theater:has(#page-home.active) { --home-header-height:188px; }
}
@media(max-width:900px), (max-height:599px) {
  body.theater:has(#page-home.active) .music-dock { position:relative; inset:auto; width:max-content; max-width:calc(100% - 32px); margin:0 16px max(24px,env(safe-area-inset-bottom)) auto; }
  #page-home:is(.active,.section-departing) .theater-home.has-launcher { padding-bottom:24px; }
  #page-home:is(.active,.section-departing) .theater-footer button { margin-right:0; }
}
@media(max-width:900px) {
  .theater-stage.is-media-ring { height:calc(66.4vw / 1.6); min-height:260px; }
  .theater-video .video-title { font-size:25px; }
  .video-caption { left:calc(7% + var(--left-wing,0) * 52%); right:calc(7% + var(--side-amount,0) * 50% - var(--left-wing,0) * 50%); }
}
@media(max-width:600px) {
  .sidebar { height:170px; padding:14px 16px 0; row-gap:12px; }
  .sidebar .nav.is-glass-menu { --menu-size:46px; --menu-step:clamp(54px,15vw,70px); height:79px; }
  .nav.is-glass-menu .section-app { font-size:11px; letter-spacing:0; gap:8px; }
  .theater-stage.is-media-ring { height:290px; min-height:0; padding:0; }
  .launcher-step { width:40px; height:44px; top:calc(50% - 22px); }.launcher-step[data-app-step="-1"] { left:2px; }.launcher-step[data-app-step="1"] { right:2px; }
  .video-poster { object-fit:contain; object-position:50% 12%; }.video-shade { background:linear-gradient(0deg,#15121b 2%,#15121bd9 23%,transparent 58%); } /* taste-skill-ignore: retain the user-approved glass stage material. */
  .video-caption { left:7%; right:20%; bottom:8%; }.video-platform { font-size:10px; letter-spacing:.03em; }.theater-video .video-title { font-size:18px; margin:8px 0; }.video-meta { font-size:10px; }.video-play { width:40px; height:40px; right:5%; bottom:11%; }.video-play svg { width:18px; height:18px; }
  .video-empty { font-size:12px; }.video-platform-mark { margin-top:-55px; }
  #page-home:is(.active,.section-departing) .theater-status { left:8px; right:8px; width:auto; min-width:0; min-height:56px; padding:10px; gap:6px; }
  #page-home:is(.active,.section-departing) .theater-status #heroLive { font-size:11px; gap:7px; }
  #page-home:is(.active,.section-departing) .theater-status #heroLive i { width:10px; height:10px; }
  #page-home:is(.active,.section-departing) .theater-status p { font-size:9px; white-space:normal; margin-left:17px; }
  #page-home:is(.active,.section-departing) .theater-status .soop-glyph { width:26px; }
  #page-home:is(.active,.section-departing) .theater-identity { left:8%; bottom:29%; }
  #page-home:is(.active,.section-departing) .theater-identity #heroName { font-size:32px; }
  #page-home:is(.active,.section-departing) .theater-identity>p { font-size:8px; letter-spacing:.2em; }
}

@media(max-width:360px) {
  /* A shared compact scale keeps the spacing identical before/after login. */
  body.theater .sidebar .nav.is-glass-menu { --menu-size:40px; --menu-step:clamp(46px,calc((100vw - 80px) / 5),54px); }
  .nav.is-glass-menu .section-app-label { max-width:3em; white-space:normal; word-break:keep-all; overflow-wrap:anywhere; }
}
@media(min-width:601px) {
  @container(max-width:560px) {
    #page-home:is(.active,.section-departing) .theater-status { width:220px; min-width:0; gap:12px; padding:12px; }
    #page-home:is(.active,.section-departing) .theater-status #heroLive { font-size:12px; gap:10px; }
    #page-home:is(.active,.section-departing) .theater-status p { margin-left:25px; font-size:9px; }
    #page-home:is(.active,.section-departing) .theater-status::before { right:56px; }
    #page-home:is(.active,.section-departing) .theater-identity>p { font-size:9px; letter-spacing:.2em; }
  }
}
@media(prefers-reduced-motion:reduce) { .nav.is-glass-menu .section-app,.launcher-face,.launcher-step,.video-play { transition:none; } }

/* Home refinement: a signature, quiet provider plaques, and an unobstructed stage. */
#page-home .theater-identity #heroName.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.danchu-signature { display:block; width:clamp(150px,18cqw,255px); height:auto; filter:drop-shadow(0 2px 5px #110e1880); user-select:none; }
.theater-identity .danchu-signature-title { display:block; width:max-content; padding:0; margin:0; font:300 64px/1 var(--serif); pointer-events:auto; }
#page-home .theater-identity { bottom:4%; }
#page-home .theater-footer { min-height:0; height:auto; padding:0; border:0; justify-content:flex-start; }
#page-home:is(.active,.section-departing) .theater-footer button { margin:0; font-size:10px; opacity:.55; }
#page-home .theater-footer button:hover,#page-home .theater-footer button:focus-visible { opacity:1; }
.video-plaque { position:absolute; left:calc(4.3% + var(--left-wing,0) * 40%); top:5%; max-width:88%; display:flex; align-items:center; gap:12px; min-height:44px; padding:9px 15px 9px 12px; border:1px solid #ead9f13d; border-radius:7px; color:#f1e5fa; background:linear-gradient(120deg,#302a36b8,#1f1d29a8); backdrop-filter:blur(18px) saturate(.7); box-shadow:inset 0 1px 0 #ffffff12,0 3px 12px #08080e20; pointer-events:none; } /* taste-skill-ignore: retain the user-approved glass stage material. */
.video-plaque-symbol { display:flex; align-items:center; justify-content:center; width:28px; height:24px; padding-right:10px; box-sizing:content-box; border-right:1px solid #d6bde32b; }
.video-plaque-symbol .soop-glyph { width:28px; height:20px; }
.video-plaque-symbol svg { width:23px; height:23px; fill:currentColor; }.video-plaque-symbol svg path { fill:#302a36; }
.video-plaque .video-platform { font:400 calc(12px + var(--side-amount,0) * 6px)/1.3 var(--sans); letter-spacing:.025em; white-space:nowrap; }
.video-play { padding:0; cursor:pointer; }.video-play:disabled { display:none; }
.video-play:focus-visible,.inline-video button:focus-visible,.inline-video a:focus-visible { outline:2px solid #e4bfff; outline-offset:4px; }
.video-play:active { transform:scale(.96); }.video-empty-channel { color:#eee0fb; padding:12px; font-size:13px; }
.is-video-open,.is-video-open .launcher-track { cursor:default; }
.inline-video { position:absolute; inset:0; z-index:20; display:grid; grid-template-rows:44px minmax(0,1fr); background:#08080b; color:#eee6f4; user-select:text; }
.theater-stage>.inline-video.is-flat-player { inset:auto; transform:none; filter:none; overflow:hidden; }
.inline-video-toolbar { display:flex; align-items:center; padding:0 4px 0 16px; gap:14px; background:#1e1c25; border-bottom:1px solid #d8c1e52b; }
.inline-video-heading { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:400 12px/1.5 var(--sans); }
.inline-video-close { flex:none; width:44px; height:44px; padding:0; border:0; background:none; color:#f0e4f8; font:300 25px/1 var(--sans); cursor:pointer; }
.inline-video-close:hover { background:#cfaee41c; }.inline-video-close:active { background:#cfaee42e; }
.inline-video-screen { position:relative; min-height:0; }
.inline-video iframe,.inline-video-mount { display:block; width:100%; height:100%; border:0; }
.inline-video-message { position:absolute; z-index:1; left:50%; bottom:10px; transform:translateX(-50%); width:max-content; max-width:90%; padding:9px 14px; margin:0; border-radius:4px; background:#1d1829ed; color:#ecdef4; font:400 12px/1.6 var(--sans); text-align:center; pointer-events:none; }
.inline-video-message[hidden] { display:none; }.inline-video-message.is-error { bottom:12%; }
.has-inline-player>.video-plaque,.has-inline-player>.video-caption,.has-inline-player>.video-play { visibility:hidden; }

@media(min-width:901px) and (min-height:600px) {
  body.theater:has(#page-home.active) {
    --home-top-space:clamp(14px,3dvh,32px);
    --home-ruler-gap:clamp(24px,4dvh,46px);
    --home-ruler-height:74px;
    --home-next-gap:clamp(8px,2dvh,22px);
    --home-bottom-space:max(54px,calc(env(safe-area-inset-bottom) + 44px));
    --home-stage-fit:min(calc(66.4vw / 1.7777778),calc(var(--home-height) - var(--home-top-space) - var(--home-ruler-gap) - var(--home-ruler-height) - var(--home-next-gap) - 48px - var(--home-bottom-space)));
    --home-stage-height:var(--home-stage-fit);
    --home-stage-width:calc(var(--home-stage-height) * 2.6773762);
  }
  #page-home:is(.active,.section-departing) .theater-home.has-launcher { position:relative; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) var(--home-ruler-height) calc(48px + var(--home-next-gap)); row-gap:0; }
  #page-home:is(.active,.section-departing) .theater-stage.is-media-ring { align-self:start; }
  #page-home:is(.active,.section-departing) .theater-ruler { align-self:end; margin-top:0; }
  #page-home:is(.active,.section-departing) .theater-footer { position:absolute; left:4.3%; bottom:16px; width:auto; margin:0; }
  body.theater:has(#page-home.active) .music-dock { bottom:12px; }
  body.theater:has(#page-home.active .is-video-open) { --home-stage-height:max(248px,var(--home-stage-fit)); }
  #page-home:is(.active,.section-departing) .theater-home.has-launcher:has(.is-video-open) { height:max(var(--home-height),calc(var(--home-top-space) + var(--home-stage-height) + var(--home-ruler-gap) + var(--home-ruler-height) + var(--home-next-gap) + 48px + var(--home-bottom-space))); }
}
@media(max-width:900px), (max-height:599px) {
  #page-home:is(.active,.section-departing) .theater-home.has-launcher { min-height:0; }
  body.theater:has(#page-home.active) .app,body.theater:has(#page-home.active) main,#page-home:is(.active,.section-departing) { min-height:0; }
}
@media(max-width:900px) {
  .video-plaque { left:calc(7% + var(--left-wing,0) * 52%); padding:7px 10px; gap:8px; min-height:36px; }
  .video-plaque .video-platform { font-size:10px; }
  .video-plaque-symbol { width:22px; padding-right:8px; }
  .video-plaque-symbol .soop-glyph { width:22px; }
  #page-home .theater-footer { margin:20px 4.3% 0; }
}
@media(max-width:600px) {
  #page-home .theater-identity { bottom:27%; left:6%; }
  .danchu-signature { width:145px; }
  .video-plaque { left:6%; top:5%; }
  .inline-video-toolbar { gap:8px; padding-left:10px; }
  .inline-video-heading { font-size:10px; }.inline-video-message { font-size:11px; }
}

/* The shared stage shows information only on the face that has nearly settled. */
.is-media-ring .ring-node :is(.theater-identity,.theater-status,.video-plaque,.video-caption,.video-play,.video-empty-message,.video-platform-mark,.video-empty-channel) {
  opacity:0; translate:0 4px; visibility:hidden; pointer-events:none;
  transition:opacity 140ms cubic-bezier(.22,1,.36,1),translate 140ms cubic-bezier(.22,1,.36,1),visibility 0s linear 140ms;
}
.is-media-ring .ring-node.has-center-details :is(.theater-identity,.theater-status,.video-plaque,.video-caption,.video-play,.video-empty-message,.video-platform-mark,.video-empty-channel) {
  opacity:1; translate:0 0; visibility:visible;
  transition-duration:240ms,240ms,0s; transition-delay:0s;
}
/* Read the platform first, then the title. Exits stay immediate and reversible;
   keyboard navigation and reduced-motion retain their instant rules below. */
.is-media-ring .ring-node.has-center-details .video-plaque { transition-duration:180ms,180ms,0s; }
.is-media-ring .ring-node.has-center-details .video-caption { transition-duration:190ms,190ms,0s; transition-delay:50ms,50ms,0s; }
.is-media-ring .ring-node.has-center-details .video-play { transition-duration:180ms,180ms,0s; transition-delay:50ms,50ms,0s; }
.is-media-ring .ring-node.has-center-details :is(.theater-status,.video-play,.video-empty-channel) { pointer-events:auto; }
.is-media-ring .ring-node .video-shade { opacity:0; transition:opacity 140ms cubic-bezier(.22,1,.36,1); }
.is-media-ring .ring-node.has-center-details .video-shade { opacity:1; transition-duration:240ms; }
.is-media-ring .ring-node .has-inline-player>:is(.video-plaque,.video-caption,.video-play) { visibility:hidden; pointer-events:none; }
.is-media-ring .app-launcher.is-detail-instant .ring-node :is(.theater-identity,.theater-status,.video-plaque,.video-caption,.video-play,.video-empty-message,.video-platform-mark,.video-empty-channel,.video-shade) { transition:none; }
@media(prefers-reduced-motion:reduce) {
  .is-media-ring .app-launcher .ring-node :is(.theater-identity,.theater-status,.video-plaque,.video-caption,.video-play,.video-empty-message,.video-platform-mark,.video-empty-channel,.video-shade) { transition:none; translate:none; }
}


/* Match the optical center of the wordmark and play symbol to the short labels. */
.is-concave .video-plaque { display:flex; align-items:center; min-height:28px; gap:9px; }
.is-concave .video-plaque-symbol { display:grid; place-items:center; flex:none; width:28px; height:28px; padding:0; border:0; box-sizing:border-box; }
.is-concave .video-plaque-symbol .soop-glyph { width:28px; height:20px; }
.is-concave .video-plaque-symbol svg { display:block; width:25px; height:25px; }
.is-concave .video-plaque .video-platform { display:flex; align-items:center; min-height:28px; font:400 11px/1 var(--sans); letter-spacing:.025em; position:relative; top:-.5px; }
.is-concave [data-app="youtube-main"] .video-plaque .video-platform { top:0; letter-spacing:.01em; }
.is-concave .video-plaque-symbol .soop-glyph { mask:none; -webkit-mask:none; background:url('soop-instagram-mask.svg') center/contain no-repeat; filter:none; opacity:1; }
.is-concave .video-plaque-symbol .youtube-original { display:block; width:25px; height:auto; filter:none; opacity:1; }
@media(max-width:600px) { .is-concave .video-plaque { gap:7px; }.is-concave .video-plaque .video-platform { font-size:10px; } }