/* V462 — only the reflection page. Keep all other site styles intact. */
/* Remove underlying home/night scene while this view is active. */
html:has(#view-reflection.active),body.studio-app:has(#view-reflection.active),
body.studio-app:has(#view-reflection.active) main{background-color:#0d0e10!important;background-image:none!important}
body.studio-app:has(#view-reflection.active)::before,
body.studio-app:has(#view-reflection.active)::after{background-image:none!important}
html body.studio-app #view-reflection.room-view,
html body.studio-app.night #view-reflection.room-view,
html body.studio-app.day #view-reflection.room-view{
 background:#0d0e10 url('shaliz-reflection-desktop.jpg') center center / cover no-repeat fixed!important;
 background-attachment:fixed!important;min-height:100vh!important;
}
/* A fixed photo layer prevents the global home background from showing at the bottom. */
body.studio-app:has(#view-reflection.active) #view-reflection{isolation:isolate}
body.studio-app:has(#view-reflection.active) #view-reflection::before{
 content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:url('shaliz-reflection-desktop.jpg') center center / cover no-repeat!important;display:block!important;
}
#view-reflection .room-hero,#view-reflection .room-hero-inner,
#view-reflection .room-hero-content,#view-reflection .content-shell{
 background:transparent!important;background-image:none!important;box-shadow:none!important;
}
#view-reflection .room-hero::before,#view-reflection .room-hero::after{display:none!important}
/* Clear blue overlays, including theme-specific gradients. */
#view-reflection .room-hero{background-color:transparent!important;border:0!important;min-height:0!important;padding:23px 18px 10px!important}
#view-reflection .room-hero-inner{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
#view-reflection .room-hero-content h2{
 color:#d6b06e!important;-webkit-text-fill-color:#d6b06e!important;
 background:none!important;background-image:none!important;text-shadow:none!important;
}
#view-reflection .room-hero-content>p{
 color:#d5b984!important;-webkit-text-fill-color:#d5b984!important;
 text-shadow:none!important;
}
#view-reflection .room-hero .back-door{
 background:linear-gradient(135deg,rgba(78,77,75,.84),rgba(43,45,47,.91))!important;
 background-color:#434447!important;border:1px solid rgba(168,171,174,.48)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;
 transition:box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
#view-reflection .room-hero .back-door svg,#view-reflection .room-hero .back-door path{
 color:#fff!important;stroke:#fff!important;
}
#view-reflection .room-hero .back-door:hover,#view-reflection .room-hero .back-door:focus-visible{
 border-color:rgba(226,231,238,.8)!important;
 box-shadow:0 0 15px rgba(204,215,230,.28),inset 0 0 8px rgba(226,233,242,.12)!important;
}
#view-reflection .content-shell{padding-top:5px!important;padding-bottom:52px!important}
#view-reflection #reflectionItems{display:none!important}
#view-reflection .v461-book{margin:12px auto 22px!important;padding-top:22px!important;padding-bottom:25px!important}
#view-reflection .v461-book h3{margin-top:0!important}
#view-reflection .v461-book-nav{margin:10px 0!important}
#view-reflection #journalExport,#view-reflection #journalDelete{
 width:auto!important;min-width:0!important;display:inline-block!important;
 position:relative;background:transparent!important;background-image:none!important;
 border:0!important;outline:0!important;border-radius:0!important;
 box-shadow:none!important;text-shadow:none!important;padding:9px 3px!important;
 margin:3px 12px!important;color:#e6d8bf!important;-webkit-text-fill-color:#e6d8bf!important;
 transform:none!important;transition:color .2s ease!important;
}
#view-reflection #journalExport::after,#view-reflection #journalDelete::after{
 content:'';position:absolute;bottom:4px;right:0;left:0;height:1px;
 background:#d4ad69;transform:scaleX(0);transform-origin:center;
 transition:transform .22s ease;pointer-events:none;
}
#view-reflection #journalExport:hover::after,#view-reflection #journalDelete:hover::after,
#view-reflection #journalExport:focus-visible::after,#view-reflection #journalDelete:focus-visible::after{transform:scaleX(1)}
#view-reflection #journalExport:hover,#view-reflection #journalDelete:hover{
 background:transparent!important;box-shadow:none!important;filter:none!important;
}
@media(max-width:767px){
 html body.studio-app #view-reflection.room-view,html body.studio-app.night #view-reflection.room-view,
 html body.studio-app.day #view-reflection.room-view{
 background:#0d0e10 url('shaliz-reflection-mobile.jpg') center center / cover no-repeat fixed!important;
 }
 body.studio-app:has(#view-reflection.active) #view-reflection::before{
 background:url('shaliz-reflection-mobile.jpg') center center / cover no-repeat!important;
 }
 #view-reflection .room-hero{padding:15px 12px 5px!important}
 #view-reflection .content-shell{padding-top:0!important;padding-bottom:95px!important}
 #view-reflection .v461-book{margin:9px auto 18px!important;padding-top:18px!important}
}
