/* Prime Precision, 2026-10-08. Compact instruments and restrained studio polish. */
html body.prime-v2 #main :is(h2,h3){text-wrap:balance}
html body.prime-v2 #main .eyebrow{letter-spacing:.16em}
html body.prime-v2 #main :is(.button,.prime-price-tab){border-radius:.65rem;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
html body.prime-v2 #main :is(button,a,input,select,textarea):focus-visible{outline:2px solid #8de9f4!important;outline-offset:4px!important}
html body.prime-v2 #main .section-id{opacity:.8}
html body.prime-v2 #main :is(#music,#video){--instrument-edge:rgba(166,212,226,.3);--instrument-ink:#e5f4fa}
html body.prime-v2 #main #music>.children03-surface{
 width:min(100%,52rem)!important;max-width:52rem!important;margin-inline:auto!important;
 grid-template-rows:auto auto!important;align-content:center!important;gap:1.2rem!important;
 padding:1rem!important;
}
html body.prime-v2 #main #music>.children03-surface>.music-copy{
 width:100%!important;max-width:none!important;display:flex!important;align-items:center!important;
 flex-wrap:wrap!important;gap:.65rem 1.25rem!important;padding:.4rem .15rem!important;
 border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.prime-v2 #main #music .music-copy .eyebrow{display:none!important}
html body.prime-v2 #main #music .music-copy h2{font-size:clamp(1.2rem,2vw,1.75rem)!important;line-height:1.15!important;letter-spacing:-.035em!important}
html body.prime-v2 #main #music .music-copy h2 br{display:none}
html body.prime-v2 #main #music .music-copy .prime-price-cluster{margin-left:auto!important}
html body.prime-v2 #main #music [data-resonance-player]{
 width:100%!important;max-width:50rem!important;height:21rem!important;min-height:0!important;max-height:21rem!important;
 grid-template-columns:10.5rem minmax(0,1fr) 9rem!important;
 grid-template-rows:2rem auto minmax(4.6rem,1fr) 3.2rem 2.75rem!important;
 grid-template-areas:"art identity meter" "art meta meter" "art transport meter" "progress progress progress" "track track volume"!important;
 gap:.45rem .9rem!important;padding:1.1rem!important;
 border:1px solid var(--instrument-edge)!important;border-radius:1.15rem!important;
 background:linear-gradient(155deg,#27343f 0%,#111b25 12%,#070e17 65%,#182733 100%)!important;
 box-shadow:inset 0 1px 0 #b5cbd34d,inset 0 -5px 0 #0008,0 20px 48px #0007,0 0 0 5px #03081080!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.prime-v2 #main #music [data-resonance-player]::before{
 inset:0!important;opacity:.6!important;background:linear-gradient(90deg,transparent,#b6edff,transparent) 50% 0/72% 1px no-repeat!important;
}
html body.prime-v2 #main #music [data-resonance-player]::after{opacity:.12!important}
html body.prime-v2 #main #music .resonance-album-window{
 border-radius:.5rem!important;border-color:#a0c5d32e!important;box-shadow:0 0 0 4px #03080e,inset 0 0 16px #000!important;
}
html body.prime-v2 #main #music .resonance-album-window::after{content:"PRIME / SONIC ARCHIVE"!important;font-size:.5rem!important;letter-spacing:.12em!important}
html body.prime-v2 #main #music .resonance-slim-source{align-self:center!important}
html body.prime-v2 #main #music .resonance-slim-source::before{color:#8de9f4!important}
html body.prime-v2 #main #music .resonance-slim-source span::after{content:""!important}
html body.prime-v2 #main #music .resonance-slim-meta strong{font-size:clamp(1.15rem,2vw,1.65rem)!important;line-height:1.12!important;font-weight:550!important}
html body.prime-v2 #main #music .resonance-slim-meta::before{content:"NOW PLAYING"!important;color:#94b7c3!important;font-size:.55rem!important}
html body.prime-v2 #main #music .resonance-slim-meta::after{display:none!important}
html body.prime-v2 #main #music .resonance-slim-meta small{font-size:.75rem!important;color:#9fb8c7!important}
html body.prime-v2 #main #music .resonance-slim-controls{min-height:4.6rem!important;gap:1rem!important}
html body.prime-v2 #main #music .resonance-slim-controls::before{width:5.3rem!important;box-shadow:none!important;border-color:#a3e2ef24!important}
html body.prime-v2 #main #music .resonance-slim-controls::after{display:none!important}
html body.prime-v2 #main #music .resonance-slim-controls button{
 border-radius:50%!important;background:linear-gradient(145deg,#334652,#0a131d)!important;border-color:#a4c8d344!important;
 box-shadow:inset 0 1px #ffffff30,0 3px 7px #0008!important;
}
html body.prime-v2 #main #music .resonance-slim-controls .resonance-slim-play{
 width:3.6rem!important;height:3.6rem!important;min-width:3.6rem!important;min-height:3.6rem!important;
 color:#c8faff!important;background:radial-gradient(circle at 40% 20%,#405c69,#102430 65%)!important;
 border:1px solid #a3efff!important;box-shadow:0 0 0 4px #030b13,0 0 18px #69d6e32b,inset 0 1px #fff6!important;
}
html body.prime-v2 #main #music .resonance-slim-controls .resonance-slim-play::after{display:none!important}
html body.prime-v2 #main #music .resonance-stereo-db-meter{
 border-radius:.5rem!important;border-color:#a0c5d32e!important;
 background:#030b13!important;box-shadow:inset 0 3px 12px #000,0 1px #ffffff18!important;
}
html body.prime-v2 #main #music .resonance-slim-progress{background:#030b13!important;border-radius:.4rem!important;border-color:#a0c5d324!important;box-shadow:inset 0 2px 5px #000!important}
html body.prime-v2 #main #music .resonance-slim-track{width:100%!important;border-radius:.45rem!important;justify-self:stretch!important}
html body.prime-v2 #main #music .resonance-slim-volume{grid-area:volume!important;position:relative!important;inset:auto!important;grid-template-columns:auto minmax(0,1fr) auto!important;width:100%!important}
html body.prime-v2 #main #music .resonance-slim-state{display:none!important}
html body.prime-v2 #main #video .pc-video-shell{
 width:min(100%,50rem)!important;max-width:50rem!important;height:min(33rem,74vh)!important;
 min-height:0!important;max-height:100%!important;
 grid-template-rows:minmax(0,1fr) auto auto auto auto auto!important;
 padding:.65rem!important;border:1px solid #a6d4e64d!important;border-radius:1.15rem!important;
 background:linear-gradient(155deg,#283a46,#0a131c 32%,#070e16 75%,#22333e)!important;
 box-shadow:inset 0 1px #d0e8f54d,inset 0 -4px #0009,0 20px 48px #0008,0 0 0 5px #03081080!important;
}
html body.prime-v2 #main #video .pc-video-screen{
 border:1px solid #9abdc633!important;border-radius:.55rem!important;
 box-shadow:0 0 0 3px #020609,inset 0 0 20px #000!important;
}
html body.prime-v2 #main #video .pc-video-screen:fullscreen{border-radius:0!important;padding:0!important}
html body.prime-v2 #main #video .pc-video-meta{padding:.7rem .6rem .35rem!important}
html body.prime-v2 #main #video .pc-video-meta h3{font-size:1rem!important;letter-spacing:-.025em!important}
html body.prime-v2 #main #video .pc-video-meta span{color:#95bac9!important;letter-spacing:.12em!important}
html body.prime-v2 #main #video .pc-video-controls{padding:.4rem .6rem .6rem!important;gap:.5rem!important}
html body.prime-v2 #main #video .pc-video-controls button{
 min-height:2.75rem!important;border-radius:.55rem!important;border-color:#a4c8d344!important;
 background:linear-gradient(150deg,#314451,#111e29)!important;box-shadow:inset 0 1px #ffffff24,0 3px 6px #0006!important;
}
html body.prime-v2 #main #video .pc-video-controls .pc-video-play{border-color:#a3efff!important;color:#c8faff!important;box-shadow:inset 0 1px #ffffff33,0 0 16px #69d6e31f!important}
html body.prime-v2 #main #video .pc-video-item{border-radius:.45rem!important;background:#061019!important}
html body.prime-v2 #main #video .pc-video-item.active{border-color:#83d9e9!important;background:#142b38!important;box-shadow:inset 3px 0 #8de9f4!important}
html body.prime-v2 #main #video .pc-video-status{font-size:.55rem!important;letter-spacing:.09em!important;color:#a3bbc7!important}
@media (max-width:680px){
 html body.prime-v2 #main #music>.children03-surface{padding:.75rem!important;gap:.75rem!important}
 html body.prime-v2 #main #music .music-copy h2{font-size:1.15rem!important}
 html body.prime-v2 #main #music .music-copy .section-id{display:none!important}
 html body.prime-v2 #main #music [data-resonance-player]{
 height:min(31rem,65svh)!important;max-height:31rem!important;min-height:24rem!important;
 grid-template-columns:minmax(0,1fr) 6rem!important;
 grid-template-rows:minmax(7rem,1fr) 1.8rem auto 4.6rem 3rem 2.75rem!important;
 grid-template-areas:"art art" "identity meter" "meta meter" "transport meter" "progress progress" "track track"!important;
 padding:.7rem!important;gap:.4rem .65rem!important;
 }
 html body.prime-v2 #main #music .resonance-album-window img{object-fit:contain!important}
 html body.prime-v2 #main #music .resonance-slim-volume{display:none!important}
 html body.prime-v2 #main #video .pc-video-shell{height:min(29rem,66svh)!important;padding:.5rem!important;border-radius:.9rem!important}
 html body.prime-v2 #main #video .pc-video-controls{gap:.35rem!important}
}
@media (max-height:600px) and (orientation:landscape){
 html body.prime-v2 #main #music>.children03-surface{grid-template-rows:0 minmax(0,1fr)!important;gap:0!important;padding:.5rem!important}
 html body.prime-v2 #main #music [data-resonance-player]{height:100%!important;max-height:100%!important;min-height:0!important;grid-template-columns:8rem minmax(0,1fr) 7rem!important;grid-template-rows:1.4rem auto minmax(3rem,1fr) 2.75rem!important;grid-template-areas:"art identity meter" "art meta meter" "art transport meter" "progress progress progress"!important;padding:.55rem!important}
 html body.prime-v2 #main #music :is(.resonance-slim-track,.resonance-slim-volume){display:none!important}
 html body.prime-v2 #main #video .pc-video-shell{height:100%!important;max-height:100%!important;max-width:46rem!important}
}
@media(prefers-reduced-motion:reduce){
 html body.prime-v2 #main :is(.button,.prime-price-tab){transition:none!important}
}

