/* Public glass UI. Admin, publishing forms and security pages are unaffected. */
body:not(.admin-shell) #app :is(.btn,.expo-video__button,.expo-video__secondary,.tm-transport button,.orbit-controls button,.orbit-open,.tm-head>a,.ed-jump){backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(82,72,57,.22);background:linear-gradient(135deg,rgba(255,255,255,.27),rgba(255,255,255,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 18px rgba(61,41,23,.10);transition:transform .24s cubic-bezier(.2,.75,.3,1),box-shadow .24s ease,background .24s ease,border-color .24s ease}
body:not(.admin-shell) #app .btn.gold{background:linear-gradient(135deg,rgba(180,49,38,.90),rgba(143,45,37,.74));color:#fff;border-color:rgba(255,255,255,.4)}
body:not(.admin-shell) #app :is(.expo-video__button,.expo-video__secondary){background:linear-gradient(135deg,rgba(30,45,38,.65),rgba(67,51,32,.38));color:white;border-color:rgba(255,255,255,.55)}
body:not(.admin-shell) #app :is(.btn,.expo-video__button,.expo-video__secondary,.tm-transport button,.orbit-controls button,.orbit-open,.tm-head>a,.ed-jump):hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(61,41,23,.16),0 0 22px rgba(198,159,92,.18),inset 0 1px 0 rgba(255,255,255,.75);border-color:rgba(159,125,75,.52)}
body:not(.admin-shell) #app :is(.btn,.expo-video__button,.expo-video__secondary,.tm-transport button,.orbit-controls button,.orbit-open):active{transform:translateY(0) scale(.96)}
body:not(.admin-shell) #app :is(.btn,.tm-transport button,.orbit-controls button,.orbit-open):focus-visible{outline:3px solid var(--gold,#b89042);outline-offset:4px}
body:not(.admin-shell) #app .ui-motion-card{transition:box-shadow .35s ease,border-color .35s ease}.ui-motion-card:hover{box-shadow:0 12px 40px rgba(46,36,24,.12)}
body:not(.admin-shell) #app :is(.tm-window,.hierarchy-tile__media,.pc-media)>video{transform:translate3d(var(--ui-drift-x,0px),var(--ui-drift-y,0px),0) scale(1.025);transition:transform .38s ease}
body:not(.admin-shell) #app .expo-video__asset>video{transform:translate3d(0,var(--ui-parallax-y,0px),0) scale(1.04)}
.ui-reveal-pending{opacity:0;translate:0 20px}.ui-reveal-visible{opacity:1;translate:0 0;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.75,.3,1)}
/* Keep the actual video and its single audio control inside a touch-friendly card. */
@media(max-width:760px){body:not(.admin-shell) #app .tm-tile,body:not(.admin-shell) #app .tm-gallery[data-tm-table="products"] .tm-tile{flex-basis:100%;min-width:0}.tm-track{gap:16px}.tm-window{width:100%;overflow:hidden}.tm-copy{min-width:0}.tm-copy>*{min-width:0}.tm-price{white-space:normal;overflow-wrap:anywhere}.tm-mode{max-width:46%;line-height:1.5}.tm-badge{max-width:calc(100% - 130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-gallery{max-width:100%;overflow:hidden}}
@media(prefers-reduced-motion:reduce){body:not(.admin-shell) #app :is(.btn,.expo-video__button,.expo-video__secondary,.tm-transport button,.orbit-controls button,.orbit-open,.ui-motion-card){transition:none!important}.ui-reveal-pending,.ui-reveal-visible{opacity:1;translate:none;transition:none!important}body:not(.admin-shell) #app :is(.tm-window,.hierarchy-tile__media,.pc-media,.expo-video__asset)>video{transform:none!important;transition:none!important}body:not(.admin-shell) #app :is(.btn,.tm-transport button,.orbit-controls button,.orbit-open):hover{transform:none!important}}

body:not(.admin-shell) #app :is(.expo-video__button,.expo-video__secondary):focus-visible{outline:3px solid #f3d485;outline-offset:5px}
html[data-theme] body:not(.admin-shell) #app .expo-video__button{background:linear-gradient(135deg,rgba(23,47,37,.72),rgba(77,58,28,.46))!important;color:white!important;-webkit-text-fill-color:white!important;border-color:rgba(255,255,255,.6)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 24px rgba(0,0,0,.13)!important}
@media(prefers-reduced-motion:reduce){html[data-theme] #app .expo-video__asset>video{transform:none!important}}