/* CELESTIAL EXPERIENCE R4 — clarity + near-return + lunar geometry */
.cm-retrograde-first-contact{margin:18px 0 0;padding:14px 16px;border:1px solid rgba(210,177,102,.34);background:linear-gradient(90deg,rgba(210,177,102,.08),rgba(9,13,18,.22));display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:12px 22px;align-items:center;overflow:hidden}
.cm-retrograde-first-contact .cm-retrograde-word{font:600 clamp(17px,2vw,25px)/1 Georgia,serif;letter-spacing:.09em;color:#e7cf94;white-space:nowrap;min-width:0}
.cm-retrograde-first-contact p{margin:0;color:#c6cbd0;line-height:1.48;font-size:13px;min-width:0;overflow-wrap:anywhere}.cm-retrograde-first-contact b{color:#f2f4f5;font-weight:650}
.cm-retrograde-first-contact[data-state="retrograde"]{border-color:rgba(229,187,91,.72);box-shadow:0 0 42px rgba(201,152,44,.1),inset 0 0 30px rgba(201,152,44,.035)}
.cm-retrograde-first-contact[data-state="retrograde"] .cm-retrograde-word{color:#f2cf79;text-shadow:0 0 18px rgba(242,207,121,.18)}
.cm-retrograde-first-contact[data-state="retrograde"] .cm-retrograde-word:after{content:" BEGINS"}
.cm-retrograde-first-contact[data-state="direct"] .cm-retrograde-word:after{content:" / DIRECT";color:#8d979e;font-size:.55em;letter-spacing:.13em}
.cm-live-frames-r1 .cm-live-frames-head h2{max-width:900px}
.cm-retrograde-codex-r1{opacity:.83;transform:scale(.985);transform-origin:center top}.cm-retrograde-codex-r1:hover,.cm-retrograde-codex-r1:focus-within{opacity:1}
.cm-relativity-question p strong,.cm-relativity-lesson strong{color:#ece2c4}
.cm-new-instrument{margin:clamp(52px,8vw,100px) 0 0;border-top:1px solid rgba(210,215,220,.13);padding-top:clamp(30px,5vw,58px)}
.cm-new-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.36fr);gap:24px;align-items:end;margin-bottom:20px}.cm-new-head h2{font:500 clamp(34px,5vw,64px)/.98 Georgia,serif;margin:7px 0 10px}.cm-new-head p{margin:0;max-width:820px;color:#aab2b9;line-height:1.58}.cm-new-law{border-left:1px solid rgba(215,180,100,.42);padding:10px 0 10px 17px;color:#8f989f;font-size:11px;letter-spacing:.13em;line-height:1.7}.cm-new-law strong{display:block;color:#e4c77f;font-size:13px}
.cm-near-return-stage,.cm-lunar-stage{border:1px solid rgba(181,193,202,.16);background:radial-gradient(circle at 50% 46%,rgba(33,43,52,.30),rgba(5,8,11,.94) 64%);box-shadow:0 28px 80px rgba(0,0,0,.33);position:relative;overflow:hidden}
#cmNearReturnCanvas,#cmLunarCanvas{width:100%;height:auto;display:block;aspect-ratio:16/8.4}
.cm-new-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cm-new-controls button{border:1px solid rgba(176,188,198,.27);background:#090c10;color:#dce0e3;border-radius:999px;padding:10px 15px;cursor:pointer;letter-spacing:.08em;font-size:10px}.cm-new-controls button[aria-pressed="true"],.cm-new-controls button:hover{border-color:rgba(220,184,98,.72);color:#efd595}.cm-new-controls button:focus-visible,.cm-lunar-control input:focus-visible{outline:2px solid #d7b66b;outline-offset:3px}
.cm-near-return-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;border:1px solid rgba(181,193,202,.12);background:rgba(181,193,202,.12)}.cm-near-return-readout div{background:#080b0e;padding:14px}.cm-near-return-readout span{display:block;color:#69757e;font-size:9px;letter-spacing:.14em}.cm-near-return-readout strong{display:block;margin-top:6px;font:500 18px Georgia,serif;color:#d8dde0}.cm-near-return-readout .gold strong{color:#e6c679}
.cm-lunar-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px}.cm-lunar-panel{border:1px solid rgba(181,193,202,.14);background:rgba(7,10,13,.74);padding:16px}.cm-lunar-panel h3{font:500 24px Georgia,serif;margin:4px 0 8px}.cm-lunar-status{font-size:13px;color:#b9c0c6;line-height:1.55;min-height:42px}.cm-lunar-controls{display:grid;gap:14px;margin-top:18px}.cm-lunar-control{display:grid;grid-template-columns:90px 1fr 64px;gap:10px;align-items:center}.cm-lunar-control label{font-size:9px;letter-spacing:.14em;color:#76818a}.cm-lunar-control output{text-align:right;font:500 13px Georgia,serif;color:#ded3b7}.cm-lunar-control input{width:100%;accent-color:#d5b76e}.cm-lunar-actions{display:flex;gap:8px;flex-wrap:wrap}.cm-lunar-actions button{flex:1 1 120px;border:1px solid rgba(176,188,198,.27);background:#090c10;color:#dce0e3;border-radius:999px;padding:10px 14px;cursor:pointer;letter-spacing:.08em;font-size:10px}.cm-lunar-actions button:hover,.cm-lunar-actions button:focus-visible{border-color:rgba(220,184,98,.72);color:#efd595;outline:none;box-shadow:0 0 0 2px rgba(215,182,107,.12)}.cm-lunar-boundary{margin-top:16px;padding-top:12px;border-top:1px solid rgba(181,193,202,.11);font-size:11px;color:#6f7981;line-height:1.55}
@media(max-width:820px){.cm-new-head{grid-template-columns:1fr}.cm-new-law{border-left:0;border-top:1px solid rgba(215,180,100,.25);padding-left:0}.cm-near-return-readout{grid-template-columns:1fr 1fr}.cm-lunar-grid{grid-template-columns:1fr}.cm-retrograde-first-contact{grid-template-columns:1fr}.cm-retrograde-first-contact .cm-retrograde-word{white-space:normal}}
@media(max-width:520px){.cm-near-return-readout{grid-template-columns:1fr}.cm-lunar-control{grid-template-columns:72px 1fr 54px}.cm-new-controls button{flex:1 1 42%}}
@media(prefers-reduced-motion:reduce){.cm-retrograde-codex-r1{transform:none}.cm-new-instrument *{animation:none!important;transition:none!important}}