html body.prime-v2 #main #video .pc-video-controls{grid-template-columns:2.75rem 3.5rem 2.75rem 2.75rem minmax(3rem,1fr) 2.75rem!important}
html body.prime-v2 #main #video .pc-video-volume{width:100%!important;max-width:10rem!important;justify-self:end!important}
html body.prime-v2 #main #video .pc-video-progress{accent-color:#8de9f4!important}
@media(max-width:900px){html body.prime-v2 #main #video .pc-video-controls{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* Keep typography and analyser inside their compact grid tracks. */
html body.prime-v2 #main #music .music-copy h2{flex:1 1 18rem!important;width:auto!important;max-width:none!important}
html body.prime-v2 #main #music .music-copy h2 br{display:initial!important}
html body.prime-v2 #main #music .resonance-stereo-db-meter{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
@media(max-width:680px){html body.prime-v2 #main #music .music-copy h2{flex:1 1 10rem!important}}

/* FUTURE / PRIME: shared visual language for all ten pages and controls. */
html body.prime-v2{
 --future-line:#86dce653;--future-cyan:#a5f4ff;--future-panel:#0b1722;
 --future-key:linear-gradient(135deg,#a0e5ef 0 1px,transparent 1px) top left/12px 12px no-repeat,linear-gradient(315deg,#79c9dc 0 1px,transparent 1px) bottom right/12px 12px no-repeat,linear-gradient(112deg,#1f394b,#0a1623 48%,#152838);
}
html body.prime-v2 #main .app-window:not(#top){
 background-color:#040b13!important;
 background-image:radial-gradient(ellipse at 12% 18%,#17425228,transparent 46%),radial-gradient(ellipse at 88% 75%,#29346520,transparent 44%)!important;
}
html body.prime-v2 #main :is(.section-heading,.music-copy,.sprite-copy,.pc-book-copy,.studio-copy) h2,
html body.prime-v2 #main :is(#intro,#process,#contact) h2{
 font-family:Arial,Helvetica,system-ui,sans-serif!important;font-weight:550!important;letter-spacing:-.045em!important;
 text-shadow:0 1px 0 #ffffff12!important;
}
html body.prime-v2 #main h2 em{font-family:inherit!important;font-style:normal!important;font-weight:350!important;color:#a0d7e4!important}
html body.prime-v2 #main .eyebrow{color:#80a9bd!important;font-family:ui-monospace,monospace!important;letter-spacing:.2em!important}
html body.prime-v2 #main .section-id b{color:#b7f5ff!important;letter-spacing:.16em!important}
html body.prime-v2 #main .section-id i{background:linear-gradient(90deg,#94eeff,transparent)!important;height:1px!important}
html body.prime-v2 #main :is(.service-card,.studio-console,.studio-shot,#projectForm,.pc-book-layout,.sprite-launch-gate){
 border:1px solid #8dc7dd35!important;border-radius:.25rem 1.35rem .25rem 1.35rem!important;
 background:linear-gradient(135deg,#1e354348,#060e18dd 40%,#10202ed9)!important;
 box-shadow:inset 0 1px #d1f2ff20,inset 0 -1px #000b,0 14px 35px #0004!important;
}
html body.prime-v2 #main :is(.studio-capabilities span,.chips span){
 border-color:#86dce638!important;border-radius:2px 9px 2px 9px!important;
 background:linear-gradient(110deg,#203d4d70,#07131e90)!important;color:#c7dce6!important;
}
html body.prime-v2 #main #process li{
 border-color:#8ed8e543!important;
 background:linear-gradient(130deg,#24445630,transparent 65%)!important;
}
html body.prime-v2 #main #process li>b{color:#b0f6ff!important;font-family:ui-monospace,monospace!important;letter-spacing:.18em!important}
html body.prime-v2 #main :is(input:not([type="range"]):not([type="checkbox"]),textarea,select){
 border:1px solid #83bbcf4d!important;border-radius:2px 10px 2px 10px!important;
 background-color:#050e19!important;color:#dcedf5!important;box-shadow:inset 0 3px 12px #0006!important;
}
html body.prime-v2 #main :is(input,textarea,select):focus{border-color:#b5f6ff!important;box-shadow:inset 0 0 0 1px #6ecadd3d,0 0 18px #78d7ef15!important}
/* Engineered keys. Preserve geometry and accessible labels. */
html body.prime-v2 :is(button,.button,a[role="button"],.prime-price-tab){
 border:1px solid var(--future-line)!important;
 border-radius:2px 12px 2px 12px!important;
 background:var(--future-key)!important;
 color:#e5f6ff!important;
 box-shadow:inset 0 1px #d1efff2b,inset 0 -3px #010810a6,0 3px 9px #0005!important;
 text-shadow:0 0 10px #91e4ff26!important;
 transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
html body.prime-v2 :is(button,.button,a[role="button"]):focus-visible{
 outline:2px solid #b4f5ff!important;outline-offset:3px!important;
 box-shadow:inset 0 0 0 1px #a6f3ff,0 0 20px #8adeff35!important;
}
html body.prime-v2 :is(button,.button):disabled{opacity:.4!important;box-shadow:none!important}
@media(hover:hover){
 html body.prime-v2 :is(button,.button,a[role="button"]):not(:disabled):hover{
 border-color:#b5f6ff!important;box-shadow:inset 0 1px #fff5,inset 0 -3px #010810a6,0 0 18px #5be5ff29!important;
 }
}
html body.prime-v2 :is(button,.button)[aria-pressed="true"]{
 border-color:#aaf3ff!important;color:#d1fcff!important;box-shadow:inset 3px 0 #aaf3ff,inset 0 1px #fff3,0 0 17px #7bdded22!important;
}
/* Segmented navigation chassis, with a visible selected station. */
html body.prime-v2 #primeCommandDeck{
 border-radius:4px 20px 4px 20px!important;border-color:#8ed9ef66!important;
 background:linear-gradient(175deg,#263c4c,#07131f 40%,#102432)!important;
 box-shadow:inset 0 1px #def8ff55,inset 0 -3px #0009,0 10px 30px #0009!important;
}
html body.prime-v2 #primeCommandDeck::before{
 animation:none!important;opacity:.65!important;
 background:linear-gradient(90deg,transparent,#a5f4ff,transparent) top/85% 1px no-repeat!important;filter:none!important;
}
html body.prime-v2 #primeCommandDeck::after{background:linear-gradient(180deg,#b8ecff14,transparent 40%)!important;opacity:1!important;backdrop-filter:none!important}
html body.prime-v2 #primeCommandDeck>.prime-deck-bubble-loop{display:none!important}
html body.prime-v2 #primeCommandDeck button{
 border:1px solid #8ac1d32b!important;border-radius:2px 9px 2px 9px!important;
 background:linear-gradient(125deg,#29465770,#071420b0)!important;
 box-shadow:inset 0 1px #d8f4ff14,inset 0 -2px #0006!important;
}
html body.prime-v2 #primeCommandDeck .prime-deck-pages>button:is([data-active],[aria-current="page"]){
 animation:none!important;transform:none!important;border-color:#a5f4ff!important;
 background:linear-gradient(125deg,#28647a,#0c263b)!important;
 box-shadow:inset 0 -2px #a5f4ff,0 0 14px #65d7ff25!important;
}
html body.prime-v2 #primeCommandDeck .prime-deck-pages>button:is([data-active],[aria-current="page"]) :is(b,span){animation:none!important;color:#ddfbff!important}
html body.prime-v2 #primeCommandDeck .prime-deck-pages>button::before{animation:none!important}
html body.prime-v2 #primeCommandDeck button b{font-family:ui-monospace,monospace!important;letter-spacing:.14em!important}
/* Transport keys with custom vector iconography, no emoji. */
html body.prime-v2 #main #music .resonance-slim-controls button,
html body.prime-v2 #main #video .pc-video-controls button{
 position:relative!important;border-radius:2px 12px 2px 12px!important;background:var(--future-key)!important;
 border-color:#86dce666!important;font-size:0!important;display:grid!important;place-items:center!important;
 box-shadow:inset 0 1px #e8faff4d,inset 0 -3px #010810,0 4px 12px #0008!important;
}
html body.prime-v2 #main #music .resonance-slim-controls .resonance-slim-play{
 border-radius:12px 2px 12px 2px!important;background:linear-gradient(135deg,#2d6577,#0b2338)!important;
 box-shadow:inset 0 0 0 3px #06121c,inset 0 0 0 4px #a4efff55,0 0 18px #61d4ee30!important;
}
html body.prime-v2 #main #video .pc-video-play{background:linear-gradient(135deg,#2d6577,#0b2338)!important}
html body.prime-v2 #main #music .resonance-slim-controls button::before,
html body.prime-v2 #main #video .pc-video-controls button::before{
 content:""!important;display:block!important;position:static!important;width:22px!important;height:22px!important;
 background:#c8f7ff!important;mask:var(--transport-icon) center/contain no-repeat!important;
 -webkit-mask:var(--transport-icon) center/contain no-repeat!important;
 transform:none!important;box-shadow:none!important;border:0!important;
}
html body.prime-v2 #main [data-res-prev],html body.prime-v2 #main #pcVideoPrev{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M5%204v16M19%205%208%2012l11%207Z%22%2F%3E%3C%2Fsvg%3E")}
html body.prime-v2 #main [data-res-next],html body.prime-v2 #main #pcVideoNext{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M19%204v16M5%205l11%207-11%207Z%22%2F%3E%3C%2Fsvg%3E")}
html body.prime-v2 #main [data-res-play],html body.prime-v2 #main #pcVideoPlay{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M7%204%2020%2012%207%2020Z%22%2F%3E%3Cpath%20d%3D%22M3%207v10%22%2F%3E%3C%2Fsvg%3E")}
html body.prime-v2 #main [data-res-play][aria-pressed="true"],html body.prime-v2 #main #pcVideoPlay[aria-label="Pause video"]{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M6%204h3v16H6zM15%204h3v16h-3z%22%2F%3E%3C%2Fsvg%3E")}
html body.prime-v2 #main #pcVideoMute{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M3%209h4l5-5v16l-5-5H3zM16%208l3%204-3%204M19%205l4%207-4%207%22%2F%3E%3C%2Fsvg%3E")}
html body.prime-v2 #main #pcVideoMute[aria-pressed="true"]{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M3%209h4l5-5v16l-5-5H3zM16%208l6%208M22%208l-6%208%22%2F%3E%3C%2Fsvg%3E")}
html body.prime-v2 #main #pcVideoFullscreen{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M3%209V3h6M15%203h6v6M21%2015v6h-6M9%2021H3v-6M8%208h8v8H8z%22%2F%3E%3C%2Fsvg%3E")}
html body.prime-v2 #main #music .resonance-slim-controls::before{border-radius:8px!important;transform:translate(-50%,-50%) rotate(45deg)!important;width:4.9rem!important;border-color:#8ed9e52b!important}
html body.prime-v2 #main :is(#music,#video) input[type="range"]{accent-color:#a5f4ff!important}
html body.prime-v2 #main #music :is(.resonance-slim-progress,.resonance-slim-volume) input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#5488a4,#b6f5ff)!important}
html body.prime-v2 #main #video .pc-video-item{border-radius:2px 12px 2px 12px!important}
@media(prefers-reduced-motion:reduce){
 html body.prime-v2 :is(button,.button,a[role="button"]){transition:none!important}
}

