/* Shared presentation for browser and Android WebView. */
:root{--sky-panel:rgba(5,21,37,.66);--sky-gold:#d5e9f8;--sky-lilac:#c4dbef}
html,body,#skyCanvas{background:#071525!important}
.glass{border-color:rgba(173,209,235,.15)!important;box-shadow:0 6px 24px rgba(0,7,18,.16)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.topbar{border-radius:16px!important}
.search-box{border-radius:12px!important;background:rgba(3,16,30,.40)!important;border-color:rgba(164,200,229,.14)!important}
.search-box input::placeholder{color:rgba(184,207,225,.64)!important}
.control-dock{border-radius:18px!important;background:rgba(5,21,37,.78)!important}
.tool-button{color:#b9d0e2!important}
.tool-button.active{color:#e1f3ff!important;border-color:rgba(151,203,235,.24)!important;background:rgba(98,159,197,.13)!important;box-shadow:none!important}
.constellation-badge strong,.focus-label strong,.art-hint strong{color:#deeffb!important;text-shadow:0 1px 5px rgba(0,8,18,.7)!important}
.brand-mark{color:#c5e7fb;text-shadow:0 0 9px rgba(121,183,223,.28)}
.vignette{background:radial-gradient(ellipse at 50% 44%,transparent 52%,rgba(1,9,19,.14) 100%)!important}
@media(max-width:760px){.topbar{left:10px!important;right:10px!important}.control-dock{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}}