/* Creative entry covers keep the existing glass, tilt and four-plus-two layout. */
.motion-site .entry-gallery .card-grid { grid-template-columns: repeat(12,minmax(0,1fr)); }
.motion-site .entry-gallery .destination { grid-column: span 3; }
.motion-site .entry-gallery .destination.entry-feature { grid-column: span 6; padding: 0; overflow: hidden; }
.motion-site .entry-gallery .entry-feature .feature-link { display: grid; grid-template-columns: 44% minmax(0,1fr); flex: 1; color: inherit; text-decoration: none; }
/* Entry media shares the surrounding page in all themes. */
.motion-site .entry-gallery .entry-feature .feature-link {
 background:transparent;
}
html[data-theme='dark'] .motion-site .entry-gallery .entry-feature .feature-link {
 background:transparent;
}
.entry-cover {position:relative;min-height:245px;overflow:hidden;background:transparent;}
.entry-cover > img,.entry-cover > canvas {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;}
.entry-cover > img {opacity:1;}
.entry-cover-stage > img,.entry-cover-stage > canvas {transform:scale(1.35);transform-origin:center;}
.entry-cover .entry-cover-night {display:none;}
html[data-theme='dark'] .entry-cover .entry-cover-day {display:none;}
html[data-theme='dark'] .entry-cover .entry-cover-night {display:block;}
.entry-cover > video {position:absolute;width:1px;height:1px;visibility:hidden;pointer-events:none;}
.entry-cover > canvas {opacity:0;}
.music-flow-playing .entry-cover-music > canvas,.stage-flow-playing .entry-cover-stage > canvas {opacity:1;}
.music-flow-playing .entry-cover-music > img,.stage-flow-playing .entry-cover-stage > img {opacity:0;}
.feature-link:focus-visible { outline:3px solid #527eaf;outline-offset:-4px; }
.motion-site .entry-gallery .feature-copy { display: flex; flex-direction: column; padding: 25px 24px 21px; min-width: 0; }
.motion-site .entry-gallery .feature-copy .card-top { margin-bottom: 20px; }
.motion-site .entry-gallery .feature-copy h3 { font-size: 22px; }
.motion-site .entry-gallery .feature-copy > p { color: var(--entry-muted); font-size: 14px; line-height: 1.8; margin: 0 0 22px; }
.motion-site .entry-gallery .feature-copy .card-cta { font-size: 13px; }
.character-share[data-copy-morph='ready'] > svg:not(.copy-morph-icon) { display: none; }
.character-share .copy-morph-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.character-share[data-copy-state='success'] .copy-morph-icon { color: #277959; }
html[data-theme='dark'] .character-share[data-copy-state='success'] .copy-morph-icon { color: #89dfbb; }
/* Vivid circuit: preserve automotive styling; light is baked into the small video. */
body:not(.yu7-selected) #private.private-circuit {
 --private-base: #dceff9; --private-media-filter: none;
 --private-overlay: linear-gradient(90deg,#e2f4ff52 0%,#e4f6ff08 36%,#e4f6ff08 100%);
 --private-overlay-mobile: linear-gradient(180deg,#e9f7fc6b,#e5f3fc14 30%,#e5f3fc14);
 --private-card: #f4fbff47; --private-card-hover: #f8fdff85;
 --private-border: #4b99bb6b; --private-card-border: #ffffffc2;
}
html[data-theme='dark'] body:not(.yu7-selected) #private.private-circuit {
 --private-base: #041127;
 --private-overlay: linear-gradient(90deg,#02091733 0%,#020b190a 36%,#020b190a 100%);
 --private-overlay-mobile: linear-gradient(180deg,#03112566,#020c1d26 30%,#020c1d26);
 --private-card: #03152d52; --private-card-hover: #08254685;
 --private-border: #54c9ff69; --private-card-border: #8be4fa66;
}
body:not(.yu7-selected) #private .private-circuit-media > .circuit-poster-night { display: none; }
html[data-theme='dark'] body:not(.yu7-selected) #private .private-circuit-media > .circuit-poster-day { display: none; }
html[data-theme='dark'] body:not(.yu7-selected) #private .private-circuit-media > .circuit-poster-night { display: block; }
@media (max-width: 1120px) {
 .motion-site .entry-gallery .destination { grid-column: span 6; }
 .motion-site .entry-gallery .entry-feature .feature-link { grid-template-columns: 1fr; }
 .entry-cover { min-height:0;aspect-ratio:16/9; }
}
@media (max-width: 650px) {
 .motion-site .entry-gallery .destination.entry-feature { transform: none !important; }
 .motion-site .entry-gallery .destination,.motion-site .entry-gallery .destination.entry-feature { grid-column: 1/-1; }
 .motion-site .entry-gallery .feature-copy { padding: 23px 22px 20px; }
 .motion-site .entry-gallery .feature-copy .card-top { margin-bottom: 14px; }
 .motion-site .entry-gallery .feature-copy h3 { font-size: 22px; }
}



/* 20261012-feature-atmosphere — transparent music, a soft reactor scene and
   a separate tinted-glass reading surface. Automotive materials stay intact. */
body.motion-site:not(.yu7-selected) .entry-gallery .destination.entry-feature {
 --entry-surface: transparent;
 background: transparent;
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
}
body.motion-site:not(.yu7-selected) .entry-gallery .destination.entry-feature::before {
 background:
  radial-gradient(ellipse 46% 58% at var(--card-lx,50%) var(--card-ly,35%),rgba(255,255,255,var(--entry-reflection)),transparent 100%),
  linear-gradient(120deg,#e8f4ff18,#e9e5ff08 48%,#f8e9f418);
}
body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-link {
 background: transparent;
 isolation: isolate;
}
body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy {
 position: relative;
 z-index: 3;
 padding: 28px 26px 22px;
 background:
  radial-gradient(ellipse at 95% 0,#cebfee70,transparent 64%),
  radial-gradient(ellipse at 5% 100%,#b0e5ee6b,transparent 68%),
  linear-gradient(132deg,#ffffff88,#f5edff61 44%,#e8f6ff80 76%,#fff1f8a3);
 box-shadow: inset 1px 0 0 #ffffff66,inset 0 1px 0 #ffffff99,inset 0 -1px 0 #c4d1e84d;
 backdrop-filter: blur(16px) saturate(1.24);
 -webkit-backdrop-filter: blur(16px) saturate(1.24);
}
body.motion-site:not(.yu7-selected) .entry-gallery .dance-card .feature-copy {
 background:
  radial-gradient(ellipse at 100% 0,#b4e7ea73,transparent 64%),
  radial-gradient(ellipse at 10% 100%,#d2c3f16b,transparent 66%),
  linear-gradient(130deg,#f1f9ff88,#eaf5ff6b 46%,#f6eaff80 78%,#fff3f8a3);
}
body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy .card-top {
 margin-bottom: 16px;
}
body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy > p {
 margin-bottom: 20px;
}
body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover {
 min-height: 260px;
}
body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover-music {
 background: transparent;
}
body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover-music > img,
body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover-music > canvas {
 inset: -6% -6%;
 width: 112%;
 height: 112%;
}
/* Framing is geometry, not an animation: touch/reduced-motion transform resets
   must not shrink either the dancing figure or its static fallback. */
body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover-stage > img,
body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover-stage > canvas {
 inset: -28% -25% auto;
 width: 150%;
 height: 150%;
 z-index: 2;
 object-fit: cover;
 object-position: center;
 transform: none;
}
.entry-cover-stage .stage-atmosphere {
 position: absolute;
 inset: 0;
 z-index: 0;
 overflow: hidden;
 pointer-events: none;
 opacity: .68;
 -webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 76%,transparent);
 mask-image: linear-gradient(90deg,transparent,#000 12%,#000 76%,transparent);
}
.entry-cover-stage .stage-atmosphere::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(180deg,#f0edffb8,#eef5ff12 28%,#f4efff24 70%,#f4efffbd);
 pointer-events: none;
}
.entry-cover-stage .stage-atmosphere-poster,
.entry-cover-stage .stage-atmosphere-video {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 visibility: visible;
 object-fit: cover;
 object-position: center;
 pointer-events: none;
 filter: saturate(.72) brightness(1.1);
}
.entry-cover-stage .stage-atmosphere-poster { opacity: 1; }
.entry-cover-stage .stage-atmosphere-video { opacity: 0; }
.stage-atmosphere-playing .entry-cover-stage .stage-atmosphere-video { opacity: 1; }
.stage-atmosphere-playing .entry-cover-stage .stage-atmosphere-poster { opacity: 0; }
body.yu7-selected .entry-cover-stage .stage-atmosphere { display: none; }
html[data-theme='dark'] body.motion-site:not(.yu7-selected) .entry-gallery .destination.entry-feature {
 background: transparent;
}
html[data-theme='dark'] body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy {
 background:
  radial-gradient(ellipse at 100% 0,#8671bc30,transparent 64%),
  radial-gradient(ellipse at 5% 100%,#438ba92e,transparent 68%),
  linear-gradient(132deg,#19223dbd,#211d37a3 44%,#172b3ea3 76%,#2a203cbd);
 box-shadow: inset 1px 0 0 #c6ddff1a,inset 0 1px 0 #c6ddff1a,inset 0 -1px 0 #03061233;
}
html[data-theme='dark'] body.motion-site:not(.yu7-selected) .entry-gallery .dance-card .feature-copy {
 background:
  radial-gradient(ellipse at 100% 0,#57aabd29,transparent 66%),
  radial-gradient(ellipse at 8% 100%,#9272c529,transparent 68%),
  linear-gradient(130deg,#162a3ec2,#1a263da8 46%,#25203bb3 78%,#2a233dc2);
}
html[data-theme='dark'] .entry-cover-stage .stage-atmosphere { opacity: .86; }
html[data-theme='dark'] .entry-cover-stage .stage-atmosphere::after {
 background: linear-gradient(180deg,#0b101ea3,#0b101e00 30%,#0b101e26 70%,#0b101ed9);
}
html[data-theme='dark'] .entry-cover-stage .stage-atmosphere-poster,
html[data-theme='dark'] .entry-cover-stage .stage-atmosphere-video {
 filter: saturate(.92) brightness(.8);
}
@media (max-width:1120px) {
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover {
  min-height: 0;
  height: clamp(180px,25vw,224px);
  aspect-ratio: auto;
 }
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy {
  padding: 22px 24px 20px;
  box-shadow: inset 0 1px 0 #ffffff80,inset 0 -1px 0 #c4d1e833;
 }
 html[data-theme='dark'] body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy {
  box-shadow: inset 0 1px 0 #c6ddff1a,inset 0 -1px 0 #03061233;
 }
 .entry-cover-stage .stage-atmosphere {
  -webkit-mask-image: radial-gradient(ellipse 70% 100% at 50% 44%,#000 34%,transparent 100%);
  mask-image: radial-gradient(ellipse 70% 100% at 50% 44%,#000 34%,transparent 100%);
 }
}
@media (max-width:650px) {
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover {
  height: clamp(172px,50vw,196px);
 }
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover-music > img,
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover-music > canvas {
  inset: -12% -12%;
  width: 124%;
  height: 124%;
 }
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy {
  padding: 18px 22px 17px;
 }
 body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy .card-top {
  margin-bottom: 10px;
 }
 body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy h3 {
  font-size: 21px;
  margin-bottom: 8px;
 }
 body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy > p {
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 14px;
 }
 body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy .card-cta {
  min-height: 34px;
  padding-top: 12px;
 }
}
@media (forced-colors:active) {
 .entry-cover-stage .stage-atmosphere { display: none; }
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy {
  background: Canvas;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
 }
}

/* 20261012-entry-vignettes — write, turn, connect. Each small scene has one
   finite entrance; the readable destination is present before JS runs. */
.motion-site .entry-gallery .vignette-heading { display: contents; }
.motion-site .entry-gallery .entry-vignette { display: none; }
body.motion-site:not(.yu7-selected) .entry-gallery .destination:is(.blog,.library,.notes,.collection) { padding-top: 20px; }
body.motion-site:not(.yu7-selected) .entry-gallery .vignette-top {
 position: relative;
 display: block;
 flex: 0 0 88px;
 height: 88px;
 margin-bottom: 8px;
}
body.motion-site:not(.yu7-selected) .entry-gallery .vignette-heading {
 position: relative;
 z-index: 2;
 display: flex;
 align-items: center;
 justify-content: space-between;
 min-height: 18px;
}
body.motion-site:not(.yu7-selected) .entry-gallery .vignette-heading .tile-icon { display: none; }
body.motion-site:not(.yu7-selected) .entry-gallery .entry-vignette {
 --vignette-paper: #f8f9ffb3;
 --vignette-paper-back: #c6d3f066;
 --vignette-line: #7d82b68c;
 position: absolute;
 display: block;
 inset: 17px -5px -1px;
 color: var(--entry-accent);
 pointer-events: none;
 overflow: hidden;
 contain: layout paint;
}
body.motion-site:not(.yu7-selected) .entry-gallery .entry-vignette > svg {
 display: block;
 width: 100%;
 height: 100%;
 fill: none;
 stroke-linecap: round;
 stroke-linejoin: round;
}
body.motion-site:not(.yu7-selected) .entry-gallery .destination:is(.blog,.library,.notes,.collection) .card-kicker { margin-bottom: 5px; }
body.motion-site:not(.yu7-selected) .entry-gallery .destination:is(.blog,.library,.notes,.collection) h3 { margin-bottom: 8px; }
body.motion-site:not(.yu7-selected) .entry-gallery .destination:is(.blog,.library,.notes,.collection) > p:not(.card-kicker) { margin-bottom: 14px; }
body.motion-site:not(.yu7-selected) .entry-gallery .destination:is(.blog,.library,.notes,.collection) .card-cta { padding-top: 12px; }
.entry-vignette .vignette-paper { fill: var(--vignette-paper); stroke: var(--vignette-line); stroke-width: 1; }
.entry-vignette .vignette-paper-back { fill: var(--vignette-paper-back); stroke: none; }
.entry-vignette .vignette-detail { stroke: var(--vignette-line); stroke-width: 1; }
.entry-vignette .blog-ink { stroke: currentColor; stroke-width: 2.2; stroke-dasharray: 100; stroke-dashoffset: 0; }
.entry-vignette .blog-ink-light { stroke-width: 1.5; opacity: .65; }
.entry-vignette .blog-ink-last { stroke-width: 2.7; }
.entry-vignette .blog-nib { fill: currentColor; stroke: none; opacity: .8; }
.entry-vignette .vignette-book {
 position: absolute;
 top: 8px;
 left: 50%;
 width: 152px;
 height: 57px;
 translate: -50% 0;
 rotate: -4deg;
 perspective: 480px;
 transform-style: preserve-3d;
}
.entry-vignette .book-cover {
 position: absolute;
 inset: 5px 6px 1px;
 border: 1px solid var(--vignette-line);
 border-radius: 3px 8px 8px 3px;
 background: var(--vignette-paper-back);
 box-shadow: 0 5px 8px #405f7e1a;
}
.entry-vignette .book-page {
 position: absolute;
 top: 2px;
 width: 62px;
 height: 49px;
 border: 1px solid var(--vignette-line);
 background: var(--vignette-paper);
 backface-visibility: visible;
 transform-style: preserve-3d;
}
.entry-vignette .book-page > svg { display: block; width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.2; opacity: .55; }
.entry-vignette .book-page-left { left: 14px; border-radius: 7px 1px 1px 7px; rotate: y 12deg; transform-origin: right center; }
.entry-vignette .book-page-right { left: 76px; border-radius: 1px 7px 7px 1px; rotate: y -12deg; transform-origin: left center; }
.entry-vignette .book-page-turn { left: 76px; border-radius: 1px 7px 7px 1px; rotate: y -171deg; transform-origin: left center; background: var(--vignette-paper); }
.entry-vignette .book-page-turn-second { top: 1px; rotate: y -163deg; }
.entry-vignette .book-spine { position: absolute; left: 75px; top: 3px; height: 49px; width: 2px; background: var(--vignette-line); opacity: .7; }
.entry-vignette .notes-link { stroke: currentColor; stroke-width: 1.5; stroke-dasharray: 100; stroke-dashoffset: 0; opacity: .65; }
.entry-vignette .notes-node { opacity: 1; scale: 1; transform-box: fill-box; transform-origin: center; }
.entry-vignette .notes-mark { stroke: currentColor; stroke-width: 1.5; opacity: .8; }
.entry-vignette .notes-dot { fill: currentColor; stroke: none; }
html[data-theme='dark'] body.motion-site:not(.yu7-selected) .entry-gallery .entry-vignette {
 --vignette-paper: #1b2636d9;
 --vignette-paper-back: #7487bd33;
 --vignette-line: #9aadd66b;
}
html[data-theme='dark'] .entry-vignette .book-cover { box-shadow: 0 5px 9px #00000026; }
@media (prefers-reduced-motion:no-preference) {
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .blog-ink {
  animation: entry-ink-write 1.4s cubic-bezier(.2,.8,.2,1) 1 both !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .blog-ink-light { animation-delay: .16s !important; }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .blog-ink-last { animation-delay: .32s !important; }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .blog-nib {
  animation: entry-pen-settle 1.65s cubic-bezier(.16,1,.3,1) 1 both !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .book-page-turn {
  animation: entry-page-turn 1.45s cubic-bezier(.2,.7,.2,1) 1 both !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .book-page-turn-second {
  animation: entry-page-turn-second 1.65s cubic-bezier(.2,.7,.2,1) 1 both !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .notes-link {
  animation: entry-note-connect 1.5s cubic-bezier(.2,.7,.2,1) 1 both !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .notes-link-last { animation-delay: .2s !important; }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .notes-node {
  animation: entry-note-arrive 1.25s cubic-bezier(.16,1,.3,1) 1 both !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .notes-node-middle { animation-delay: .18s !important; }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .notes-node-last { animation-delay: .38s !important; }
}
@keyframes entry-ink-write { 0%,12% { stroke-dashoffset: 100; } 78%,100% { stroke-dashoffset: 0; } }
@keyframes entry-pen-settle { 0%,20% { opacity: 0; translate: -64px 0; } 75% { opacity: .8; } 100% { opacity: .8; translate: 0 0; } }
@keyframes entry-page-turn { 0%,12% { rotate: y -8deg; } 100% { rotate: y -171deg; } }
@keyframes entry-page-turn-second { 0%,30% { rotate: y -4deg; } 100% { rotate: y -163deg; } }
@keyframes entry-note-connect { 0%,18% { stroke-dashoffset: 100; opacity: .2; } 85%,100% { stroke-dashoffset: 0; opacity: .65; } }
@keyframes entry-note-arrive { 0%,15% { opacity: .2; scale: .88; } 78%,100% { opacity: 1; scale: 1; } }
@media (max-width:650px) {
 body.motion-site:not(.yu7-selected) .entry-gallery .vignette-top { flex-basis: 84px; height: 84px; }
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-vignette { inset-inline: 0; }
}
@media (forced-colors:active) {
 body.motion-site:not(.yu7-selected) .entry-gallery .entry-vignette { display: none; }
 body.motion-site:not(.yu7-selected) .entry-gallery .vignette-top { flex-basis: 24px; height: 24px; }
}
/* 20261012-private-transparent: circuit traces blend into the page, while
   destinations stay legible. The dancer has no separate scenic background. */
body.motion-site:not(.yu7-selected) #private.private-circuit {
 --private-base: transparent;
 --private-ink: #24364e;
 --private-muted: #46536c;
 --private-accent: #31647d;
 --private-card: #ffffff38;
 --private-card-hover: #ffffff70;
 --private-card-border: #ffffff8c;
 --private-border: #6b9bac40;
 --private-icon: #f5faff80;
 --private-text-shadow: none;
 isolation: auto;
 background: transparent !important;
 border-color: transparent !important;
 box-shadow: none;
}
body.motion-site:not(.yu7-selected) #private.private-circuit::before {
 background: none;
}
body.motion-site:not(.yu7-selected) #private .private-circuit-media {
 opacity: .47;
 mix-blend-mode: multiply;
 -webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);
 mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);
 -webkit-mask-composite: source-in;
 mask-composite: intersect;
}
body.motion-site:not(.yu7-selected) #private.private-circuit .private-link {
 box-shadow: inset 0 1px #ffffff55,0 6px 22px #253c5d06 !important;
 backdrop-filter: blur(5px) saturate(1.08);
 -webkit-backdrop-filter: blur(5px) saturate(1.08);
}
body.motion-site:not(.yu7-selected) #private.private-circuit .private-link strong {
 font-size: 16px;
}
body.motion-site:not(.yu7-selected) #private.private-circuit .private-link small {
 font-size: 14px;
}
html[data-theme='dark'] body.motion-site:not(.yu7-selected) #private.private-circuit {
 --private-ink: #f0f5ff;
 --private-muted: #b8c9df;
 --private-accent: #9bddec;
 --private-card: #10182747;
 --private-card-hover: #17294185;
 --private-card-border: #aac9e52e;
 --private-border: #8dcee53d;
 --private-icon: #17344470;
}
html[data-theme='dark'] body.motion-site:not(.yu7-selected) #private .private-circuit-media {
 opacity: .56;
 mix-blend-mode: screen;
}
html[data-theme='dark'] body.motion-site:not(.yu7-selected) #private.private-circuit .private-link {
 box-shadow: inset 0 1px #cce5fa0d,0 8px 24px #02061112 !important;
}
body.motion-site:not(.yu7-selected) .entry-gallery .dance-card.entry-feature::before {
 background: none;
}
@media (max-width:650px) {
 body.motion-site:not(.yu7-selected) #private .private-circuit-media { opacity: .36; }
 html[data-theme='dark'] body.motion-site:not(.yu7-selected) #private .private-circuit-media { opacity: .42; }
 body.motion-site:not(.yu7-selected) #private.private-circuit .private-link strong { font-size:15px; }
}

/* 20261012-mobile-compact: keep the glass colors, but give small screens
   content-sized sections and small painted surfaces instead of tall panels. */
.entry-cover > video {
 position: absolute;
 width: 2px;
 height: 2px;
 opacity: .001;
 visibility: visible;
 pointer-events: none;
}
.motion-site .entry-gallery .mobile-motion-retry[hidden] { display: none !important; }
.motion-site .entry-gallery .mobile-motion-retry {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 44px;
 max-width: 100%;
 margin: -4px 0 14px;
 padding: 9px 14px;
 border: 1px solid var(--entry-rule);
 border-radius: 12px;
 background: var(--entry-surface);
 color: var(--entry-ink);
 font: inherit;
 font-size: 14px;
 line-height: 1.5;
 cursor: pointer;
 touch-action: manipulation;
}
.motion-site .entry-gallery .mobile-motion-retry:focus-visible { outline: 2px solid var(--entry-accent,#737dbe); outline-offset: 3px; }
.motion-site .entry-gallery .mobile-motion-retry:active { background: var(--entry-icon-surface); }
@media (max-width:650px) {
 html body.motion-site:not(.yu7-selected) .shell { padding-inline: 12px; }
 html body.motion-site:not(.yu7-selected) .header,
 html body.motion-site:not(.yu7-selected) .header:not(.is-scrolled),
 html body.motion-site:not(.yu7-selected) .header.is-scrolled {
  top: max(6px,env(safe-area-inset-top));
  width: 100% !important;
  min-height: 0 !important;
  margin: 8px auto 12px;
  padding: 4px 8px !important;
  gap: 2px 6px;
  border-radius: 20px !important;
  background: linear-gradient(120deg,#fbf9fff2,#edf4ffed 55%,#fff4fbed) !important;
  box-shadow: 0 5px 14px #33486b12,inset 0 1px #ffffffa6 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
 }
 html[data-theme='dark'] body.motion-site:not(.yu7-selected) .header,
 html[data-theme='dark'] body.motion-site:not(.yu7-selected) .header:not(.is-scrolled),
 html[data-theme='dark'] body.motion-site:not(.yu7-selected) .header.is-scrolled {
  background: linear-gradient(120deg,#1c2333f5,#101725f2 55%,#282032f2) !important;
  box-shadow: 0 5px 14px #00000020,inset 0 1px #e4eaff12 !important;
 }
 html body.motion-site:not(.yu7-selected) .header > .brand {
  min-height: 44px;
  padding: 0 !important;
  gap: 7px;
  font-size: 15px;
  letter-spacing: 0;
 }
 html body.motion-site:not(.yu7-selected) .header .brand-mark { display: grid; width: 30px; height: 30px; border-radius: 10px; font-size: 23px; }
 html body.motion-site:not(.yu7-selected) .header .brand-sub { display: none; }
 html body.motion-site:not(.yu7-selected) .header > .header-tools { padding: 0 !important; gap: 2px; }
 html body.motion-site:not(.yu7-selected) .header :is(.theme-toggle,.header-action,.nq-motion-switch) {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 10px;
  justify-content: center;
  box-shadow: none;
 }
 html body.motion-site:not(.yu7-selected) .header :is(.header-action span,[data-theme-label]) { display: none; }
 html body.motion-site:not(.yu7-selected) .header > .header-nav { margin: 0; padding: 0 !important; gap: 0; }
 html body.motion-site:not(.yu7-selected) .header .header-nav a {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: 4px 2px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.3;
 }
 html body.motion-site:not(.yu7-selected) .hero {
  min-height: 0 !important;
  padding-block: 4px 20px;
  justify-content: flex-start;
 }
 html body.motion-site:not(.yu7-selected) .hero-copy { padding: 22px 4px 8px !important; }
 html body.motion-site:not(.yu7-selected) .hero-copy > .eyebrow { margin-bottom: 12px; font-size: 10px; letter-spacing: .08em; }
 html body.motion-site:not(.yu7-selected) .hero h1 { margin: 0 0 16px; font-size: clamp(32px,9.2vw,44px); line-height: 1.22; }
 html body.motion-site:not(.yu7-selected) .hero .hero-desc { margin-bottom: 18px; font-size: 15px; line-height: 1.7; }
 html body.motion-site:not(.yu7-selected) .hero-actions { width: 100%; gap: 8px; }
 html body.motion-site:not(.yu7-selected) .hero-actions .button { min-height: 44px; padding: 9px 13px; font-size: 14px; gap: 8px; }
 html body.motion-site:not(.yu7-selected) .hero .scene-note { width: calc(100% - 8px) !important; min-height: 56px; margin: 8px auto 0 !important; padding: 10px 14px; }
 html body.motion-site:not(.yu7-selected) :is(.hero-actions .button,.scene-note) { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 4px 12px #425b7e12; }
 html body.motion-site:not(.yu7-selected) .entry-gallery { padding-block: 18px 26px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .section-heading { margin-bottom: 12px; gap: 3px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .section-heading h2 { font-size: 21px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .section-heading > span { font-size: 13px; line-height: 1.5; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .home-quick-paths { gap: 6px; margin: 0 0 14px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .home-quick-paths-label { margin-right: 0; font-size: 12px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .home-quick-paths a { min-width: 58px; padding: 8px 10px; font-size: 13px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; perspective: none; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination:not(.entry-feature) {
  grid-column: span 1;
  min-height: 0;
  padding: 14px 12px 12px;
  border-radius: 18px;
 }
 html body.motion-site .entry-gallery .destination,
 html body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: inset 0 1px #ffffff38,0 4px 12px #40577b0a;
 }
 html[data-theme='dark'] body.motion-site .entry-gallery .destination,
 html[data-theme='dark'] body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy { box-shadow: inset 0 1px #d6e4ff0d,0 4px 12px #00000012; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination:not(.entry-feature) .card-kicker { display: none; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination:not(.entry-feature) h3 { font-size: 17px; line-height: 1.4; margin-bottom: 7px; letter-spacing: -.02em; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination:not(.entry-feature) > p { margin-bottom: 10px; font-size: 13px; line-height: 1.65; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination:not(.entry-feature) > p br { display: none; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination:not(.entry-feature) .card-cta { min-height: 44px; align-items: center; gap: 3px; padding-top: 8px; font-size: 12px; line-height: 1.45; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .vignette-top { flex-basis: 66px; height: 66px; margin-bottom: 8px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .vignette-heading .badge { font-size: 11px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .vignette-heading .arrow { display: none; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .vignette-book { top: 0; scale: .8; transform-origin: center top; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination.entry-feature { grid-column: 1/-1; border-radius: 20px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-link { grid-template-columns: minmax(0,37%) minmax(0,1fr); }
 html body.motion-site:not(.yu7-selected) .entry-gallery .entry-cover {
  align-self: center;
  min-height: 0;
  height: clamp(172px,49vw,202px);
  aspect-ratio: auto;
 }
 html body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy { min-width: 0; padding: 16px 14px 12px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy .card-top { margin-bottom: 8px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy .badge { font-size: 12px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy .card-top .arrow { display: none; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy h3 { font-size: 18px; line-height: 1.4; margin-bottom: 8px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy > p { font-size: 13px; line-height: 1.6; margin-bottom: 10px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy > p br { display: none; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy .card-cta { min-height: 44px; align-items: center; gap: 4px; padding-top: 8px; font-size: 13px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination[id],
 html body.motion-site:not(.yu7-selected) section[id] { scroll-margin-top: 116px; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit { padding: 18px 2px; margin-top: 0; gap: 18px; border-radius: 0; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-intro { padding: 0 2px; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-intro h2 { font-size: 25px; margin-bottom: 8px; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-intro p { font-size: 14px; line-height: 1.6; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-links.private-link-groups { gap: 20px; }
 html body.motion-site:not(.yu7-selected) #private .private-group-title { margin-bottom: 9px; }
 html body.motion-site:not(.yu7-selected) #private .private-group-links { gap: 8px; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-link {
  min-height: 76px;
  padding: 12px;
  gap: 10px;
  border-radius: 14px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: inset 0 1px #ffffff24 !important;
 }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-link > span:not(.tile-icon) { min-width: 0; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-link strong { font-size: 14px; line-height: 1.5; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-link small { font-size: 13px; line-height: 1.55; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-link .tile-icon { width: 32px; height: 32px; border-radius: 10px; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-link .tile-icon .icon { width: 19px; height: 19px; }
 html body.motion-site:not(.yu7-selected) #private.private-circuit .private-link .arrow { width: 14px; }
 html body.motion-site:not(.yu7-selected) .character-studio { margin: 6px 0 26px; border-radius: 22px; box-shadow: 0 8px 20px #1b365018; }
 html body.motion-site:not(.yu7-selected) .character-studio .character-portrait { top: 48px; height: 330px; }
 html body.motion-site:not(.yu7-selected) .character-studio .character-copy { padding: 354px 18px 18px; }
 html body.motion-site:not(.yu7-selected) .character-studio h2.character-title { font-size: 29px; margin-bottom: 12px; }
 html body.motion-site:not(.yu7-selected) .character-studio .character-message { font-size: 14px; line-height: 1.65; margin-bottom: 14px; }
 html body.motion-site:not(.yu7-selected) .character-studio .character-pill { min-height: 44px; font-size: 12px; }
 html body.motion-site:not(.yu7-selected) .character-studio .character-bottomline { margin-inline: 18px; gap: 12px; }
 html body.motion-site:not(.yu7-selected) .character-studio :is(.character-picker-toggle,.character-picker,.character-edition) { backdrop-filter: none; -webkit-backdrop-filter: none; }
 html body.motion-site:not(.yu7-selected) .character-studio .character-orbit { display: none; }
 html body.motion-site #nq-ambient-scene .ambient-orb { display: none; }
 html body.motion-site #nq-ambient-scene :is(.ambient-wash,.ambient-ring) { animation: none !important; will-change: auto; }
 html body.motion-site .home-pet-ui .pet-launcher { width: 48px; height: 48px; right: max(16px,env(safe-area-inset-right)); bottom: max(18px,calc(env(safe-area-inset-bottom) + 12px)); backdrop-filter: none; box-shadow: 0 4px 12px #30467224; }
 html body.motion-site .home-pet-ui .pet-launcher-glow { display: none; }
 html body.motion-site .home-pet-ui :is(.pet-launcher-ring,.pet-launcher-icon svg) { filter: none; }
 html body.motion-site .usage { margin-top: 16px; }
 html body.motion-site .shell > footer { padding-block: 20px; font-size: 13px; }
}
@media (max-width:360px) {
 html body.motion-site:not(.yu7-selected) .entry-gallery .destination:not(.entry-feature) { padding-inline: 10px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-link { grid-template-columns: minmax(0,35%) minmax(0,1fr); }
 html body.motion-site:not(.yu7-selected) .entry-gallery .entry-feature .feature-copy { padding-inline: 12px; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .feature-copy h3 { font-size: 17px; }
}
/* Keep the floating companion small without changing its drag coordinate space. */
@media (max-width:760px) {
 #guanguan-full-pet .dsh-pet-surface { width:208px; height:117px; inset:auto auto 0 50%; margin-left:-104px; transform-origin:center bottom; }
 #guanguan-full-pet .dsh-pet-hit { left:calc(50% - 39px)!important; top:auto!important; bottom:8.125px; width:78px!important; height:92.625px!important; touch-action:none; }
 #guanguan-full-pet .dsh-pet-root[data-corner="bottom-right"]:not([style*="left:"]) { right:calc(68px - var(--dsh-pet-size,360px)/2); bottom:max(84px,calc(env(safe-area-inset-bottom) + 84px)); }
 #guanguan-full-pet :is(.dsh-pet-bubble,.dsh-pet-menu,.dsh-pet-chat,.dsh-pet-score) { font-family:system-ui,"Microsoft YaHei",sans-serif!important; }
 #guanguan-full-pet .dsh-pet-bubble { box-sizing:border-box; left:auto; right:calc(50% - 30px); bottom:112px; width:max-content; min-width:0; max-width:140px; padding:8px 10px; font-size:12px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; backdrop-filter:none; }
 #guanguan-full-pet .pet-bub-img { max-width:116px; width:100%; }
 #home-pet-settings :is(button,select), .dsh-pet-menu .dsh-pet-menu-item { min-height:44px; }
 #home-pet-settings .pet-close { width:44px; height:44px; flex-basis:44px; }
}
@media (max-width:650px) and (forced-colors:active) {
 html body.motion-site:not(.yu7-selected) .header,
 html body.motion-site:not(.yu7-selected) .header:not(.is-scrolled),
 html body.motion-site:not(.yu7-selected) .header.is-scrolled { background: Canvas !important; box-shadow: none !important; border-color: CanvasText !important; }
 html body.motion-site:not(.yu7-selected) .entry-gallery .vignette-top { flex-basis: 20px; height: 20px; }
}
/* 20261012-mobile-nav-readability: keep glass edges, cover text passing underneath. */
@media (max-width:650px) and (forced-colors:none) {
 html body.motion-site.ambient-page:not(.yu7-selected) .shell > header.header:is(.is-scrolled,:not(.is-scrolled)) {
  background:linear-gradient(120deg,rgba(253,250,255,.94),rgba(237,244,255,.94) 55%,rgba(255,244,251,.94)) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
 }
 html[data-theme='dark'] body.motion-site.ambient-page:not(.yu7-selected) .shell > header.header:is(.is-scrolled,:not(.is-scrolled)) {
  background:linear-gradient(120deg,rgba(28,35,51,.94),rgba(16,23,37,.94) 55%,rgba(40,32,50,.94)) !important;
 }
}

/* fold-mobile-20261013: compact controls share one breakpoint and one hit area.
   The legacy switch hides its label only below 600px; the newer header already
   shrinks it at 650px. Keep the icon-only contract together through tablet sizes. */
@media (max-width: 1100px) {
  html body.motion-site.ambient-page:not(.yu7-selected) .header > .header-tools {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 0 !important;
    transform: none !important;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header .header-tools > :is(.theme-toggle,.nq-motion-switch,.header-action) {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
    margin: 0;
    padding: 10px !important;
    gap: 0;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header .header-tools :is([data-theme-label],.nq-motion-label,.nq-motion-indicator,.header-action > span) {
    display: none;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header .theme-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header .theme-icon > svg {
    width: 20px;
    height: 20px;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header .header-tools > :is(.nq-motion-switch,.header-action) > svg {
    flex: none;
    width: 20px;
    height: 20px;
  }
}

/* Give each edge only the width it actually needs. The earlier equal outer
   tracks forced the five-link navigation to compete with the longer brand. */
@media (min-width: 801px) and (max-width: 1100px) {
  html body.motion-site.ambient-page:not(.yu7-selected) .header {
    grid-template-columns: auto minmax(0,1fr) auto !important;
    gap: 8px !important;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header > .brand {
    transform: none !important;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header > .header-nav {
    min-width: 0;
    width: auto;
    margin: 0;
    padding-inline: 8px !important;
  }
}

/* Preserve the established two-row phone/fold layout; all five destinations
   receive an equal, non-overlapping touch area on the second row. */
@media (max-width: 800px) {
  html body.motion-site.ambient-page:not(.yu7-selected) .header {
    grid-template-columns: minmax(0,1fr) auto !important;
    column-gap: 8px;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header > .header-nav {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    width: 100% !important;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    gap: 0;
  }
  html body.motion-site.ambient-page:not(.yu7-selected) .header .header-nav > a {
    min-width: 0;
    min-height: 44px;
    padding: 4px 2px;
    font-size: 13px;
    line-height: 1.3;
  }
}

/* 20261013-native-covers: the PNG remains visible until the animated image loads. */
.motion-site .entry-gallery .entry-cover > img[data-cover-animation] { opacity: 0; }
.motion-site .entry-gallery .cover-image-playing .entry-cover > img:not([data-cover-animation]),
.motion-site .entry-gallery .cover-image-playing .entry-cover > canvas { opacity: 0; }
.motion-site .entry-gallery .cover-image-playing .entry-cover > img[data-cover-animation] { opacity: 1; }
/* A still greeting replaces the homepage dancer on every device. */
html body.motion-site .entry-gallery .entry-cover-stage.entry-cover-luotianyi > img {
 inset: 0;
 width: 100%; height: 100%;
 object-fit: contain;
 object-position: center bottom;
 transform: none;
 padding: 8px 0;
 box-sizing: border-box;
 opacity: 1;
}

/* Transparent decoration: no circuit poster, video, chip or opaque section base. */
body.motion-site:not(.yu7-selected) #private.private-circuit { background: transparent !important; }
body.motion-site:not(.yu7-selected) #private.private-circuit::before { background: none !important; }
.private-orbits {
 --orbit-cyan: #358ba961;
 --orbit-violet: #8f77c74d;
 position: absolute;
 inset: 0;
 z-index: 0;
 overflow: hidden;
 pointer-events: none;
 background: none;
 contain: paint;
}
html[data-theme='dark'] .private-orbits { --orbit-cyan: #65dce573; --orbit-violet: #9481ef61; }
.private-orbits > .private-orbit {
 position: absolute;
 width: min(36vw,480px);
 aspect-ratio: 1;
 border-radius: 50%;
 border: 1px solid transparent;
 border-top-color: var(--orbit-cyan);
 border-right-color: var(--orbit-violet);
 animation: private-orbit-turn 24s linear infinite;
 animation-play-state: paused;
}
.private-orbits > .private-orbit::before,
.private-orbits > .private-orbit::after {
 content: '';
 position: absolute;
 border-radius: 50%;
}
.private-orbits > .private-orbit::before {
 inset: 12px;
 border: 1px solid transparent;
 border-left-color: var(--orbit-cyan);
 border-bottom-color: var(--orbit-violet);
}
.private-orbits > .private-orbit::after {
 top: 14%; right: 14%; width: 5px; height: 5px;
 background: var(--orbit-cyan);
 box-shadow: 0 0 12px 3px var(--orbit-cyan);
}
.private-orbit-one { left: -5%; top: 6%; }
.private-orbits > .private-orbit-two { right: -6%; top: 20%; width: min(31vw,410px); animation-duration: 32s; animation-direction: reverse; }
.private-orbits > .private-orbit-three { left: 35%; bottom: -9%; width: min(29vw,380px); animation-duration: 28s; }
.private-orbits > .private-light {
 position: absolute; left: -18%; top: 39%; width: 18%; height: 1px;
 background: linear-gradient(90deg,transparent,var(--orbit-cyan),transparent);
 box-shadow: 0 0 6px var(--orbit-cyan);
 animation: private-light-pass 16s linear infinite;
 animation-play-state: paused;
}
.private-orbits > .private-light-two { top: 82%; animation-delay: -8s; animation-duration: 21s; }
.private-orbits.is-active > :is(.private-orbit,.private-light) { animation-play-state: running; }
body.yu7-selected .private-orbits { display: none; }
@keyframes private-orbit-turn { to { transform: rotate(360deg); } }
@keyframes private-light-pass { to { transform: translateX(680%); } }
@media (max-width:800px) {
 .private-orbits > .private-orbit { width: 260px; }
 .private-orbit-one { left: -90px; top: 12%; }
 .private-orbits > .private-orbit-two { width: 230px; right: -75px; top: 60%; }
 .private-orbits > :is(.private-orbit-three,.private-light-two) { display: none; }
}
@media (prefers-reduced-motion:reduce) {
 .private-orbits > :is(.private-orbit,.private-light) { animation: none !important; }
}
@media (forced-colors:active) { .private-orbits { display: none; } }

/* A single continuous piano-roll layer replaces sampled cover media.
   The runtime only toggles .is-active; the browser supplies display-rate motion. */
.entry-cover-music .score-flow {
  --score-note-start: #8068ae;
  --score-note-end: #398da2;
  --score-grid: #8997b8;
  --score-playhead: #a894bf;
  position: absolute;
  inset: 0;
  overflow: hidden;
  contain: layout paint;
  pointer-events: none;
  background: transparent;
}
html[data-theme='dark'] .entry-cover-music .score-flow {
  --score-note-start: #ada0f1;
  --score-note-end: #79d9e4;
  --score-grid: #96bdd9;
  --score-playhead: #b5d5e9;
}
.score-flow > svg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.score-flow .score-flow-track {
  width: 600%;
  max-width: none;
  opacity: .94;
  transform: translate3d(0,0,0);
  animation: score-flow-slide 16s linear infinite;
  animation-play-state: paused;
}
.score-flow.is-active .score-flow-track {
  animation-play-state: running;
  will-change: transform;
}
.score-flow .score-flow-note-start { stop-color: var(--score-note-start); }
.score-flow .score-flow-note-end { stop-color: var(--score-note-end); }
.score-flow .score-flow-grid-minor,
.score-flow .score-flow-grid-major {
  fill: none;
  stroke: var(--score-grid);
  stroke-width: .75;
  opacity: .055;
}
.score-flow .score-flow-grid-major { stroke-width: 1; opacity: .14; }
.score-flow .score-flow-playhead-halo {
  fill: none;
  stroke: var(--score-playhead);
  stroke-width: 11;
  opacity: .055;
}
.score-flow .score-flow-playhead-line {
  fill: none;
  stroke: var(--score-playhead);
  stroke-width: 1.5;
  opacity: .52;
}
.score-flow .score-flow-playhead-dot { fill: var(--score-playhead); opacity: .64; }
@keyframes score-flow-slide {
  to { transform: translate3d(-50%,0,0); }
}
@media (prefers-reduced-motion: reduce) {
  .score-flow.is-active .score-flow-track { animation-play-state: paused; will-change: auto; }
}

/* 20261013-entry-unify: the collection uses the same transparent vignette,
   header geometry and finite visibility-controlled motion as its neighbours. */
.entry-vignette .collection-mark {
 fill: none;
 stroke: currentColor;
 stroke-width: 1.5;
 opacity: .8;
}
.entry-vignette .collection-window {
 opacity: 1;
 translate: 0 0;
}
@media (prefers-reduced-motion:no-preference) {
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .collection-window {
  animation: entry-collection-arrive 1.35s cubic-bezier(.16,1,.3,1) 1 both !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .collection-window-middle {
  animation-delay: .14s !important;
 }
 body.motion-site:not(.yu7-selected):not(:has(#motion-pause:checked,#private-motion-pause:checked)) .entry-gallery .entry-vignette-active .collection-window-last {
  animation-delay: .28s !important;
 }
}
@keyframes entry-collection-arrive {
 0%,12% { opacity: .2; translate: 0 8px; }
 85%,100% { opacity: 1; translate: 0 0; }
}

/* The media side shares the page in every theme, including automotive. */
html body.motion-site .entry-gallery .card-grid .destination.entry-feature {
 --entry-surface: transparent;
 background: transparent !important;
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
}
html body.motion-site .entry-gallery .card-grid .destination.entry-feature::before {
 background: none !important;
}
html body.motion-site .entry-gallery .destination.entry-feature .feature-link,
html body.motion-site .entry-gallery .destination.entry-feature .entry-cover {
 background: transparent !important;
}
/* Automotive glass borrows the scenery's color instead of supplying a picture. */
html body.motion-site.yu7-selected .entry-gallery .entry-feature .feature-copy {
 position: relative;
 z-index: 3;
 background: linear-gradient(135deg,#ffffff1f,#d5e8f00d 48%,#c3d6e51a);
 box-shadow: inset 1px 0 0 #e0efff26;
 backdrop-filter: blur(12px) saturate(1.08);
 -webkit-backdrop-filter: blur(12px) saturate(1.08);
}
@media (max-width:650px),(pointer:coarse) {
 html body.motion-site.yu7-selected .entry-gallery .entry-feature .feature-copy {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
 }
}
@media (forced-colors:active) {
 html body.motion-site.yu7-selected .entry-gallery .entry-feature .feature-copy {
  background: Canvas;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
 }
}

/* MotionSites selectable backgrounds: one native video, a persistent poster. */
body.ambient-page > #nq-video-background {
  position: fixed !important; inset: 0; z-index: 0; pointer-events: none;
  overflow: hidden; contain: strict; background: #14202a;
}
#nq-video-background[hidden] { display: none !important; }
#nq-video-background > img, #nq-video-background > video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;
}
#nq-video-background > video { opacity: 0; transition: opacity .35s ease; }
#nq-video-background.is-playing > video { opacity: 1; }
/* Keep the footage's native color: contrast belongs to content, not the viewport. */
#nq-video-background::after { content: none; }
html[data-theme="dark"] body.nq-video-background-active .hero-copy { position: relative; isolation: isolate; }
html[data-theme="dark"] body.nq-video-background-active .hero-copy::before {
  content: ''; position: absolute; inset: -12% -18%; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse,rgb(10 17 30 / .5) 0 32%,transparent 72%);
}
body.nq-video-background-active #nq-ambient-scene { visibility: hidden; }
body.nq-video-background-active .private-circuit-media,
body.nq-video-background-active .private-orbits { opacity: .26; }
body.nq-video-background-active .hero p { color: #34445d; }
html[data-theme="dark"] body.nq-video-background-active .hero p { color: #dbe5f4; }
#yu7-panel.has-motion-backgrounds {
  width: min(390px, calc(100vw - 32px)); max-height: min(720px, calc(100dvh - 150px));
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #8293b2 transparent;
}
#yu7-panel.has-motion-backgrounds .yu7-scene-options small { font-size: 12px; color: inherit; opacity: .8; }
#yu7-panel.has-motion-backgrounds .yu7-scene-options b { font-size: 14px; }
#yu7-panel.has-motion-backgrounds .yu7-panel-header button { min-width: 44px; min-height: 44px; }
.nq-background-options { display: grid; gap: 9px; margin-top: 14px; }
.nq-background-options > button {
  display: grid; grid-template-columns: 86px minmax(0,1fr) auto; align-items: center; gap: 12px;
  min-height: 64px; width: 100%; overflow: hidden; border: 1px solid #7383a85c;
  border-radius: 12px; padding: 0 12px 0 0; color: inherit; background: transparent; text-align: left; cursor: pointer;
}
.nq-background-options img { width: 86px; height: 64px; object-fit: cover; display: block; }
.nq-background-options b { display: block; font-size: 14px; line-height: 1.5; }
.nq-background-options small { display: block; font-size: 12px; line-height: 1.45; opacity: .8; }
.nq-background-selected { visibility: hidden; font-size: 12px; color: #a52b5d; }
.nq-background-options button[aria-pressed="true"] { border-color: #bb4472; background: rgb(221 138 178 / .1); }
.nq-background-options button[aria-pressed="true"] .nq-background-selected { visibility: visible; }
html[data-theme="dark"] .nq-background-selected { color: #ffafcf; }
html[data-theme="dark"] .nq-background-options button[aria-pressed="true"] { border-color: #f0a7c5; }
.nq-background-options button:hover { background: rgb(127 158 204 / .13); }
#yu7-panel .nq-background-feedback { font-size: 13px; line-height: 1.6; margin: 12px 0 0; }
.nq-background-feedback:empty { display: none; }
.nq-background-retry {
  min-height: 44px; width: 100%; border: 1px solid currentColor; border-radius: 10px;
  margin-top: 8px; padding: 8px 14px; color: inherit; background: transparent; cursor: pointer;
}
#yu7-panel.has-motion-backgrounds .yu7-panel-note { font-size: 12px; color: inherit; opacity: .8; }
@media (max-width: 600px) {
  #yu7-panel.has-motion-backgrounds { padding: 14px; max-height: calc(100dvh - 138px); }
}
@media (prefers-reduced-motion: reduce) { #nq-video-background > video { transition: none; } }

/* One glass material across the homepage; the landscape remains unfiltered. */
body.home-glass-refresh {
  --nq-glass-ink: #23364d;
  --nq-glass-muted: #435a71;
  --nq-glass-accent: #526997;
  --nq-glass-rule: rgb(74 107 145 / .22);
  --nq-glass-edge: rgb(255 255 255 / .62);
  --nq-glass-surface: radial-gradient(ellipse at 0 100%,rgb(128 217 233 / .2),transparent 65%),radial-gradient(ellipse at 100% 0,rgb(189 162 225 / .18),transparent 64%),linear-gradient(125deg,rgb(255 255 255 / .46),rgb(236 246 255 / .22) 55%,rgb(255 255 255 / .32));
  --nq-glass-shadow: inset 0 1px 0 rgb(255 255 255 / .65),inset 0 -1px 0 rgb(162 183 225 / .16),0 12px 32px rgb(19 35 63 / .08);
  --nq-glass-reflection: rgb(255 255 255 / .23);
  --nq-glass-blur: 10px;
}
html[data-theme="dark"] body.home-glass-refresh,
body.home-glass-refresh.yu7-selected {
  --nq-glass-ink: #f0f6ff;
  --nq-glass-muted: #c5d6e8;
  --nq-glass-accent: #addbeb;
  --nq-glass-rule: rgb(184 214 242 / .2);
  --nq-glass-edge: rgb(213 234 255 / .24);
  --nq-glass-surface: radial-gradient(ellipse at 0 100%,rgb(66 166 192 / .13),transparent 66%),radial-gradient(ellipse at 100% 0,rgb(152 115 208 / .1),transparent 64%),linear-gradient(125deg,rgb(28 43 65 / .44),rgb(15 25 43 / .28) 55%,rgb(34 35 57 / .4));
  --nq-glass-shadow: inset 0 1px 0 rgb(222 244 255 / .2),inset 0 -1px 0 rgb(137 157 199 / .12),0 12px 30px rgb(0 0 0 / .12);
  --nq-glass-reflection: rgb(193 229 255 / .13);
}
/* A pale theme can sit over a dark film: use luminous lettering, not a white fog. */
html:not([data-theme="dark"]) body.home-glass-refresh:is([data-motion-background="planet"],[data-motion-background="doorway"]) {
  --nq-glass-ink: #f7fbff;
  --nq-glass-muted: #d8e9ed;
  --nq-glass-accent: #b8e8ef;
  --nq-glass-rule: rgb(216 245 255 / .25);
  --nq-glass-edge: rgb(242 255 255 / .48);
  --nq-glass-surface: radial-gradient(ellipse at 0 100%,rgb(143 235 245 / .16),transparent 65%),radial-gradient(ellipse at 100% 0,rgb(202 185 246 / .13),transparent 64%),linear-gradient(125deg,rgb(209 243 243 / .16),rgb(19 39 48 / .25) 55%,rgb(173 204 232 / .18));
  --nq-glass-shadow: inset 0 1px 0 rgb(245 255 255 / .44),inset 0 -1px 0 rgb(181 211 243 / .2),0 12px 32px rgb(0 15 26 / .12);
}
/* Only lettering carries the first screen in daylight. */
html:not([data-theme="dark"]) body.home-glass-refresh .hero-copy::before,
html:not([data-theme="dark"]) body.home-glass-refresh .hero-halo { display: none !important; }
html:not([data-theme="dark"]) body.home-glass-refresh:is([data-motion-background="planet"],[data-motion-background="doorway"]) .hero :is(h1,.headline-line) { color: #f7fbff !important; }
html:not([data-theme="dark"]) body.home-glass-refresh:is([data-motion-background="planet"],[data-motion-background="doorway"]) .hero .headline-accent {
  background-image: linear-gradient(100deg,#a6dfff,#c4d4ff 48%,#efc5ee);
}
html body.home-glass-refresh.nq-video-background-active .hero :is(.hero-desc,.eyebrow) { color: var(--nq-glass-muted) !important; }

/* Transparent framing instead of opaque labels, bars and isolated white chips. */
html body.home-glass-refresh .entry-gallery .section-heading,
html body.home-glass-refresh .home-quick-paths,
html body.home-glass-refresh .usage,
html body.home-glass-refresh .shell > footer {
  background: var(--nq-glass-surface) !important;
  border: 1px solid var(--nq-glass-edge);
  box-shadow: var(--nq-glass-shadow) !important;
  border-radius: 18px;
  color: var(--nq-glass-ink);
  backdrop-filter: blur(var(--nq-glass-blur)) saturate(1.16);
  -webkit-backdrop-filter: blur(var(--nq-glass-blur)) saturate(1.16);
}
html body.home-glass-refresh .entry-gallery .section-heading { padding: 15px 20px; margin-bottom: 12px; }
html body.home-glass-refresh .entry-gallery .section-heading > * {
  padding: 0; background: none; box-shadow: none; color: inherit;
}
html body.home-glass-refresh .entry-gallery .section-heading > span { color: var(--nq-glass-muted); }
html body.home-glass-refresh .home-quick-paths { width: fit-content; max-width: 100%; padding: 5px 7px 5px 16px; margin: 0 0 20px; gap: 8px; }
html body.home-glass-refresh .home-quick-paths :is(a,.home-quick-paths-label) { color: var(--nq-glass-ink); }
html body.home-glass-refresh .home-quick-paths a { background: rgb(255 255 255 / .06); border-color: var(--nq-glass-rule); }
html body.home-glass-refresh .usage { padding: 5px 20px; }
html body.home-glass-refresh .usage :is(h3,p,summary) { color: inherit; }
html body.home-glass-refresh .shell > footer { padding: 18px 20px; margin: 16px 0 24px; }
html body.home-glass-refresh .shell > footer :is(a,p,span) { color: inherit; }
html body.home-glass-refresh :is(.hero-actions .button,.scene-note) {
  color: var(--nq-glass-ink) !important;
  background: var(--nq-glass-surface) !important;
  border: 1px solid var(--nq-glass-edge) !important;
  box-shadow: var(--nq-glass-shadow) !important;
  backdrop-filter: blur(var(--nq-glass-blur)) saturate(1.16);
  -webkit-backdrop-filter: blur(var(--nq-glass-blur)) saturate(1.16);
}
html body.home-glass-refresh .scene-note :is(small,strong) { color: inherit !important; }
/* Keep the familiar four-card volume; only adaptive ink follows a dark film. */
html:not([data-theme="dark"]) body.home-glass-refresh:is([data-motion-background="planet"],[data-motion-background="doorway"]) .entry-gallery {
  --entry-ink: var(--nq-glass-ink); --entry-muted: var(--nq-glass-muted);
  --entry-surface: rgb(23 44 57 / .28);
}
html:not([data-theme="dark"]) body.home-glass-refresh:is([data-motion-background="planet"],[data-motion-background="doorway"]) .entry-gallery .destination::before { opacity: .28; }
html:not([data-theme="dark"]) body.home-glass-refresh:is([data-motion-background="planet"],[data-motion-background="doorway"]) .entry-gallery .destination { --entry-accent: #d1e7f5; }

/* The portrait remains a transparent cutout above the same glass sheet. */
html body.home-glass-refresh.ambient-page #character-studio.character-studio {
  background: var(--nq-glass-surface) !important;
  border: 1px solid var(--nq-glass-edge);
  box-shadow: var(--nq-glass-shadow) !important;
  color: var(--nq-glass-ink) !important;
  backdrop-filter: blur(5px) saturate(1.14);
  -webkit-backdrop-filter: blur(5px) saturate(1.14);
}
html body.home-glass-refresh #character-studio.character-studio::before {
  background: linear-gradient(125deg,rgb(255 255 255 / .12),transparent 45%,rgb(168 214 248 / .08));
  opacity: 1;
}
html body.home-glass-refresh #character-studio.character-studio::after { background: none !important; }
html body.home-glass-refresh #character-studio :is(.character-title,.character-wordmark) { color: var(--nq-glass-ink) !important; }
html body.home-glass-refresh #character-studio :is(.character-intro,.character-message,.character-hint,.character-hint strong,.character-turn-controls label) { color: var(--nq-glass-muted) !important; }
html body.home-glass-refresh #character-studio :is(.character-pill,.character-edition,.character-picker-toggle,.character-turn-controls button) {
  color: var(--nq-glass-ink) !important;
  background: var(--nq-glass-surface) !important;
  border-color: var(--nq-glass-edge) !important;
  box-shadow: inset 0 1px 0 var(--nq-glass-reflection);
}
/* Decorative direction marks are redundant on full-surface links. */
body.home-glass-refresh :is(.entry-gallery .card-top .arrow,.entry-feature .feature-arrow,.hero-actions .button > svg) { display: none !important; }
body.home-glass-refresh .entry-gallery :is(a,button):focus-visible,
body.home-glass-refresh #private a:focus-visible { outline: 2px solid var(--nq-glass-accent); outline-offset: 5px; }

@media (max-width:800px) {
  body.home-glass-refresh { --nq-glass-blur: 4px; }
  html body.home-glass-refresh .entry-gallery .section-heading { padding: 12px 14px; }
  html body.home-glass-refresh .home-quick-paths { padding: 4px 6px 4px 12px; gap: 5px; }
  html body.home-glass-refresh .shell > footer { padding: 14px; }
  html body.home-glass-refresh.ambient-page #character-studio.character-studio { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (forced-colors:active) {
  body.home-glass-refresh { --nq-glass-surface: Canvas; --nq-glass-ink: CanvasText; --nq-glass-muted: CanvasText; --nq-glass-edge: CanvasText; }
}

/* Private workspace: two creation surfaces, a reading list, then device shortcuts.
   Uses the shared glass material; existing pointer tracking provides --card-lx/ly. */
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace {
  --private-ink: var(--nq-glass-ink, var(--text));
  --private-muted: var(--nq-glass-muted, var(--muted));
  --private-accent: var(--nq-glass-accent, var(--accent));
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  margin-block: 20px 0;
  padding: 24px 0;
  overflow: visible;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  text-shadow: none;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace > .private-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 40px;
  width: 100%;
  max-width: none;
  padding: 24px 28px;
  border: 1px solid var(--nq-glass-edge);
  border-radius: 24px;
  background: var(--nq-glass-surface);
  box-shadow: var(--nq-glass-shadow);
  backdrop-filter: blur(var(--nq-glass-blur, 8px));
  -webkit-backdrop-filter: blur(var(--nq-glass-blur, 8px));
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-intro h2 {
  flex: 0 1 auto;
  margin: 0;
  font-size: clamp(27px, 2.8vw, 36px);
  line-height: 1.25;
  letter-spacing: -.025em;
  color: var(--private-ink) !important;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-intro p {
  flex: 0 1 auto;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--private-muted) !important;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-links.private-link-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
  align-items: stretch;
  gap: 28px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 12px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-group-title {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 28px;
  margin: 0;
  padding: 0 4px;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: var(--private-ink) !important;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.5;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-group-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--nq-glass-rule, currentColor);
  opacity: .5;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-group-links {
  display: grid;
  min-width: 0;
  gap: 12px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-create > .private-group-links {
  flex: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(224px, 1fr) minmax(120px, auto);
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-record > .private-group-links {
  flex: 1;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(4, minmax(90px, auto));
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  min-height: 88px;
  padding: 20px;
  gap: 14px;
  overflow: hidden;
  border: 1px solid var(--nq-glass-edge) !important;
  border-radius: 20px;
  background: var(--nq-glass-surface) !important;
  box-shadow: var(--nq-glass-shadow) !important;
  backdrop-filter: blur(var(--nq-glass-blur, 8px));
  -webkit-backdrop-filter: blur(var(--nq-glass-blur, 8px));
  color: var(--private-ink) !important;
  text-shadow: none;
  transition: transform .38s cubic-bezier(.16,1,.3,1), border-color .25s ease;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at var(--card-lx, 14%) var(--card-ly, 0%), var(--nq-glass-reflection, #ffffff26), transparent 65%);
  opacity: .65;
  transition: opacity .3s ease;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link .private-link-copy {
  min-width: 0;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link strong {
  display: block;
  margin: 0;
  color: var(--private-ink) !important;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link small {
  display: block;
  margin-top: 6px;
  color: var(--private-muted) !important;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link .tile-icon {
  width: 40px;
  height: 40px;
  border: 1px solid var(--nq-glass-edge);
  border-radius: 12px;
  color: var(--private-accent) !important;
  background: var(--nq-glass-reflection, #ffffff18);
  box-shadow: none;
  transition: transform .38s cubic-bezier(.16,1,.3,1);
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link .tile-icon .icon {
  width: 23px;
  height: 23px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link.private-feature {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  align-items: start;
  gap: 20px;
  min-height: 224px;
  padding: 24px;
  border-radius: 24px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature .tile-icon {
  grid-column: 1;
  grid-row: 1;
  width: 48px;
  height: 48px;
  border-radius: 14px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature .private-link-copy {
  grid-column: 1 / -1;
  grid-row: 2;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature strong {
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.4;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature small {
  margin-top: 12px;
  font-size: 14px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature .private-action {
  grid-column: 1 / -1;
  grid-row: 3;
  padding-top: 14px;
  border-top: 1px solid var(--nq-glass-rule);
  font-size: 13px;
  line-height: 1.5;
  color: var(--private-ink);
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link.private-compact {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  padding: 18px;
  gap: 12px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-compact .tile-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-compact .tile-icon .icon { width: 19px; height: 19px; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-record-link {
  padding: 18px;
  border-radius: 16px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-record-link .tile-icon {
  width: 32px;
  height: 32px;
  background: transparent;
  border-color: transparent;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-manage {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(96px, .28fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  padding-top: 4px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-manage > .private-group-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-device-link {
  min-height: 88px;
  padding: 18px 20px;
  border-radius: 16px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link:focus-visible {
  outline: 2px solid var(--private-accent);
  outline-offset: 4px;
  transform: none !important;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not([data-motion="paused"]) body.motion-site.home-glass-refresh #private.private-circuit.private-workspace:not(.private-unified) .private-link:hover {
    transform: translateY(-3px) !important;
    border-color: var(--private-accent) !important;
  }
  html:not([data-motion="paused"]) body.motion-site.home-glass-refresh #private.private-circuit.private-workspace:not(.private-unified) .private-link:hover::before { opacity: 1; }
  html:not([data-motion="paused"]) body.motion-site.home-glass-refresh #private.private-circuit.private-workspace:not(.private-unified) .private-link:hover .tile-icon { transform: translateY(-2px) rotate(-6deg); }
  html:not([data-motion="paused"]) body.motion-site.home-glass-refresh #private.private-circuit.private-workspace:not(.private-unified) .private-link.is-tilting {
    transform: translate3d(0, calc(-4px * var(--card-lift, 0)), 0) !important;
    transition: border-color .25s ease;
  }
}
@media (max-width: 899px) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-links.private-link-groups { grid-template-columns: minmax(0, 1fr); }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-create > .private-group-links { grid-template-rows: minmax(224px, auto) auto; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-record > .private-group-links { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, auto); }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-manage { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 600px) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace { padding: 16px 0; gap: 20px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace > .private-intro { display: block; padding: 20px; border-radius: 20px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-intro h2 { font-size: 26px; margin-bottom: 10px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-intro p { font-size: 13px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-intro p br { display: none; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-links.private-link-groups { gap: 24px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link-group { gap: 10px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-group-title { font-size: 15px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-group-links { gap: 10px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-create > .private-group-links,
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-record > .private-group-links,
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-manage > .private-group-links { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link { padding: 16px; min-height: 88px; border-radius: 16px; gap: 12px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link.private-feature { grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto; min-height: 132px; gap: 14px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature .tile-icon { width: 38px; height: 38px; grid-column: 1; grid-row: 1; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature .private-link-copy { grid-column: 2; grid-row: 1; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature strong { font-size: 17px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature small { margin-top: 7px; font-size: 13px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-feature .private-action { display: none; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-record-link .tile-icon { width: 32px; height: 32px; }
}
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link,
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link * { transition: none !important; transform: none !important; }
}
html[data-motion="paused"] body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link,
html[data-motion="paused"] body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link * { transition: none !important; transform: none !important; }

/* Two colored glass actions. Bounded interaction only: no idle animation or JS. */
html body.home-glass-refresh.motion-site .hero .hero-actions > .button {
  --hero-action-ink: #321a46;
  --hero-action-from: rgb(250 167 209 / .86);
  --hero-action-middle: rgb(201 165 247 / .86);
  --hero-action-to: rgb(147 181 251 / .86);
  --hero-action-edge: rgb(255 224 249 / .88);
  --hero-action-focus: #694d94;
  --hero-action-reflection: rgb(255 255 255 / .24);
  --hero-action-beam: rgb(255 255 255 / .44);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 136px;
  min-height: 48px;
  padding: 13px 28px;
  border: 1px solid var(--hero-action-edge) !important;
  border-radius: 999px;
  color: var(--hero-action-ink) !important;
  background: linear-gradient(115deg, var(--hero-action-from), var(--hero-action-middle) 52%, var(--hero-action-to)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .65), inset 0 -1px 0 rgb(92 60 134 / .12), 0 8px 22px rgb(62 30 103 / .16) !important;
  backdrop-filter: blur(8px) saturate(1.2);
  -webkit-backdrop-filter: blur(8px) saturate(1.2);
  font-weight: 700;
  text-shadow: none;
  transform-style: flat;
  will-change: auto;
  transform: none !important;
  transition: transform .32s cubic-bezier(.16,1,.3,1), opacity .14s ease;
}
html body.home-glass-refresh.motion-site .hero .hero-actions > .button.subtle {
  --hero-action-ink: #15374c;
  --hero-action-from: rgb(148 197 248 / .82);
  --hero-action-middle: rgb(166 223 242 / .82);
  --hero-action-to: rgb(154 232 212 / .82);
  --hero-action-edge: rgb(205 244 255 / .88);
  --hero-action-focus: #266685;
  box-shadow: inset 0 1px 0 rgb(242 255 255 / .7), inset 0 -1px 0 rgb(31 102 121 / .13), 0 8px 22px rgb(17 86 109 / .13) !important;
}
html[data-theme="dark"] body.home-glass-refresh.motion-site .hero .hero-actions > .button,
html body.home-glass-refresh.motion-site:is(.yu7-selected,[data-motion-background="planet"],[data-motion-background="doorway"]) .hero .hero-actions > .button {
  --hero-action-ink: #ffffff;
  --hero-action-from: rgb(101 36 104 / .88);
  --hero-action-middle: rgb(95 46 139 / .88);
  --hero-action-to: rgb(68 57 148 / .88);
  --hero-action-edge: rgb(237 173 241 / .65);
  --hero-action-focus: #f4caff;
  --hero-action-reflection: rgb(255 255 255 / .08);
  --hero-action-beam: rgb(255 255 255 / .09);
  box-shadow: inset 0 1px 0 rgb(255 208 253 / .35), inset 0 -1px 0 rgb(190 169 255 / .14), 0 8px 22px rgb(12 5 28 / .25) !important;
}
html[data-theme="dark"] body.home-glass-refresh.motion-site .hero .hero-actions > .button.subtle,
html body.home-glass-refresh.motion-site:is(.yu7-selected,[data-motion-background="planet"],[data-motion-background="doorway"]) .hero .hero-actions > .button.subtle {
  --hero-action-from: rgb(24 70 112 / .9);
  --hero-action-middle: rgb(26 77 108 / .9);
  --hero-action-to: rgb(18 79 86 / .9);
  --hero-action-edge: rgb(142 229 242 / .6);
  --hero-action-focus: #b9f1ff;
  box-shadow: inset 0 1px 0 rgb(190 244 255 / .32), inset 0 -1px 0 rgb(112 225 219 / .12), 0 8px 22px rgb(3 29 39 / .22) !important;
}
html body.home-glass-refresh.motion-site .hero .hero-actions > .button::before,
html body.home-glass-refresh.motion-site .hero .hero-actions > .button::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  will-change: auto;
}
html body.home-glass-refresh.motion-site .hero .hero-actions > .button::before {
  background: radial-gradient(ellipse at var(--card-lx, 22%) var(--card-ly, 12%), var(--hero-action-reflection), transparent 72%);
  opacity: .65;
  transform: none;
  transition: opacity .22s ease;
}
html body.home-glass-refresh.motion-site .hero .hero-actions > .button::after {
  background: linear-gradient(110deg, transparent 25%, var(--hero-action-beam) 48%, transparent 68%);
  opacity: 0;
  transform: translate3d(-135%, 0, 0);
  animation: none;
}
html body.home-glass-refresh.motion-site .hero .hero-actions > .button:focus-visible {
  outline: 2px solid var(--hero-action-focus);
  outline-offset: 5px;
}
html body.home-glass-refresh.motion-site .hero .hero-actions > .button:active {
  border-color: var(--hero-action-focus) !important;
  box-shadow: inset 0 1px 0 var(--hero-action-edge), inset 0 0 0 1px var(--hero-action-focus) !important;
  transform: scale(.98) !important;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not([data-motion="paused"]) body.home-glass-refresh.motion-site .hero .hero-actions > .button:hover {
    transform: translate3d(0, -4px, 0) !important;
  }
  html:not([data-motion="paused"]) body.home-glass-refresh.motion-site .hero .hero-actions > .button.is-tilting {
    transform: translate3d(0, calc(-4px * var(--card-lift, 0)), 0) !important;
    transition: opacity .14s ease;
  }
  html:not([data-motion="paused"]) body.home-glass-refresh.motion-site .hero .hero-actions > .button:is(:hover,:focus-visible)::before { opacity: 1; }
  html:not([data-motion="paused"]) body.home-glass-refresh.motion-site .hero .hero-actions > .button:is(:hover,:focus-visible)::after {
    animation: nq-hero-action-sheen .7s cubic-bezier(.16,1,.3,1) 1;
  }
  html:not([data-motion="paused"]) body.home-glass-refresh.motion-site .hero .hero-actions > .button.subtle:is(:hover,:focus-visible)::after { animation-duration: .85s; }
  html:not([data-motion="paused"]) body.home-glass-refresh.motion-site .hero .hero-actions > .button:active { transform: translate3d(0, 0, 0) scale(.98) !important; }
}
@keyframes nq-hero-action-sheen {
  0% { transform: translate3d(-135%, 0, 0); opacity: 0; }
  18% { opacity: .8; }
  72% { opacity: .7; }
  100% { transform: translate3d(135%, 0, 0); opacity: 0; }
}
@media (max-width: 600px) {
  html body.home-glass-refresh.motion-site .hero .hero-actions > .button { min-width: 126px; min-height: 46px; padding: 11px 20px; }
}
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  html body.home-glass-refresh.motion-site .hero .hero-actions > .button { transform: none !important; transition: opacity .14s ease; }
  html body.home-glass-refresh.motion-site .hero .hero-actions > .button::before { transition: none; }
  html body.home-glass-refresh.motion-site .hero .hero-actions > .button::after { display: none; animation: none !important; }
}
html[data-motion="paused"] body.home-glass-refresh.motion-site .hero .hero-actions > .button { transform: none !important; transition: none; }
html[data-motion="paused"] body.home-glass-refresh.motion-site .hero .hero-actions > .button::before { transition: none; }
html[data-motion="paused"] body.home-glass-refresh.motion-site .hero .hero-actions > .button::after { display: none; animation: none !important; }
@media (forced-colors: active) {
  html body.home-glass-refresh.motion-site .hero .hero-actions > .button { color: ButtonText !important; background: ButtonFace !important; border-color: ButtonText !important; box-shadow: none !important; }
  html body.home-glass-refresh.motion-site .hero .hero-actions > .button::before,
  html body.home-glass-refresh.motion-site .hero .hero-actions > .button::after { display: none; }
}

/* header-tint-20261013: a light tint and the original fine edge for the collapsed bar. */
@media (forced-colors: none) {
  html[data-theme] body.motion-site.ambient-page.home-glass-refresh:not(.yu7-selected) .shell > header.header.is-scrolled {
    background: rgba(248, 250, 255, .24) !important;
    border-color: var(--entry-nav-edge) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme='dark'] body.motion-site.ambient-page.home-glass-refresh:not(.yu7-selected) .shell > header.header.is-scrolled {
    background: rgba(17, 24, 39, .3) !important;
  }

  html[data-theme] body.motion-site.ambient-page.home-glass-refresh:not(.yu7-selected) .shell > header.header.is-scrolled::before,
  html[data-theme] body.motion-site.ambient-page.home-glass-refresh:not(.yu7-selected) .shell > header.header.is-scrolled::after {
    content: none !important;
    display: none !important;
  }
}

/* fullwidth-20261013-1 */
/* Wide-screen composition: one edge rhythm, with readable islands inside. */
@media (min-width: 1100px) {
  html body.motion-site.home-glass-refresh {
    --home-page-gutter: clamp(20px, 2.5vw, 64px);
  }
  html body.motion-site.home-glass-refresh > .shell {
    width: 100%;
    max-width: none;
    padding-inline: var(--home-page-gutter);
  }
  html body.motion-site.home-glass-refresh .entry-gallery .card-grid {
    gap: clamp(20px, 1.25vw, 32px);
  }
  html body.motion-site.home-glass-refresh .entry-gallery .destination:not(.entry-feature) {
    padding: clamp(24px, 1.7vw, 42px);
  }
  html body.motion-site.home-glass-refresh .entry-gallery .destination > p:not(.card-kicker) {
    max-width: 32em;
  }
  html body.motion-site.home-glass-refresh .entry-gallery .entry-feature .feature-copy {
    padding: clamp(26px, 2vw, 48px);
  }
  html body.motion-site.home-glass-refresh .entry-gallery .feature-copy > p {
    max-width: 30em;
  }
  html body.motion-site.home-glass-refresh .entry-gallery .feature-copy h3 {
    font-size: clamp(22px, 1.4vw, 32px);
  }
  html body.motion-site.home-glass-refresh .character-studio .character-copy {
    width: 49%;
    max-width: 960px;
    padding-left: clamp(40px, 4.5vw, 112px);
  }
  html body.motion-site.home-glass-refresh .character-studio .character-copy h2 {
    font-size: clamp(46px, 3.5vw, 80px);
  }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-links.private-link-groups {
    gap: clamp(24px, 1.5vw, 40px);
  }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link small {
    max-width: 48em;
  }
}
@media (min-width: 1700px) {
  html body.motion-site.home-glass-refresh .entry-gallery .destination > p:not(.card-kicker),
  html body.motion-site.home-glass-refresh .entry-gallery .feature-copy > p {
    font-size: 16px;
    line-height: 1.8;
  }
  html body.motion-site.home-glass-refresh .entry-gallery .card-cta {
    font-size: 14px;
  }
  html body.motion-site.home-glass-refresh .entry-gallery .entry-cover {
    min-height: 330px;
  }
  html body.motion-site.home-glass-refresh .entry-gallery .destination:not(.entry-feature) h3 {
    font-size: clamp(26px, 1.6vw, 36px);
  }
  html body.motion-site.home-glass-refresh .character-studio {
    min-height: 820px;
  }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace .private-link {
    padding: 26px;
  }
}

/* private-unified-20261013-1: one shared glass tray; only the active link lifts. */
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified {
  --tray-active: linear-gradient(145deg,rgb(255 255 255 / .7),rgb(228 244 255 / .56) 55%,rgb(242 231 255 / .64));
  --tray-shadow: 0 18px 36px -15px rgb(47 61 101 / .3),inset 0 1px 0 rgb(255 255 255 / .8);
  display: block;
  padding: clamp(22px,2.4vw,48px);
  margin-block: 28px 20px;
  border: 1px solid var(--nq-glass-edge) !important;
  border-radius: 32px;
  background: var(--nq-glass-surface) !important;
  box-shadow: var(--nq-glass-shadow) !important;
  backdrop-filter: blur(6px) saturate(1.08);
  -webkit-backdrop-filter: blur(6px) saturate(1.08);
  isolation: isolate;
}
html[data-theme='dark'] body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified,
html body.motion-site.home-glass-refresh:is([data-motion-background='planet'],[data-motion-background='doorway']) #private.private-circuit.private-workspace.private-unified {
  --tray-active: linear-gradient(140deg,rgb(95 126 156 / .46),rgb(36 57 81 / .76) 55%,rgb(82 65 117 / .6));
  --tray-shadow: 0 20px 38px -16px rgb(0 0 0 / .48),inset 0 1px 0 rgb(227 247 255 / .32);
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified > .private-intro {
  align-items: center;
  padding: 2px 10px 26px;
  margin-bottom: 12px;
  border: 0;
  border-bottom: 1px solid var(--nq-glass-rule);
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-links.private-link-groups {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified :is(.private-link-group,.private-group-links) { display: contents; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-group-title {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link {
  --tray-tint: 119 151 229;
  --tray-enter: cubic-bezier(.22,1.38,.36,1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  min-width: 0;
  min-height: 228px;
  height: auto;
  gap: 18px;
  padding: 24px;
  border: 1px solid transparent !important;
  border-radius: 24px;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none !important;
  overflow: visible;
  transform-origin: 50% 65%;
  transition: transform .28s cubic-bezier(.2,.75,.25,1);
  z-index: 1;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-record .private-link { --tray-tint: 184 130 186; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-manage .private-link { --tray-tint: 91 186 181; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link::before {
  background: radial-gradient(ellipse at 15% 0,rgb(var(--tray-tint) / .18),transparent 65%),var(--tray-active);
  border: 1px solid var(--nq-glass-edge);
  border-radius: inherit;
  box-shadow: var(--tray-shadow);
  opacity: 0;
  transition: opacity .2s ease;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link .tile-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  margin: 0;
  border: 1px solid rgb(var(--tray-tint) / .2);
  border-radius: 18px;
  background: linear-gradient(145deg,rgb(var(--tray-tint) / .22),rgb(var(--tray-tint) / .06));
  box-shadow: inset 0 1px 0 var(--nq-glass-reflection);
  transform: none;
  transition: transform .28s cubic-bezier(.2,.75,.25,1);
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .tile-icon .icon { width: 28px; height: 28px; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link strong { font-size: clamp(16px,1.05vw,21px); line-height: 1.45; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link small { margin-top: 10px; font-size: clamp(13px,.8vw,15px); line-height: 1.65; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-category { position: absolute; top: 44px; left: 94px; color: var(--private-muted); font-size: 12px; letter-spacing: .04em; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-action { display: none; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link:focus-visible {
  outline: 2px solid var(--private-accent);
  outline-offset: 2px;
  z-index: 3;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link:focus-visible::before { opacity: 1; }
@media (hover:hover) and (pointer:fine) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link:hover {
    z-index: 3;
  }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link:hover::before { opacity: 1; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  /* One interruptible spring: the old pointer tilt must not own this transform. */
  html:not([data-motion='paused']) body.motion-site.home-glass-refresh:not(:has(#motion-pause:checked)) #private.private-circuit.private-workspace.private-unified .private-link:is(:hover,:focus-visible) {
    transform: translateY(-10px) scale(1.06) !important;
    transition: transform .52s var(--tray-enter);
  }
  html:not([data-motion='paused']) body.motion-site.home-glass-refresh:not(:has(#motion-pause:checked)) #private.private-circuit.private-workspace.private-unified .private-link:is(:hover,:focus-visible) .tile-icon {
    transform: translateY(-3px) scale(1.055);
    transition: transform .55s var(--tray-enter);
  }
}
/* Match the site's real freeze switch as well as reduced-motion and touch. */
html body.motion-site.home-glass-refresh:has(#motion-pause:checked) #private.private-circuit.private-workspace.private-unified .private-link,
html body.motion-site.home-glass-refresh:has(#motion-pause:checked) #private.private-circuit.private-workspace.private-unified .tile-icon {
  transform: none !important;
  transition: none !important;
}
html body.motion-site.home-glass-refresh:has(#motion-pause:checked) #private.private-circuit.private-workspace.private-unified .private-link::before {
  transition: none !important;
}
@media (prefers-reduced-motion:reduce), (hover:none), (pointer:coarse) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link::before { transition: none !important; }
}
@media (hover:none), (pointer:coarse) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link:active::before { opacity: 1; }
}
@media (max-width:1199px) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-links.private-link-groups { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link { min-height: 195px; padding: 22px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-category { left: 92px; top: 42px; }
}
@media (max-width:600px) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified { padding: 18px 10px 12px; border-radius: 26px; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified > .private-intro { display: block; padding: 4px 10px 18px; margin-bottom: 6px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-intro h2 { font-size: 26px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-intro p { margin-top: 10px; font-size: 12px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-links.private-link-groups { gap: 4px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link { min-height: 210px; padding: 16px 10px; gap: 12px; border-radius: 18px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link .tile-icon { width: 44px; height: 44px; flex-basis: 44px; border-radius: 14px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .tile-icon .icon { width: 24px; height: 24px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link strong { font-size: 15px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link small { margin-top: 8px; font-size: 12px; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-category { left: 62px; top: 31px; font-size: 10px; letter-spacing: 0; }
}
@media (max-width:359px) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-links.private-link-groups { grid-template-columns: 1fr; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link { min-height: 150px; }
}
@media (forced-colors:active) {
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link { border-color: ButtonText !important; }
  html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-link:is(:hover,:focus-visible) { outline: 2px solid Highlight; }
}

/* One shared left text edge for the portrait copy, hint and angle controls. */
html body.home-glass-refresh #character-studio {
  --character-text-inset:clamp(30px,4vw,60px);
}

html body.home-glass-refresh #character-studio .character-copy {
  padding-left:var(--character-text-inset);
}

html body.home-glass-refresh #character-studio .character-bottomline {
  left:var(--character-text-inset);
  margin-left:0;
}

@media (min-width:1100px) {
  html body.home-glass-refresh #character-studio {
    --character-text-inset:clamp(40px,4.5vw,112px);
  }
}

@media (max-width:900px) {
  html body.home-glass-refresh #character-studio {
    --character-text-inset:28px;
  }
}

@media (max-width:640px) {
  html body.home-glass-refresh #character-studio {
    --character-text-inset:24px;
  }

  /* Mobile uses normal flow, so its shared inset belongs to margin, not left. */
  html body.home-glass-refresh #character-studio .character-bottomline {
    left:auto;
    margin-left:var(--character-text-inset);
  }
}

@media (max-width:650px) {
  html body.home-glass-refresh:not(.yu7-selected) #character-studio {
    --character-text-inset:18px;
  }
}

/* typography-home-20261013-1: color belongs to display type and wayfinding.
   Existing text-effects owns reveal/flip; this adds no DOM or transform loop. */
body.home-glass-refresh {
  --nq-type-a:#286997; --nq-type-b:#65519b; --nq-type-c:#a04478;
  --nq-type-heading:#294d70;
  --nq-type-create:#405d9a; --nq-type-record:#85456e; --nq-type-device:#276a68;
}
html[data-theme='dark'] body.home-glass-refresh,
body.home-glass-refresh.yu7-selected {
  --nq-type-a:#a8e4ff; --nq-type-b:#c6bdff; --nq-type-c:#f5bedb;
  --nq-type-heading:#e2e9ff;
  --nq-type-create:#a7c6ff; --nq-type-record:#edb9d7; --nq-type-device:#a2e0d8;
}
body.home-glass-refresh:is([data-motion-background='planet'],[data-motion-background='doorway']) {
  --nq-type-heading:#e2edff;
  --nq-type-create:#b2d4ff; --nq-type-record:#f0bfdc; --nq-type-device:#aae6df;
}
body.home-glass-refresh:is([data-motion-background='planet'],[data-motion-background='doorway']) {
  --nq-type-a:#a8e4ff; --nq-type-b:#c6bdff; --nq-type-c:#f5bedb;
}
html body.home-glass-refresh #welcome .headline-accent {
  color:var(--nq-type-b);
  letter-spacing:-.025em;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  html body.home-glass-refresh #welcome .headline-accent {
    background-image:linear-gradient(105deg,var(--nq-type-a),var(--nq-type-b) 36%,var(--nq-type-c) 62%,var(--nq-type-a));
    background-size:210% 100%; background-position:0% 50%;
    background-clip:text; -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }
}
html body.home-glass-refresh #character-studio #character-title,
html body.home-glass-refresh #private.private-unified #private-title {
  color:var(--nq-type-heading) !important;
}
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-create .private-category { color:var(--nq-type-create); font-weight:650; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-record .private-category { color:var(--nq-type-record); font-weight:650; }
html body.motion-site.home-glass-refresh #private.private-circuit.private-workspace.private-unified .private-manage .private-category { color:var(--nq-type-device); font-weight:650; }
/* Preserve the existing header indicator and the two colored CTA surfaces. */
body.home-glass-refresh:not(.yu7-selected) .header-nav > a {
  text-decoration-line:underline; text-decoration-color:transparent;
  text-decoration-thickness:1px; text-underline-offset:.3em;
}
body.home-glass-refresh:not(.yu7-selected) .header-nav > a:focus-visible { text-decoration-color:currentColor; }
@media (hover:hover) and (pointer:fine) {
  body.home-glass-refresh:not(.yu7-selected) .header-nav > a:hover { text-decoration-color:currentColor; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html:not([data-motion='paused']) body.home-glass-refresh:not(:has(#motion-pause:checked)) #welcome .headline-accent { transition:background-position 850ms cubic-bezier(.16,1,.3,1); }
  html:not([data-motion='paused']) body.home-glass-refresh:not(:has(#motion-pause:checked)) .hero-copy:is(:hover,:focus-within) #welcome .headline-accent { background-position:100% 50%; }
  html:not([data-motion='paused']) body.home-glass-refresh:not(.yu7-selected):not(:has(#motion-pause:checked)) .header-nav > a { transition:text-decoration-color 180ms ease; }
}
@media (forced-colors:active) {
  html body.home-glass-refresh #welcome .headline-accent { background:none; -webkit-text-fill-color:CanvasText; color:CanvasText; }
  html body.home-glass-refresh #character-studio #character-title,
  html body.home-glass-refresh #private.private-unified #private-title,
  html body.home-glass-refresh #private.private-unified .private-category { color:CanvasText !important; }
}