/* PRIME MACHINE MATERIALS / 2026-10-08
   Paint-only finish. No geometry, transforms, media, icons or event changes.
   Existing spatial lighting coordinates supply one shared illumination source. */
html body.prime-v2{
 --machine-metal:linear-gradient(118deg,#35414b 0%,#111b23 22%,#070c11 48%,#28343e 74%,#101820 100%);
 --machine-glass:linear-gradient(118deg,#e3f5ff16 0%,#d4edff04 28%,transparent 29% 70%,#bcecff0a 71%,transparent 100%),linear-gradient(180deg,#10232cd9,#040b13ef);
 --machine-edge:#bbd9e65c;
 --machine-reflection:radial-gradient(ellipse at var(--pc-spatial-light-x,28%) var(--pc-spatial-light-y,12%),#d8efff24,transparent 58%);
 --future-key:linear-gradient(180deg,#c9e4f044 0%,#7c9eac1c 3%,transparent 5% 45%,#0006 49%,#e2f5ff0c 52%,transparent 95%,#000a),linear-gradient(125deg,#364955,#0a151f 48%,#213541);
 --machine-bevel:inset 0 1px 0 #f0fbff70,inset 1px 0 0 #e4f4ff20,inset -1px 0 0 #02080dc9,inset 0 -2px 0 #000b,0 8px 22px #0006;
}
html body.prime-v2 #main .app-window:not(#top){
 background-image:
 linear-gradient(90deg,#0009 0 2px,#a9c4d830 3px,transparent 5px calc(100% - 5px),#9cbfd02b calc(100% - 3px),#0009 calc(100% - 2px)),
 linear-gradient(180deg,#c7e7f523 0 1px,transparent 2px calc(100% - 3px),#bfefff19 calc(100% - 2px),#0009 100%),
 radial-gradient(ellipse at 15% 0%,#4c6c8038,transparent 55%),
 linear-gradient(115deg,#111c26,#03090e 47%,#111b24)!important;
}
html body.prime-v2 #main :is(.service-card,.studio-console,.studio-shot,#projectForm,.pc-book-layout,.sprite-launch-gate,.process-panel,.page04-gallery-panel),
html body.prime-v2 .prime-storefront-shell{
 border-color:var(--machine-edge)!important;
 background:var(--machine-reflection),var(--machine-glass)!important;
 box-shadow:var(--machine-bevel),inset 0 0 0 4px #07101880,0 22px 46px #0006!important;
}
html body.prime-v2 #main #music [data-resonance-player],
html body.prime-v2 #main #video .pc-video-shell{
 border-color:#c8e5f06b!important;
 background:
 linear-gradient(90deg,#a3d0df2b 0 1px,transparent 1px calc(100% - 1px),#0008 calc(100% - 1px)),
 var(--machine-reflection),var(--machine-metal)!important;
 box-shadow:var(--machine-bevel),inset 0 0 0 4px #02070a99,0 24px 50px #0008!important;
}
html body.prime-v2 #main :is(.resonance-album-window,.pc-video-stage,.video-screen.main-screen){
 border-color:#02060b!important;
 box-shadow:0 1px 0 #d1eafa52,inset 0 2px 9px #000b!important;
}
html body.prime-v2 :is(button,.button,a[role="button"],.prime-price-tab){
 background:var(--future-key)!important;
 border-color:#a6cbd85e!important;
 box-shadow:var(--machine-bevel)!important;
 text-shadow:0 1px 2px #000c!important;
}
html body.prime-v2 #primeCommandDeck.prime-command-deck{
 background:
 linear-gradient(180deg,#edfbff40,transparent 5% 90%,#000b),
 var(--machine-reflection),var(--machine-metal)!important;
 border-color:#c7e3f073!important;
 box-shadow:var(--machine-bevel),0 0 0 3px #02080b99,0 18px 38px #000b!important;
}
html body.prime-v2 #primeCommandDeck button{
 background:var(--future-key)!important;
 box-shadow:inset 0 1px #e6f7ff59,inset 0 -2px #000c,0 2px 5px #0008!important;
}
html body.prime-v2 #primeCommandDeck .prime-deck-pages>button:is([data-active],[aria-current="page"]),
html body.prime-v2 :is(button,.button)[aria-pressed="true"],
html body.prime-v2 .prime-storefront-tab[aria-selected="true"]{
 background:linear-gradient(180deg,#defaff24,transparent 12%),linear-gradient(125deg,#205265,#081924)!important;
 border-color:#b5f4ffb3!important;
 box-shadow:inset 0 -2px #adf6ff,inset 0 1px #edfeff73,0 0 14px #46ceec32!important;
}
html body.prime-v2 #main :is(.resonance-slim-controls button,.pc-video-controls button){
 background:var(--future-key)!important;box-shadow:var(--machine-bevel)!important;
}
html body.prime-v2 #main :is(.resonance-slim-controls .resonance-slim-play,.pc-video-play){
 background:linear-gradient(145deg,#94c7d452,#17445a 30%,#071623 65%,#255466)!important;
 box-shadow:inset 0 1px #e3fcff88,inset 0 -3px #000b,0 0 0 3px #03090c,0 0 0 4px #a4dce43d,0 0 22px #68d8f02b!important;
}
html body.prime-v2 #main :is(.studio-capabilities span,.chips span){
 background:linear-gradient(180deg,#e2f9ff16,transparent 45%),#07131ed9!important;
 box-shadow:inset 0 1px #d7f1ff30,inset 0 -1px #000a!important;
}
html body.prime-v2 #main :is(input:not([type="range"]):not([type="checkbox"]),textarea,select){
 background:linear-gradient(180deg,#01070b,#0b1821)!important;
 box-shadow:inset 0 3px 9px #000b,0 1px #d7eafa26!important;
}
html body.prime-v2 #main .section-id i{
 background:linear-gradient(90deg,#ddfdff,#5ecde9 45%,transparent)!important;
 box-shadow:0 0 7px #59d9ff59!important;
}
html body.prime-v2 .prime-storefront-card{
 border-color:#b2d6e638!important;
 background:var(--machine-reflection),var(--machine-glass)!important;
 box-shadow:inset 0 1px #ecfaff35,inset 0 -2px #000a,0 10px 24px #0005!important;
}
@media(hover:hover){
 html body.prime-v2 :is(button,.button,a[role="button"]):not(:disabled):hover{
 border-color:#d1faff!important;
 box-shadow:var(--machine-bevel),0 0 15px #7fe9ff30!important;
 }
}
html body.prime-v2 :is(button,.button,a[role="button"]):focus-visible{
 outline:2px solid #d1faff!important;outline-offset:3px!important;
}
@media(forced-colors:active){
 html body.prime-v2 :is(button,.button,a[role="button"],.prime-storefront-card){
 border-color:ButtonText!important;box-shadow:none!important;
 }
}

/* Motion transmission / 20261008-motion-glass-r1.
   Preserve the single shell decoder and Page 04's separate gallery plane.
   Do not override playback power, reduced motion, or native scrolling. */
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"]{
 background:transparent!important;
}
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"]{
 --machine-glass:linear-gradient(118deg,#e3f5ff12,transparent 30% 70%,#bcecff09 71%,transparent),linear-gradient(180deg,#10232c66,#040b138c);
 --machine-metal:linear-gradient(118deg,#35414b6b,#111b2340 22%,#070c1159 48%,#28343e66 74%,#10182066);
}
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"] :is(
 .tab01-intro-zone,.tab01-continuity,.tab01-services,.children03-surface,
 .video-grid,.studio-layout,.console
){
 background:linear-gradient(145deg,#07131d33,#030a123d)!important;
}
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"] :is(
 .service-card,.studio-console,.studio-shot,#projectForm,.pc-book-layout,
 .sprite-launch-gate,.process-panel,.page04-gallery-panel,.studio-request-shell
){
 background:var(--machine-reflection),var(--machine-glass)!important;
}
/* The player's media/art remains solid; only its outer chassis transmits motion. */
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>#music[data-prime-motion-active="true"] [data-resonance-player],
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>#video[data-prime-motion-active="true"] .pc-video-shell{
 background:var(--machine-reflection),var(--machine-metal)!important;
}
/* Do not lay an opaque gallery shell over the shared video. Artwork is untouched. */
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>#portfolio[data-prime-motion-active="true"] :is(.page04-spatial-shell,#gallery.page04-world){
 background:transparent!important;
}
/* Two stacked panes must not multiply into nearly opaque black. */
html[data-prime-viewport-motion-state="playing"] body.prime-v2 .prime-storefront-shell{
 --machine-glass:linear-gradient(118deg,#e3f5ff12,transparent 35% 70%,#bcecff09),linear-gradient(180deg,#10232c66,#040b138c);
 background:var(--machine-reflection),var(--machine-glass)!important;
}
html[data-prime-viewport-motion-state="playing"] body.prime-v2 .prime-storefront-card{
 background:linear-gradient(145deg,#10232c33,#040b1366)!important;
}
/* Continuous scroll: no blackout background substitution. */
@media(prefers-reduced-transparency:reduce){
 html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"],
 html[data-prime-viewport-motion-state="playing"] body.prime-v2 .prime-storefront-shell{
 --machine-glass:linear-gradient(180deg,#10232c,#040b13);
 --machine-metal:linear-gradient(118deg,#35414b,#111b23 22%,#070c11 48%,#28343e 74%,#101820);
 }
}

/* Full-field motion / 20261008-motion-area-r1 */
html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.prime-viewport-motion-layer{
 top:0!important;right:0!important;bottom:0!important;left:0!important;
 border-radius:0!important;
}
@media(prefers-reduced-transparency:no-preference){
 html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"]{
 --machine-glass:linear-gradient(118deg,#e3f5ff0a,transparent 30% 70%,#bcecff06),linear-gradient(180deg,#10232c26,#040b1340);
 --machine-metal:linear-gradient(118deg,#35414b38,#111b231f 22%,#070c112e 48%,#28343e33 74%,#10182033);
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"] :is(
 .tab01-intro-zone,.tab01-continuity,.tab01-services,.children03-surface,.video-grid,.studio-layout,.console
 ){
 background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>#music[data-prime-motion-active="true"] :is(
 .resonance-album-window,.resonance-slim-meta,.resonance-slim-source
 ){
 background:transparent!important;
 }
 html[data-prime-viewport-motion] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"] :is(
 .service-card,.studio-console,.pc-book-layout,.sprite-launch-gate,.process-panel,#projectForm
 ){
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 html[data-prime-viewport-motion-state="playing"] body.prime-v2 .prime-storefront-shell{
 --machine-glass:linear-gradient(118deg,#e3f5ff0c,transparent 35% 70%,#bcecff06),linear-gradient(180deg,#10232c38,#040b1359);
 backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
 }
}

/* Prime Creation // Motion-first optical glass across all 10 pages, r1.
   Maximize motion visibility without extra video decoders or DOM panes.
   Optical overrides activate only on confirmed playback and when transparency is permitted.
   Keep opaque artwork, video viewports, readers, controls and form text legible.
   Geometry, spatial transforms, page navigation and Safari scroll guards are untouched. */
@media (prefers-reduced-transparency:no-preference) {
  /* Pages 01,02,03,05,06,07,08,09,10 use the single shared video underlay. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"] {
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    --machine-glass:linear-gradient(118deg,rgba(221,249,255,.13),transparent 27% 73%,rgba(179,229,243,.07)),linear-gradient(180deg,rgba(8,24,37,.13),rgba(2,8,17,.26));
    --machine-metal:linear-gradient(124deg,rgba(138,198,218,.15),rgba(6,15,24,.25) 24%,rgba(4,10,18,.32) 68%,rgba(153,207,225,.12));
  }

  /* Receptor: the canonical background becomes an optical veil, never a full-screen matte.
     The separately masked logo, lettering and active spatial character remain fully opaque. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#top[data-prime-motion-active="true"],
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#top[data-prime-motion-active="true"]>.receptor-background-box {
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#top[data-prime-motion-active="true"] .receptor-background-box>.receptor-background-art,
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#top[data-prime-motion-active="true"] .receptor-background-box>.receptor-background-art[data-prime-material-state="ready"] {
    opacity:.16!important;
    background:transparent!important;
  }

  /* Structural planes are optical, not painted backdrops. Small readable islands remain. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"] :is(
    .tab01-atmosphere,.tab01-intro-zone,.tab01-continuity,.tab01-services,
    .children03-surface,.music-copy,.video-head,.video-grid,.video-feature,.video-card,
    .sprite-copy,.console,.radar,.studio-layout,.studio-copy,.studio-gallery,
    .contact-orbit
  ){
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>.app-window[data-prime-motion-active="true"] :is(
    .service-card,.studio-console,.studio-request-shell,.studio-shot,
    .pc-book-layout,.sprite-launch-gate,.process-panel,#projectForm,
    .tab01-intro-copy,.video-caption
  ){
    background:
      linear-gradient(125deg,rgba(208,249,255,.10),transparent 30% 77%,rgba(141,219,255,.06)),
      linear-gradient(172deg,rgba(7,20,31,.24),rgba(2,9,17,.34))!important;
    background-color:transparent!important;
    border-color:rgba(170,227,248,.32)!important;
  }

  /* Functional consoles retain their metallic silhouette but reveal the moving field. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#music[data-prime-motion-active="true"] [data-resonance-player],
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#video[data-prime-motion-active="true"] .pc-video-shell {
    background:
      linear-gradient(115deg,rgba(220,246,255,.15),transparent 17% 79%,rgba(172,232,255,.09)),
      linear-gradient(160deg,rgba(15,35,48,.22),rgba(3,10,19,.36) 49%,rgba(22,49,61,.22))!important;
    background-color:transparent!important;
    border-color:rgba(160,225,244,.50)!important;
  }
  /* Keep the actual video screen, audio track displays and album artwork legible. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#music[data-prime-motion-active="true"] :is(.resonance-slim-meta,.resonance-slim-source),
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#video[data-prime-motion-active="true"] :is(.pc-video-meta,.pc-video-status) {
    background:transparent!important;
    background-image:none!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#process[data-prime-motion-active="true"] li {
    background:linear-gradient(135deg,rgba(116,207,233,.1),rgba(2,10,20,.22) 68%,transparent)!important;
    background-color:transparent!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#contact[data-prime-motion-active="true"] #projectForm :is(input,textarea,select){
    background:linear-gradient(165deg,rgba(2,12,22,.34),rgba(3,12,20,.43))!important;
    color:#effaff!important;
  }

  /* Page 04 shares the one shell motion decoder. Keep the largest optical surfaces transparent. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#portfolio,
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#portfolio :is(.page04-spatial-shell,#gallery.page04-world){
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#portfolio :is(.page04-work,.page04-work-bezel,.page04-work-info,.page04-gallery-topbar,.page04-signage,.page04-gallery-footer){
    background:linear-gradient(135deg,rgba(174,231,255,.11),rgba(3,12,22,.29) 32%,rgba(2,8,16,.35))!important;
    background-color:transparent!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#portfolio .page04-catalog{
    background:linear-gradient(180deg,rgba(3,10,18,.28),rgba(2,8,17,.46))!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell]>#portfolio .page04-catalog>header{
    background:rgba(3,12,23,.44)!important;
  }
  /* Do not change actual media pixels, image masks, viewer/dialog screens, or scroll-safe fallback. */
}

/* PRIME MOTION SURFACE AUTHORITY // largest-visible-area / 20261008-r4 */
/* The existing ONE viewport video is the large-area canvas.
   Only the biggest opaque solids turn optical while confirmed media plays.
   Do not create video nodes, position changes, CSS animations, or new decoders.
   Artwork, text controls, screens, reader dialogs and overlays remain legible. */
/* Opt-in unsupported feature queries can silently disable glass on Safari.
   Gate by the actual video playback state in selectors, then honor reduce. */
@media screen {
  /* Pages 01-03, 05-10: clear the full visible page, including .section-dark
     paint, not just the smaller cards. Rules below live AFTER all luxury skins. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > .app-window[data-prime-motion-active="true"] {
    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  /* The broad area BEHIND Page 05's video screen stays open to the motion
     background. Only the actual foreground video pixels remain opaque. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #video[data-prime-motion-active="true"] :is(
    .video-head,.video-grid,.video-feature,.video-list,
    .pc-video-feature,.pc-video-browser,.pc-video-layout,.pc-video-stage-shell,
    .pc-video-info,.pc-video-body,.pc-video-footer,.pc-video-meta,
    .pc-video-status,.pc-video-playlist
  ) {
    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #video[data-prime-motion-active="true"] .pc-video-shell {
    background:
      linear-gradient(115deg,rgba(210,250,255,.045),transparent 27% 79%,rgba(120,223,255,.035))!important;
    background-color:transparent!important;
    border-color:rgba(177,237,255,.57)!important;
    box-shadow:inset 0 1px 0 rgba(223,253,255,.34),inset 0 0 0 2px rgba(8,27,42,.2),0 12px 32px rgba(0,0,0,.24)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  /* Player controls and playlist labels are small readable islands, not a
     solid opaque card covering most of the screen. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #video[data-prime-motion-active="true"] :is(
    .pc-video-item,.video-card
  ) {
    background:linear-gradient(145deg,rgba(4,17,29,.24),rgba(3,12,20,.31))!important;
    background-color:transparent!important;
    border-color:rgba(145,221,246,.42)!important;
  }
  /* The screen itself retains its real frame/thumbnail, never mixes the
     background with footage or makes the play icon hard to see. */
  /* Page 03: same glass-first hierarchy for the Resonance instrument. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #music[data-prime-motion-active="true"] :is(
    .children03-surface,.music-copy,.music-console,
    .resonance-slim-meta,.resonance-slim-source,.resonance-slim-state
  ),
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #intro[data-prime-motion-active="true"] :is(
    .tab01-atmosphere,.tab01-intro-zone,.tab01-continuity,.tab01-services,
    .tab01-services-head,.service-grid
  ),
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > :is(#book,#sprite,#process,#studio,#contact)[data-prime-motion-active="true"] :is(
    .pc-book-layout,.sprite-copy,.console,.process-panel,
    .studio-layout,.studio-copy,.studio-gallery,.contact-orbit
  ) {
    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #music[data-prime-motion-active="true"] [data-resonance-player] {
    background:linear-gradient(115deg,rgba(210,250,255,.05),transparent 25% 83%,rgba(120,223,255,.04))!important;
    background-color:transparent!important;
    box-shadow:inset 0 1px 0 rgba(218,253,255,.3),inset 0 0 0 2px rgba(12,33,45,.23),0 12px 30px rgba(0,0,0,.2)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  /* Small contrast shields only where needed for text fields. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > :is(#intro,#sprite,#process,#studio,#contact,#book)[data-prime-motion-active="true"] :is(
    .service-card,.sprite-launch-gate,.process-panel,.studio-console,
    .studio-request-shell,#projectForm,.pc-book-copy
  ) {
    background:linear-gradient(140deg,rgba(6,19,30,.18),rgba(4,14,25,.29))!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  /* Page 04 now uses the shared shell motion video; preserve artwork pixels and optical controls. */
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #portfolio :is(
    .page04-spatial-shell,#gallery.page04-world,.page04-architecture,
    .page04-gallery-panel,.page04-room,.page04-gallery-surface
  ) {
    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
  body.prime-v2 #main[data-app-shell] > #portfolio :is(
    .page04-work-bezel,.page04-work-info,.page04-gallery-topbar
  ) {
    background:linear-gradient(138deg,rgba(6,19,29,.12),rgba(2,11,20,.24))!important;
    background-color:transparent!important;
  }
}

/* When the visitor requests less transparency, retain solid chassis contrast
   without adding or masking any media surfaces. */
@media (prefers-reduced-transparency:reduce){
 html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
 body.prime-v2 #main[data-app-shell] > .app-window[data-prime-motion-active="true"]{
   background:linear-gradient(140deg,#111e29,#050b13 66%,#12212b)!important;
 }
 html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
 body.prime-v2 #main[data-app-shell] > #video[data-prime-motion-active="true"] .pc-video-shell,
 html[data-prime-viewport-motion-state="playing"]:not([data-prime-motion-backgrounds="off"])
 body.prime-v2 #main[data-app-shell] > #music[data-prime-motion-active="true"] [data-resonance-player]{
   background:linear-gradient(145deg,#273744,#08131d 45%,#182b38)!important;
 }
}

/* Prime motion glass // Page 03 05 07 08 09 targeted opaque surface repair r6 */
/* Apply WHEN MOTION IS ENABLED, not just after a playing event. Safari can
   leave a video in buffering-retained while frames render; play-state gating
   caused full-opacity cards to return. This patch changes paint only.
   Art/video pixels, text inputs, popup panels and the embedded Sprite app stay intact. */
@media screen {
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > :is(#music,#video,#sprite,#process,#studio).app-window{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Page 03. The RES03NANCE instrument used 88-94% opaque panel material.
     Keep prismatic chrome/visualizer overlays; let the real shell video show. */
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #music :is(
     .children03-surface,.music-copy
  ),
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #music [data-resonance-player] {
    background:linear-gradient(116deg,rgba(212,247,255,.075) 0%,rgba(6,23,38,.085) 17%,rgba(3,12,23,.15) 58%,rgba(173,226,255,.055) 100%)!important;
    background-color:transparent!important;
    background-blend-mode:normal!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #music :is(.resonance-slim-meta,.resonance-slim-source,.resonance-slim-state){
    background-color:transparent!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Page 05. Preserve the *foreground video screen*, make the broad
     framing panel and empty spaces optical instead of a dark block. */
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #video :is(
     .video-head,.video-grid,.video-feature,.video-list,.pc-video-feature,
     .pc-video-layout,.pc-video-browser,.pc-video-stage-shell,
     .pc-video-body,.pc-video-info,.pc-video-meta,.pc-video-footer,
     .pc-video-status,.pc-video-playlist
  ){
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #video .pc-video-shell{
    background:linear-gradient(122deg,rgba(215,249,255,.07),rgba(5,18,31,.10) 23%,rgba(5,16,27,.14) 74%,rgba(158,227,255,.065))!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:inset 0 1px 0 rgba(224,250,255,.38),inset 0 0 0 2px rgba(54,118,146,.17),0 12px 36px rgba(0,0,0,.21)!important;
  }
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #video :is(.pc-video-item,.video-card){
    background:linear-gradient(145deg,rgba(5,18,30,.20),rgba(2,11,21,.27))!important;
    background-color:transparent!important;
  }

  /* Page 07. Override the .93 opacity release panels and the compact
     console shell. Embedded Sprite viewport is a separate working app. */
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #sprite:not([data-prime-sprit-mode="embedded-app"]) :is(
     .sprite-copy,.release-panel,.sprit-release-panel,.pan3l-release-panel,
     .sprite-launch-gate,.console
  ){
    background:linear-gradient(132deg,rgba(156,229,255,.06),rgba(3,14,27,.13) 37%,rgba(4,17,29,.21))!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #sprite:not([data-prime-sprit-mode="embedded-app"]) :is(.download-card,.runn3r-bundle-link,.release-signal){
    background:linear-gradient(134deg,rgba(10,33,49,.24),rgba(2,11,22,.32))!important;
    background-color:transparent!important;
  }
  /* Keep the animated software preview's pixels untouched. */

  /* Page 08. The 88% dark readability shield covered the entire process
     and the desktop 78% strip hid the motion field. Keep text shadows.
     The approved vault face remains art, only its chamber backplate clears. */
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #process > :is(div[data-reveal],ol),
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #process :is(.process-panel,ol>li,.prime-vault-chamber){
    background:linear-gradient(100deg,rgba(2,10,19,.08),rgba(3,13,23,.19) 76%,rgba(2,10,19,.08))!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  /* Page 09. Empty gallery/installation surfaces must be glass even
     before the owner uploads gallery images. Do not alter actual photos. */
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #studio :is(
    .studio-layout,.studio-copy,.studio-console,.studio-console-head,
    .studio-empty,.studio-gallery,.studio-request-shell
  ){
    background:linear-gradient(125deg,rgba(172,233,255,.07),rgba(3,12,24,.12) 34%,rgba(2,12,24,.20))!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #studio .studio-capabilities span{
    background:linear-gradient(124deg,rgba(105,206,239,.09),rgba(2,12,22,.23))!important;
    background-color:transparent!important;
  }
}

/* Page 08 desktop: win over viewport-specific opaque 78% process strip. */
html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"][data-prime-layout]:not([data-prime-motion-backgrounds="off"])
body.prime-v2 #main[data-app-shell] > #process.is-prime-viewport-active > ol,
html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"][data-prime-layout]:not([data-prime-motion-backgrounds="off"])
body.prime-v2 #main[data-app-shell] > #process.is-prime-viewport-active > div[data-reveal]{
  background:linear-gradient(95deg,rgba(2,10,19,.08),rgba(2,11,22,.16),rgba(3,13,25,.08))!important;
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Respect the user's OS reduced-transparency preference on supporting
   browsers. The default selector has no dependency on media-query support. */
@media (prefers-reduced-transparency:reduce){
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #music [data-resonance-player],
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #video .pc-video-shell,
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #sprite:not([data-prime-sprit-mode="embedded-app"]) .release-panel,
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #process > ol,
  html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"] body.prime-v2 #main[data-app-shell] > #studio .studio-console{
    background:linear-gradient(145deg,#233744,#071421 62%,#1b2d3b)!important;
  }
}

/* PAGE 10 MOTION-FRAME TRANSPARENCY / 20261008-r9 */
html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"]
body.prime-v2 #main[data-app-shell] > #contact.app-window{
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
}
html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"]
body.prime-v2 #main[data-app-shell] > #contact.app-window > #projectForm{
  background:linear-gradient(135deg,rgba(175,239,255,.075),rgba(3,14,26,.12) 32%,rgba(3,12,23,.18))!important;
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@media (prefers-reduced-transparency:reduce){
 html[data-prime-motion-backgrounds="on"][data-prime-background-motion="enabled"]
 body.prime-v2 #main[data-app-shell] > #contact.app-window > #projectForm{
   background:linear-gradient(155deg,rgba(5,17,27,.94),rgba(2,10,19,.98))!important;
 }
}


/* Prime desktop viewport and compositor stability // 20261011 */
/* No desktop oversize; preserve independent mobile, touch and reader layout. */
@media screen and (min-width:901px) and (hover:hover) and (pointer:fine){
  html[data-prime-layout] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not([hidden]){
    min-width:0!important;min-height:0!important;max-width:100%!important;
  }
  html[data-prime-layout] body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active :is(
    .children03-surface,.video-grid,.pc-video-shell,.pc-book-layout,.studio-layout,
    .page04-spatial-shell,.page04-gallery-panel
  ){min-width:0!important;min-height:0!important;max-width:100%!important;box-sizing:border-box!important}
  html[data-prime-layout] body.prime-v2 #main[data-app-shell] :is(
    #music .resonance-album-window img,#video .pc-video-shell video,
    #studio .studio-gallery img
  ){max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
  body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active [data-prime-spatial-field-child="true"]{
    will-change:auto!important;
  }
  html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
  body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active :is(
    .page04-gallery-topbar,.page04-work-info,.page04-gallery-footer
  ){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}


/* Prime Creation | 2026-10-12 visual refinement
   Content-level styling only. Canonical viewport owns shell geometry.
   Spatial owns perspective; Prismatic belongs to Spatial.
   The Comic Reader and its .pmap scene are not styled by this file. */
:root{
  --prime-refine-line:rgba(180,228,243,.20);
  --prime-refine-muted:#b6c8d2;
  --prime-refine-ink:#f3faff;
}
body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not([hidden]){
  -webkit-font-smoothing:antialiased;
}
body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active :is(
  h2,h3,.studio-console-head
){text-wrap:balance}
body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active :is(
  .tab01-intro-copy>p,.heading-copy,.video-head>p,.sprite-copy>p,
  .studio-copy>p,#contact [data-page10-contact-copy]>p
){color:var(--prime-refine-muted)!important;line-height:1.52!important;max-width:65ch}
body.prime-v2 :is(.button,.prime-price-tab,.prime-storefront-trigger):focus-visible,
body.prime-v2 #main :is(input,textarea,select):focus-visible{
  outline:2px solid #8defff!important;outline-offset:3px!important;
}
/* 01: the exact brand artwork is preserved, not re-rendered. */
body.prime-v2 #top :is(.receptor-background-art,.receptor-logo-cutout,.receptor-lettering-art){
  filter:none!important;
}
/* 02: clearer calls to action, no change to the two-step card event logic. */
body.prime-v2 #intro .tab01-actions :is(.button,button){
  border-color:var(--prime-refine-line)!important;
  line-height:1.25!important;
}
body.prime-v2 #intro .tab01-actions :is(.button.primary,button.primary){
  border-color:rgba(156,229,250,.52)!important;
}
body.prime-v2 #intro .service-card[data-discipline-stage="reveal"]{
  border-color:rgba(156,229,250,.36)!important;
}
body.prime-v2 #intro .service-card[data-discipline-stage="reveal"]>p{
  color:#deebf1!important;text-wrap:pretty;
}
/* 03: avoid additional transforms on the Resonance player or its controls. */
body.prime-v2 #music .music-copy h2{letter-spacing:-.045em}
body.prime-v2 #music :is(.music-console,[data-resonance-player]){
  box-sizing:border-box;max-width:100%!important;min-width:0!important;
}
body.prime-v2 #music :is(.music-console,[data-resonance-player]) :is(button,a,input){
  touch-action:manipulation;
}
body.prime-v2 #music .prime-price-tab{
  border-color:var(--prime-refine-line)!important;
}
/* 04: original artwork dimensions and pixels are authoritative. */
body.prime-v2 #portfolio :is(.page04-gallery-panel,.page04-work-bezel){
  box-sizing:border-box;min-width:0;
}
body.prime-v2 #portfolio :is(.page04-gallery-panel,.page04-work-bezel) img{
  object-fit:contain;max-width:100%;
}
/* 05: restrained card finish, no GPU/video compositing additions. */
body.prime-v2 #video :is(.video-feature,.video-card){
  border-color:var(--prime-refine-line)!important;
}
body.prime-v2 #video .video-caption :is(h3,p){text-wrap:balance}
/* 06: publication actions only, never the comic reader's page/canvas. */
body.prime-v2 #book .pc-book-actions{gap:clamp(.4rem,.8vw,.75rem)}
body.prime-v2 #book .pc-book-actions :is(.button,button){line-height:1.28}
body.prime-v2 #book .pc-book-cover img{
  max-width:100%;object-fit:contain;
}
/* 07: app entry and status readability; exclude embedded Sprit runtime. */
body.prime-v2 #sprite:not([data-prime-sprit-mode="embedded-app"]) .sprite-copy>p{
  max-width:60ch!important;
}
body.prime-v2 #sprite .sprite-launch-gate :is(button,.button){
  min-height:44px;
}
body.prime-v2 #sprite .chips{row-gap:.5rem}
/* 08: legible process copy. */
body.prime-v2 #process ol>li p{
  color:var(--prime-refine-muted)!important;line-height:1.5!important;
}
body.prime-v2 #process ol>li h3{line-height:1.18;letter-spacing:-.025em}
/* 09: studio information hierarchy and correct image fitting. */
body.prime-v2 #studio .studio-capabilities{row-gap:.48rem}
body.prime-v2 #studio .studio-actions{gap:.65rem}
body.prime-v2 #studio .studio-gallery img{
  max-width:100%;max-height:100%;object-fit:contain;
}
/* 10: contact form keyboard and legibility. */
body.prime-v2 #contact #projectForm :is(input,textarea){
  box-sizing:border-box;max-width:100%;min-width:0;line-height:1.45;
}
body.prime-v2 #contact #projectForm textarea{resize:vertical}
body.prime-v2 #contact #projectForm .button{min-height:44px}
/* Storefront: text and tab affordances, without altering checkout logic. */
.prime-storefront-dialog .prime-storefront-card{
  border-color:rgba(180,228,243,.18);
}
.prime-storefront-dialog :is(.prime-storefront-card-top p,.prime-storefront-intro p){
  color:#b4c5ce!important;line-height:1.5!important;
}
.prime-storefront-dialog .prime-storefront-tab{min-height:42px}
.prime-storefront-dialog :is(.prime-storefront-close,.prime-storefront-tab):focus-visible{
  outline:2px solid #8defff!important;outline-offset:2px!important;
}
@media(min-width:901px){
  body.prime-v2 #intro .tab01-intro-copy>p{
    max-width:48ch;font-size:clamp(.88rem,1.02vw,1.03rem)!important;
  }
  body.prime-v2 #intro .tab01-actions{row-gap:.7rem!important}
  body.prime-v2 #studio .studio-copy>p,
  body.prime-v2 #contact [data-page10-contact-copy]>p{max-width:50ch}
}
@media(max-width:900px){
  body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active :is(
    .tab01-intro-copy>p,.heading-copy,.sprite-copy>p,.studio-copy>p,
    #contact [data-page10-contact-copy]>p
  ){line-height:1.5!important}
  body.prime-v2 #intro .tab01-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.58rem!important;width:100%;
  }
  body.prime-v2 #intro .tab01-actions :is(.button,button){
    width:100%!important;min-width:0!important;min-height:44px!important;
    display:flex!important;justify-content:space-between!important;
    align-items:center!important;padding:.7rem .72rem!important;
    font-size:clamp(.68rem,1.9vw,.82rem)!important;
  }
  body.prime-v2 #book .pc-book-actions{
    display:flex;flex-wrap:wrap;justify-content:flex-start;
  }
  body.prime-v2 #contact #projectForm :is(input,textarea){
    font-size:16px!important;
  }
  .prime-storefront-dialog .prime-storefront-tab{min-height:44px}
}
@media(max-width:600px){
  /* Preserve compact two-tap cards, make their summaries readable initially. */
  html[data-prime-layout][data-prime-form-factor="phone"]
  body.prime-v2 #intro .service-grid>.service-card:not([data-discipline-stage="reveal"])>p{
    visibility:visible!important;opacity:.84!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;overflow:hidden!important;
    pointer-events:none!important;position:absolute!important;
    top:4.7rem!important;left:.62rem!important;right:.62rem!important;
    bottom:auto!important;padding:0!important;margin:0!important;
    background:none!important;color:#cad9e0!important;
    font-size:.61rem!important;line-height:1.2!important;transform:none!important;
  }
  html[data-prime-layout][data-prime-form-factor="phone"]
  body.prime-v2 #intro .service-grid>.service-card:not([data-discipline-stage="reveal"]){
    overflow:hidden!important;
  }
  html[data-prime-layout][data-prime-form-factor="phone"]
  body.prime-v2 #intro .service-grid>.service-card[data-discipline-stage="reveal"]>p{
    visibility:visible!important;opacity:1!important;
    font-size:clamp(.76rem,2.9vw,.85rem)!important;line-height:1.42!important;
  }
  body.prime-v2 #music .music-copy h2{
    font-size:clamp(1.28rem,5vw,1.9rem);line-height:1.05;
  }
  body.prime-v2 #video .video-head>p{
    font-size:clamp(.78rem,2.7vw,.92rem);
  }
  body.prime-v2 #sprite:not([data-prime-sprit-mode="embedded-app"]) .chips{
    display:flex;flex-wrap:wrap;gap:.35rem;
  }
  body.prime-v2 #process ol>li p{
    font-size:clamp(.78rem,2.7vw,.91rem)!important;
  }
  body.prime-v2 #contact #projectForm :is(input,textarea){
    padding-block:.7rem!important;
  }
  .prime-storefront-dialog .prime-storefront-head{gap:1rem}
  .prime-storefront-dialog .prime-storefront-head h2{
    font-size:clamp(1.65rem,7vw,2.3rem);line-height:1.02;
  }
}
@media(prefers-reduced-motion:reduce){
  body.prime-v2 :is(.button,.prime-price-tab,.prime-storefront-tab){
    transition:none!important;
  }
}

