:root{--ce-ink:#ecedf6;--ce-muted:#aab2ca;--ce-line:#323b52;--ce-accent:#ffc581;--ce-top:58px;--ce-bottom:62px}
body.ce-ready{margin:0!important;overflow:hidden!important;background:#04060d;color:var(--ce-ink)}
#ce-header,#ce-footer{position:fixed;left:0;right:0;z-index:70;display:flex;align-items:center;gap:14px;padding:0 20px;background:rgba(5,9,18,.92);border-color:var(--ce-line);box-sizing:border-box;font:14px/1.3 system-ui,sans-serif;color:var(--ce-ink);backdrop-filter:blur(12px)}
#ce-header{top:0;height:calc(var(--ce-top) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--ce-line)}
#ce-header h1{font:500 15px/1.2 system-ui,sans-serif;letter-spacing:0;margin:0;flex:1;text-align:center;min-width:0}
.ce-brand{color:var(--ce-accent);text-decoration:none;font-weight:600;white-space:nowrap}
#ce-footer{bottom:0;min-height:calc(var(--ce-bottom) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;border-top:1px solid var(--ce-line)}
#ce-header button,#ce-footer button,.ce-drawer button,.ce-drawer summary,.ce-drawer select{font:13px/1.3 system-ui,sans-serif;min-height:44px;padding:9px 12px;background:#101827;color:var(--ce-ink);border:1px solid var(--ce-line);border-radius:8px;cursor:pointer;letter-spacing:0;box-sizing:border-box}
#ce-header button:hover,#ce-footer button:hover,.ce-drawer button:hover{border-color:var(--ce-accent)}
#ce-footer button{text-transform:none!important;white-space:nowrap}
#ce-transport,.ce-actions,.ce-phase{display:flex;align-items:center;gap:8px;min-width:0}
.ce-phase{font:12px system-ui,sans-serif}.ce-phase button{min-width:44px}
.ce-drawer{position:fixed;inset:calc(var(--ce-top) + env(safe-area-inset-top)) 10px calc(var(--ce-bottom) + env(safe-area-inset-bottom)) auto;margin:10px 0;width:min(340px,calc(100vw - 20px));max-width:none;max-height:none;height:auto;border:1px solid var(--ce-line);border-radius:12px;padding:0;background:rgba(7,13,25,.98);color:var(--ce-ink);box-shadow:0 18px 60px #0009;font:14px/1.55 system-ui,sans-serif;overflow:auto;overscroll-behavior:contain;z-index:100}
.ce-drawer::backdrop{background:transparent}
.ce-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#091221;padding:8px 14px;border-bottom:1px solid var(--ce-line)}
.ce-drawer-head h2{font:600 15px system-ui,sans-serif;margin:0;letter-spacing:0}.ce-close{font-size:22px!important;min-width:44px}
.ce-content{padding:14px}.ce-content p,.ce-content .note,.ce-content .sub{font-size:13px!important;line-height:1.55!important;color:var(--ce-muted)}
.ce-content a{color:var(--ce-accent)}.ce-content .ce-native{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;opacity:1!important;pointer-events:auto!important}
.ce-content .row-top,.ce-content label,.ce-content .val,.ce-content .k,.ce-content .grp-h,.ce-content .sec-h{font-size:13px!important;letter-spacing:0!important;line-height:1.5!important}
.ce-content input[type=range]{min-height:44px;touch-action:pan-y;width:100%;box-sizing:border-box}
.ce-content select{width:100%}.ce-content .btns,.ce-content .qbtns,.ce-content .families,.ce-content .camera,.ce-content .types{display:flex!important;flex-wrap:wrap;gap:6px!important}
.ce-content .btns button,.ce-content .qbtns button{flex:1 0 auto}.ce-content .ce-native .atlas-link{display:none!important}
.ce-content #settingsPanel,.ce-content .hud{display:block!important}.ce-content .grp{display:block!important}.ce-content .grp .k{display:flex!important}
.ce-content .on{border-color:var(--ce-accent)!important;color:var(--ce-accent)!important}.ce-content .row{margin-bottom:12px!important}
.ce-context{margin:8px 0 18px}.ce-source-links a{display:inline-block;min-height:44px}
#ce-modules .ce-content a{display:flex;justify-content:space-between;padding:15px 10px;border-bottom:1px solid var(--ce-line);color:var(--ce-ink);text-decoration:none}#ce-modules a[aria-current]{color:var(--ce-accent)}
.ce-ready> .title,.ce-ready> .hint,.ce-ready> .links,.ce-ready> .clock,.ce-ready> .atlas-link,.ce-ready #navhint,.ce-ready #settingsToggle{display:none!important}
.ce-ready #focus-pill{top:calc(var(--ce-top) + 12px)!important;left:12px!important;bottom:auto!important;max-width:calc(100vw - 24px);font-size:13px}
.ce-ready #focus-pill button{min-height:44px}.ce-ready #radial-note,.ce-ready #scale-note{bottom:calc(var(--ce-bottom) + 12px)!important;max-width:calc(100vw - 32px)!important}
.ce-ready #toasts{top:calc(var(--ce-top) + 10px)!important;left:12px!important;right:auto!important;max-width:calc(100vw - 24px);transform:none!important;width:min(500px,calc(100vw - 24px))!important}
.ce-sky-time{display:block;color:var(--ce-muted);font:10px/1.5 system-ui,sans-serif}
.ce-ready #card{top:calc(var(--ce-top) + 10px)!important;bottom:auto!important;left:12px!important;width:min(330px,calc(100vw - 24px))!important;max-height:30dvh;overflow:auto}.ce-ready #card button{min-width:44px;min-height:44px}
.ce-ready #compass{bottom:calc(var(--ce-bottom) + 12px)!important}.ce-ready #obsChip{top:calc(var(--ce-top) + 12px)!important}.ce-ready> #stage{top:calc(var(--ce-top) + 12px)!important;left:16px!important;font-size:13px!important;transform:none!important}
.ce-ready[data-celestiales=escala] .shell{display:block!important;margin:0!important;padding:0!important;max-width:none!important}
.ce-ready[data-celestiales=escala] .shell>.top{display:none!important}
.ce-ready[data-celestiales=escala] .shell>.stage{position:fixed;inset:var(--ce-top) 0 var(--ce-bottom);height:auto!important;min-height:0!important;border:0;border-radius:0}
.ce-ready[data-celestiales=escala] .truth{top:10px;font-size:11px}.ce-content .readout{display:block!important}.ce-content .metric{padding:10px 0}
.ce-content .toolbar{display:block!important}.ce-content .objects{display:flex!important;flex-wrap:wrap}.ce-content .axis button{min-width:44px;min-height:44px;background:transparent}
.ce-ready .guide-top{display:none}.ce-content .guide .guide-top{display:none!important}.ce-content #detector,.ce-content .lc{display:block!important}.ce-content canvas{width:100%!important;height:auto!important}
.ce-skip{position:fixed;top:-100px;left:12px;z-index:200;background:#101827;color:var(--ce-ink);padding:12px}.ce-skip:focus{top:8px}
.ce-ready :focus-visible{outline:2px solid var(--ce-accent)!important;outline-offset:3px}
.ce-ready dialog#sources{max-height:75dvh;overflow:auto;font:14px/1.6 system-ui,sans-serif}.ce-ready dialog#sources p,.ce-ready dialog#sources li{font-size:14px}.ce-ready dialog#sources button{min-height:44px}
@media(max-width:600px){
  #ce-header,#ce-footer{padding-left:10px;padding-right:10px;gap:6px}#ce-header h1{font-size:13px}.ce-brand span{display:none}
  #ce-header button,#ce-footer button{padding:8px;font-size:12px}#ce-transport,.ce-actions{gap:5px}.ce-phase{gap:3px}.ce-phase button{min-width:36px!important;padding:7px!important}.ce-phase #phaseCount{display:none}
  .ce-drawer{inset:auto 8px calc(var(--ce-bottom) + env(safe-area-inset-bottom)) 8px;width:auto;max-height:35dvh;margin:8px 0;border-radius:12px 12px 0 0}
  #ce-modules{max-height:55dvh}.ce-ready #radial-note span,.ce-ready #scale-note span{font-size:10px!important}.ce-ready #card{max-height:28dvh}
}
@media(prefers-reduced-motion:reduce){.ce-ready *{scroll-behavior:auto!important}.ce-drawer{transition:none!important}}