/* Constrained glass surfaces: no full-canvas overlay, no animated blur or filter shader. */
:root{--glass-bg:rgba(255,250,240,.79);--glass-edge:rgba(255,255,255,.88);--glass-bottom:rgba(136,88,47,.19);--glass-shadow:0 12px 28px #6b3e1611,0 2px 4px #5b3d1210;--glass-blur:14px}
html[data-ui-theme=night]{--glass-bg:rgba(31,38,40,.88);--glass-edge:rgba(255,255,255,.24);--glass-bottom:rgba(255,139,51,.23);--glass-shadow:0 12px 32px #0005,0 1px 1px #0008}
.main-nav,.quick-look,.secondary,#ui-mode-toggle,.category-tabs,.panel-head,.inline-video-head,.inline-video-footer,#nearby-preview{background:var(--glass-bg)!important;border:1px solid var(--glass-bottom);border-top-color:var(--glass-edge);border-left-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 -1px 0 var(--glass-bottom),var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(1.18);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.18)}
.main-nav,.quick-look{position:relative;isolation:isolate;overflow:hidden}
.main-nav:before,.quick-look:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff30,transparent 42%,#ffffff12);pointer-events:none;z-index:-1}
.main-nav{border-radius:22px;padding:5px;gap:2px}.main-nav button,.main-nav button+button{border:0;border-radius:16px}.main-nav button.active{background:linear-gradient(145deg,#ffab65,#ef793c);box-shadow:inset 0 1px 0 #ffd3a0,0 3px 7px #9d411922;color:#261b12}.main-nav button.active span{color:#402718}
.quick-look{border-radius:18px;padding:5px}.quick-look button{border-radius:12px;position:relative}.quick-look button+button{border-left-color:var(--glass-bottom)}.quick-look button:hover{background:#ffffff35}.quick-look button>span:not(.category-icon){position:relative}
.quick-look strong{font-weight:650}.quick-look small{font-size:9px;letter-spacing:.6px}.quick-look button:nth-child(1) strong{color:#12498f}.quick-look button:nth-child(2) strong{color:#823307}.quick-look button:nth-child(3) strong{color:#664800}.quick-look button:nth-child(4) strong{color:#07573c}
html[data-ui-theme=night] .quick-look button:nth-child(1) strong{color:#8fc0ff}html[data-ui-theme=night] .quick-look button:nth-child(2) strong{color:#ffb575}html[data-ui-theme=night] .quick-look button:nth-child(3) strong{color:#f6d77d}html[data-ui-theme=night] .quick-look button:nth-child(4) strong{color:#80dfbd}
.primary{background:linear-gradient(145deg,#ffab65,#ef793c);border:1px solid #e78c4c;border-top-color:#ffcf9b;box-shadow:inset 0 1px 0 #ffdab1,0 6px 15px #d9793325;border-radius:15px;color:#281c13}
.secondary{border-radius:15px}.primary,.secondary,.main-nav button,.quick-look button,#ui-mode-toggle{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;touch-action:manipulation}.primary:active,.secondary:active,.main-nav button:active,.quick-look button:active{transform:scale(.975)}
.glass-hover{background-image:radial-gradient(ellipse at var(--gx,50%) var(--gy,0%),#ffffff32,transparent 66%)}
.panel-head,.inline-video-head{position:relative}.category-tabs{border-radius:14px;padding:8px}.category-tabs button{background:transparent;border:0}.category-tabs button[aria-pressed=true]{background:var(--accent);color:#281c13}
.stage-label,.scene-caption{display:none}.hotspots{display:none!important}.intro-note{opacity:.78}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:700px){:root{--glass-blur:8px;--glass-bg:rgba(255,250,240,.91)}html[data-ui-theme=night]{--glass-bg:rgba(31,38,40,.94)}.main-nav{position:fixed;border-radius:21px}.main-nav button{border-radius:15px}.quick-look{position:relative;min-height:64px;backdrop-filter:none;-webkit-backdrop-filter:none}.quick-look button,.quick-look button+button{min-height:54px}.quick-look strong{font-size:12px}.header{box-shadow:none}.intro-note{font-size:8px}.stage-label,.scene-caption{display:none}.category-tabs{backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.main-nav,.quick-look,.secondary,#ui-mode-toggle,.category-tabs,.panel-head,.inline-video-head,.inline-video-footer,#nearby-preview{background:var(--surface)!important}}
html[data-glass=lite] .main-nav,html[data-glass=lite] .quick-look,html[data-glass=lite] .secondary,html[data-glass=lite] #ui-mode-toggle,html[data-glass=lite] .category-tabs,html[data-glass=lite] .panel-head,html[data-glass=lite] .inline-video-head,html[data-glass=lite] .inline-video-footer,html[data-glass=lite] #nearby-preview{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--surface)!important}
@media(prefers-reduced-transparency:reduce){.main-nav,.quick-look,.secondary,#ui-mode-toggle,.category-tabs,.panel-head,.inline-video-head,.inline-video-footer,#nearby-preview{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--surface)!important}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.main-nav button,.quick-look button{transition:none;transform:none!important}}
@media(forced-colors:active){.main-nav,.quick-look,.secondary,#ui-mode-toggle,.category-tabs,.panel-head{background:Canvas!important;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.primary,.main-nav button.active{background:Highlight;color:HighlightText}}