/* Prime Creation // Outer Page Glass Slab v1
   One stable backing behind whichever page is active. The backing is outside
   the app-window, does not scroll, does not become a screen or Spatial atom,
   and never replaces an interior machined bezel or original media surface.
   Layout authority: prime-viewport-contract.css. State: original router. */
body.prime-v2 #main[data-app-shell]{
  --prime-page-glass-edge:color-mix(in srgb,var(--prime-skin-edge,#b2d4df) 34%,transparent);
  --prime-page-glass-highlight:color-mix(in srgb,var(--prime-skin-text,#f4fbff) 24%,transparent);
  --prime-page-glass-shadow:rgba(0,4,12,.22);
  --prime-page-glass-ink:rgba(6,17,31,.09);
}
body.prime-v2 #main[data-app-shell]>.prime-page-backing-slab[data-prime-page-outer-slab="shared-flat-glass"]{
  position:absolute!important;
  inset:var(--prime-native-safe-top,0px) var(--prime-native-safe-right,0px)
        var(--prime-pill-system-reserve,68px) var(--prime-native-safe-left,0px)!important;
  display:block!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  z-index:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  /* Flat supporting surface only. No viewport chassis, tubing, rim, or highlight. */
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
  user-select:none!important;
  touch-action:none!important;
  overflow:hidden!important;
  /* No tilt, no proximity effect, no full-page backdrop raster. */
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  perspective:none!important;
  animation:none!important;
  transition:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  contain:paint style!important;
  will-change:auto!important;
}
/* The page aperture is NOT a display. Remove its old screen-like image, glow,
   heavy skin fill and backdrop blur, without touching geometry/overflow,
   its children's real display surfaces, page backgrounds, or spatial poses. */
html body.prime-v2 #main[data-app-shell]>.app-window:not(#top){
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  background-clip:padding-box!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Explicit skin and runtime classes previously repainted the outer window.
   Match their owner selectors; only front machine children remain skinned. */
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window:not(#top),
html[data-prime-skin] body.prime-v2 #main[data-app-shell]>.app-window[data-prime-skin-surface][data-prime-skin-bezel]:not(#top){
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* The Receptor has its own first-paint background image and authored 2-plane
   scene. Keep that art intact; the same backing lies underneath it. */
html[data-prime-viewport-active="top"] body.prime-v2 #main[data-app-shell]>.prime-page-backing-slab{
  inset:0!important;
  border-radius:0!important;
}
/* Legacy viewport edge color tokens retained for compatibility only.
   No viewport perimeter hardware exists; real machine bezels use --pm tokens. */
html[data-prime-skin="metal"] body.prime-v2 #main{
  --prime-page-glass-edge:rgba(186,211,224,.36);
  --prime-page-glass-highlight:rgba(235,247,253,.32);
  --prime-page-glass-ink:rgba(13,23,29,.065);
}
html[data-prime-skin="glass"] body.prime-v2 #main{
  --prime-page-glass-edge:rgba(158,229,251,.43);
  --prime-page-glass-highlight:rgba(227,251,255,.35);
  --prime-page-glass-ink:rgba(14,54,74,.055);
}
html[data-prime-skin="nexus"] body.prime-v2 #main{
  --prime-page-glass-edge:rgba(106,217,244,.30);
  --prime-page-glass-highlight:rgba(198,244,254,.23);
  --prime-page-glass-ink:rgba(8,23,43,.073);
}
html[data-prime-skin="steampunk"] body.prime-v2 #main{
  --prime-page-glass-edge:rgba(225,173,106,.34);
  --prime-page-glass-highlight:rgba(255,226,171,.22);
  --prime-page-glass-ink:rgba(45,26,9,.055);
}
html[data-prime-skin="liquid-gold"] body.prime-v2 #main{
  --prime-page-glass-edge:rgba(245,208,135,.40);
  --prime-page-glass-highlight:rgba(255,241,201,.30);
  --prime-page-glass-ink:rgba(46,31,8,.06);
}
/* Small displays need the same glass border without extra composition cost. */
@media(max-width:700px){
 /* No viewport perimeter bevel on narrow screens. */
}
@media(forced-colors:active){
 body.prime-v2 #main[data-app-shell]>.prime-page-backing-slab{
   border:0!important;background:transparent!important;
   box-shadow:none!important;forced-color-adjust:auto;
 }
 body.prime-v2 #main[data-app-shell]>.prime-page-backing-slab::before,
 body.prime-v2 #main[data-app-shell]>.prime-page-backing-slab::after{display:none!important}
}

/* Short landscape | Music pricing remains above the read-only stereo
   visualizer. Only the actual button accepts taps; the surrounding
   transparent heading cannot steal player transport controls. */
@media (orientation:landscape) and (max-height:600px){
  html body.prime-v2 #main #music>.children03-surface>.music-copy{
    position:relative!important;
    z-index:6!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  html body.prime-v2 #main #music>.children03-surface>.music-copy .prime-price-cluster,
  html body.prime-v2 #main #music>.children03-surface>.music-copy .prime-price-tab{
    position:relative!important;
    z-index:7!important;
    pointer-events:auto!important;
  }
}