html{font-size:110%}:root{--font-display: "Cormorant Garamond", serif;--font-body: "Crimson Pro", serif;--font-ui: "Inter", sans-serif;--fs-display: 2rem;--fs-heading: 1.3rem;--fs-title: 1rem;--fs-base: 1rem;--fs-sm: .88rem;--fs-xs: .75rem;--fs-2xs: .55rem;--fs-3xs: .5rem;--fs-4xs: .45rem}@media (max-width: 900px){:root{--fs-display: 1.7rem;--fs-heading: 1.15rem;--fs-title: .95rem;--fs-base: .92rem;--fs-sm: .8rem;--fs-xs: .7rem;--fs-2xs: .55rem;--fs-3xs: .5rem;--fs-4xs: .42rem}}@media (max-width: 480px){:root{--fs-display: 1.4rem;--fs-heading: 1rem;--fs-title: .88rem;--fs-base: .88rem;--fs-sm: .75rem;--fs-xs: .65rem;--fs-2xs: .5rem;--fs-3xs: .45rem;--fs-4xs: .38rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sky-bg: #070a12;--glass: rgba(8, 10, 20, .85);--glass-border: rgba(85, 102, 204, .15);--gold: #d4af37;--txt: #f0ece4;--txt2: rgba(240, 236, 228, .6);--txt3: rgba(240, 236, 228, .3);--header-h: 2.4rem;--safe-b: env(safe-area-inset-bottom, 0px)}html,body{height:100%;overflow:hidden;background:var(--sky-bg);color:var(--txt);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent}.data-source{font-family:var(--font-ui);font-weight:300;font-size:.55rem;color:#f5f0e647;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#canvasWrap{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:var(--sky-bg);touch-action:none}#canvasWrap canvas{width:100%!important;height:100%!important;display:block}#bible-verse{position:fixed;top:calc(var(--header-h) + .35rem);left:50%;transform:translate(-50%);z-index:90;text-align:center;pointer-events:none;max-width:min(90vw,600px);padding:.4rem 1rem}.bv-content{font-family:var(--font-body);font-weight:300;font-style:italic;font-size:clamp(.85rem,2.5vw,1.2rem);color:#f5f0e6d9;line-height:1.5;text-shadow:0 0 12px rgba(5,5,22,.95),0 0 24px rgba(5,5,22,.5)}.bv-ref{font-family:var(--font-ui);font-weight:300;font-size:clamp(.65rem,1.5vw,.85rem);color:#b4c8dc8c;letter-spacing:.12em;margin-top:.3rem;text-transform:uppercase}.bv-ref:after{content:" KJV";color:#d4af3759;letter-spacing:.08em;margin-left:.15em}.bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 0 calc(12px + var(--safe-b));z-index:60;pointer-events:none}.bottom-bar>*{pointer-events:auto}.pan-controls{display:flex;align-items:center;gap:3px;padding:4px;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pan-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid transparent;border-radius:5px;color:var(--txt2);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.pan-btn:hover{background:#ffffff12;color:var(--gold);border-color:#d4af3733}.pan-btn:active{background:var(--gold);color:var(--sky-bg)}.pan-label{min-width:38px;text-align:center;font-family:var(--font-ui);font-size:.52rem;color:var(--txt3);letter-spacing:.05em;font-variant-numeric:tabular-nums}.pan-sep{width:1px;height:16px;background:var(--glass-border);margin:0 2px}.pan-btn-recenter{color:var(--gold)}#btnSept23{box-shadow:0 0 8px #d4af3780,0 0 16px #d4af3740}.pan-btn-recenter:hover{color:var(--txt);background:#d4af3726;border-color:#d4af374d}.pan-btn-toggle{color:var(--txt3)}.pan-btn-toggle.active{color:var(--gold);background:#d4af371f;border-color:#d4af3740}.pan-btn-toggle:hover{color:var(--gold)}.pan-btn[data-tip]{position:relative}.pan-btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 8px;background:#080a14f2;border:1px solid rgba(212,175,55,.25);border-radius:4px;font-family:var(--font-ui);font-size:.5rem;font-weight:500;color:var(--txt);letter-spacing:.06em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:100}.pan-btn[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.time-controls{display:flex;align-items:center;gap:2px;padding:4px 6px;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.time-btn{width:30px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid transparent;border-radius:4px;color:var(--txt2);cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-size:.55rem;line-height:1}.time-btn:hover{background:#ffffff12;color:var(--gold);border-color:#d4af3733}.time-btn:active{background:var(--gold);color:var(--sky-bg)}.time-btn-play{width:34px;font-size:.65rem}.time-btn-play.paused{color:var(--gold)}.time-btn-dir{width:28px;font-size:.55rem;color:var(--txt)}.time-btn-dir:hover{color:var(--gold)}.play-dir{font-family:var(--font-ui);font-size:var(--fs-3xs);font-weight:500;color:#c8c8c880;letter-spacing:.08em;min-width:0;max-width:0;overflow:hidden;opacity:0;transition:opacity .3s,max-width .3s,min-width .3s,margin .3s;white-space:nowrap;margin:0}.play-dir.visible{opacity:1;max-width:80px;min-width:50px;margin:0 4px}.play-dir.reverse{color:#c8a06499}.play-dir.forward{color:#8cb4dc99}.time-btn-mult{width:24px;font-size:.45rem;font-weight:600}.time-btn-mult.active{color:var(--gold);background:#d4af371f;border-color:#d4af3740}.time-sep{width:1px;height:14px;background:var(--glass-border);margin:0 3px;flex-shrink:0}.info-overlay{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--glass);border:1px solid var(--glass-border);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-ui);font-size:.52rem;color:var(--txt3);letter-spacing:.04em;z-index:50;pointer-events:none;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@media (max-height: 600px){.info-overlay{bottom:60px}}.date-main{color:var(--txt);font-family:var(--font-body);font-size:var(--fs-base);font-weight:600;font-variant-numeric:tabular-nums}.jd-display{color:var(--txt3);font-family:var(--font-mono, monospace);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;opacity:.7}.info-sep{width:3px;height:3px;border-radius:50%;background:var(--txt3);opacity:.5}#dirDisplay{font-variant-numeric:tabular-nums;letter-spacing:.02em}.soj-label{font-family:var(--font-ui);font-weight:400;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px rgba(5,5,16,.95),0 0 14px rgba(5,5,16,.7),1px 1px 3px rgba(0,0,0,.8)}.soj-label-star{font-size:.55rem;font-weight:300;color:#b4c3f073;letter-spacing:.08em}.soj-label-highlight{color:#4f4!important;font-weight:500}.soj-label-constellation{font-size:.65rem;font-weight:400;color:#6e8cf080;letter-spacing:.18em}.soj-label-planet{font-size:.55rem;font-weight:600;letter-spacing:.08em;text-shadow:0 0 8px rgba(0,0,0,.95),0 0 20px rgba(0,0,0,.8)}.soj-label-horizon{font-size:.42rem;font-weight:300;color:#a0783c66;letter-spacing:.14em}.compass-strip{position:fixed;bottom:140px;left:50%;transform:translate(-50%);width:340px;height:44px;overflow:hidden;z-index:20;border-radius:6px;background:#080a12eb;border:1.5px solid rgba(180,150,70,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000080}.compass-tick{position:absolute;top:0;left:50%;transform:translate(-50%);width:2.5px;height:100%;background:#d4a84e;z-index:2;box-shadow:0 0 10px #d4a84ecc}.compass-tick:before,.compass-tick:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent}.compass-tick:before{top:-1px;border-bottom:7px solid #d4a84e}.compass-tick:after{bottom:-1px;border-top:7px solid #d4a84e}.compass-band{display:flex;align-items:center;height:100%;white-space:nowrap;transition:transform .15s ease-out}.compass-dir{display:inline-flex;align-items:center;justify-content:center;width:42.5px;flex-shrink:0;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#b4aa8c73;letter-spacing:.08em}.compass-dir[data-dir=N]{color:#e65a5af2;font-weight:800;text-shadow:0 0 6px rgba(230,90,90,.4)}.compass-dir[data-dir=S]{color:#5ab4f0f2;font-weight:800;text-shadow:0 0 6px rgba(90,180,240,.4)}.compass-dir[data-dir=E],.compass-dir[data-dir=W]{color:#dcb950e6;font-weight:800;text-shadow:0 0 6px rgba(220,185,80,.3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}}@media (max-width: 768px){.data-source{font-size:.48rem}#bible-verse{top:calc(var(--header-h) + .2rem);padding:.3rem .75rem}.bv-content{font-size:clamp(.75rem,2.8vw,1rem)}.bv-ref{font-size:clamp(.6rem,1.8vw,.75rem)}.pan-controls{gap:2px;padding:3px}.pan-btn{width:28px;height:26px}.pan-label{min-width:32px;font-size:.48rem}.time-controls{gap:1px;padding:3px 4px}.time-btn{width:26px;height:24px;font-size:.5rem}.time-btn-play{width:30px}.time-btn-dir{width:24px;font-size:.48rem}.time-btn-mult{width:20px;font-size:.4rem}.time-sep{margin:0 2px}.info-overlay{bottom:92px;font-size:.48rem;padding:5px 10px;gap:4px}.date-main{font-size:var(--fs-sm)}.jd-display{font-size:.45rem}.compass-strip{bottom:128px}}@media (max-width: 480px){:root{--header-h: 2rem}.data-source{font-size:.42rem}#bible-verse{top:calc(var(--header-h) + .15rem);padding:.2rem .5rem}.bv-content{font-size:clamp(.65rem,3.2vw,.8rem);line-height:1.4}.bv-ref{font-size:clamp(.5rem,2.2vw,.6rem)}.bottom-bar{padding:0 0 calc(10px + var(--safe-b));gap:4px}.pan-controls{gap:2px;padding:3px}.pan-btn{width:30px;height:30px}.pan-label{min-width:28px;font-size:.45rem}.time-controls{gap:1px;padding:3px}.time-btn{width:24px;height:24px;font-size:.45rem}.time-btn-play{width:28px;font-size:.6rem}.time-btn-dir{width:24px;font-size:.45rem}.time-btn-mult{width:19px;font-size:.38rem}.info-overlay{bottom:84px;font-size:.42rem;padding:4px 8px;gap:3px;border-radius:5px}.date-main{font-size:var(--fs-xs)}.jd-display{font-size:.4rem}.info-sep{width:2px;height:2px}.compass-strip{bottom:116px;width:280px;height:36px}.compass-dir{font-size:.7rem;width:35px}.compass-tick:before,.compass-tick:after{border-left-width:5px;border-right-width:5px}.compass-tick:before{border-bottom-width:5px}.compass-tick:after{border-top-width:5px}}@media (max-width: 360px){.time-btn-mult:nth-child(n+8){display:none}.compass-strip{width:240px}.compass-dir{font-size:.6rem;width:30px}}