:root{--bg:#070b14;--bg-2:#0c1322;--panel:#101828d1;--panel-border:#8caadc24;--text:#dde6f3;--muted:#8796ad;--accent:#e8c170;--accent-2:#7fb4ff;--danger:#ff7a7a;--lvl-astro:#5ed3e6;--lvl-model:#e8c170;--lvl-hypo:#d68cff;--lvl-user:#7be0a1;--sun:#ffcf6a;--moon:#e9eef7;--spring:#78c88c57;--summer:#f0be5a57;--autumn:#e1784652;--winter:#6ea0eb52;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--arabic:"Amiri", "Noto Naskh Arabic", "Geeza Pro", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse at 50% 40%, #2846782e, transparent 60%), radial-gradient(1px 1px at 12% 22%, #ffffff80, transparent 60%), radial-gradient(1px 1px at 72% 12%, #ffffff59, transparent 60%), radial-gradient(1px 1px at 35% 78%, #ffffff4d, transparent 60%), radial-gradient(1px 1px at 88% 66%, #fff6, transparent 60%), radial-gradient(1px 1px at 55% 92%, #ffffff40, transparent 60%), radial-gradient(1px 1px at 6% 58%, #ffffff4d, transparent 60%), var(--bg);color:var(--text);font-family:var(--font);background-attachment:fixed;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b14b3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.brand h1{letter-spacing:.08em;color:var(--accent);margin:0;font-size:20px;font-weight:600}.subtitle{color:var(--muted);font-size:13px}.legend{flex-wrap:wrap;gap:6px;display:flex}.layout{flex:1;grid-template-columns:minmax(280px,330px) minmax(0,1fr) minmax(320px,400px);align-items:start;gap:12px;padding:12px 12px 16px;display:grid}.sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.center{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.layout.no-right{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.data-toggle{margin-inline-start:auto;font-size:13px}.data-toggle.active{border-color:var(--lvl-astro);color:var(--lvl-astro)}@media (width<=1280px){.layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.sidebar.right{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}}@media (width<=860px){.layout{grid-template-columns:1fr;padding:10px 16px}.center{order:-1;position:static}.sidebar.right{display:flex}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;overflow:visible}.panel-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.panel-header h2{letter-spacing:.03em;margin:0;font-size:13px;font-weight:600}.panel-header-right{align-items:center;gap:6px;display:flex}.panel-body{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.panel-ASTRONOMICAL_DATA{border-inline-start:3px solid var(--lvl-astro)}.panel-CALENDAR_MODEL{border-inline-start:3px solid var(--lvl-model)}.panel-HISTORICAL_HYPOTHESIS{border-inline-start:3px solid var(--lvl-hypo)}.panel-USER_EXPERIMENT{border-inline-start:3px solid var(--lvl-user)}h3{margin:4px 0;font-size:13px;font-weight:600}h3.sub{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-weight:500;display:flex}.level-badge{font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;vertical-align:middle;border:1px solid;border-radius:4px;padding:2px 6px;font-size:10px;display:inline-block}.level-ASTRONOMICAL_DATA{color:var(--lvl-astro)}.level-CALENDAR_MODEL{color:var(--lvl-model)}.level-HISTORICAL_HYPOTHESIS{color:var(--lvl-hypo)}.level-USER_EXPERIMENT{color:var(--lvl-user)}.kv{border-bottom:1px dashed #8caadc14;justify-content:space-between;gap:12px;padding:2px 0;display:flex}.kv .k{color:var(--muted)}.kv .v{font-family:var(--mono);text-align:end;font-variant-numeric:tabular-nums;unicode-bidi:plaintext;font-size:12.5px}.muted{color:var(--muted)}.small{font-size:12px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid-2 label,.params label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.checkbox,.radio{align-items:center;flex-direction:row!important;gap:6px!important}.ar{font-family:var(--arabic);color:var(--accent);direction:rtl;unicode-bidi:isolate;font-size:16px}.big-ar{font-size:20px}.error,.warning{color:var(--danger);font-size:12px}.warning{color:#ffc26b}input,select{border:1px solid var(--panel-border);background:#050a14b3;border-radius:6px;width:100%;min-width:0;padding:5px 8px}input[type=checkbox],input[type=radio]{width:auto}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.btn,.chip,.tab,.travel button,.zoom-controls button,.icon-btn{border:1px solid var(--panel-border);cursor:pointer;background:#1e2c46cc;border-radius:6px;padding:6px 10px;transition:background .15s,border-color .15s}.btn:hover,.chip:hover,.tab:hover,.travel button:hover,.zoom-controls button:hover,.icon-btn:hover{background:#324669e6}.btn.ghost,.chip.ghost{background:0 0}.btn.live{letter-spacing:.05em;font-weight:600}.btn.live.active{color:#ffb3b3;background:#ff5a5a2e;border-color:#ff6b6b}.chip{border-radius:999px;padding:3px 9px;font-size:12px}.icon-btn{padding:1px 7px}.time-controls{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.speed{color:var(--muted);align-items:center;gap:6px;margin-inline-start:auto;font-size:12px;display:flex}.speed select{width:auto}.set-time{gap:6px;display:flex}.travel{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;display:grid}.travel-row{background:#050a1480;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;padding:2px;font-size:12px;display:flex}.travel-row button{padding:2px 9px}.sync-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.sync-status .dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.s-ok .dot{background:var(--lvl-user)}.s-loading .dot{background:var(--accent);animation:1s infinite pulse}.s-error .dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.location{flex-direction:column;gap:8px;display:flex}.model-tabs{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tab{font-family:var(--mono);padding:6px 4px;font-size:11.5px}.tab.active{border-color:var(--accent);color:var(--accent);background:#e8c1701a}.model-doc p{color:#c4cfdf;margin:4px 0;font-size:13px}.hypothesis-box{background:#d68cff0f;border:1px dashed;border-radius:6px;padding:8px;font-size:12.5px}.hypothesis-box.level-CALENDAR_MODEL{background:#e8c1700f}.hypothesis-box.level-USER_EXPERIMENT{background:#7be0a10f}.caveats{color:var(--muted);margin:6px 0 0;padding-inline-start:18px;font-size:12px}.params{flex-direction:column;gap:8px;display:flex}fieldset.anchor{border:1px solid var(--panel-border);border-radius:6px;flex-direction:column;gap:6px;font-size:12px;display:flex}fieldset.anchor legend{color:var(--muted);padding:0 4px}.source-line{font-size:12.5px}.bodies{grid-template-columns:1fr;gap:10px;display:grid}.body-card{background:#050a1473;border-radius:8px;padding:8px 10px}.seasons-list,.phase-list{margin:0;padding:0;font-size:12.5px;list-style:none}.seasons-list li{border-bottom:1px dashed #8caadc14;grid-template-columns:1fr auto;gap:2px 10px;padding:3px 0;display:grid}.seasons-list .season-name{color:var(--accent)}.seasons-list .muted{text-align:end;grid-column:2}.phase-list li{color:var(--muted);padding:2px 0}table.positions{border-collapse:collapse;width:100%;font-size:12.5px}table.positions caption{text-align:start;color:var(--muted);padding:4px 0;font-size:12px}table.positions th{text-align:start;vertical-align:top;font-family:var(--mono);white-space:nowrap;padding-block:6px;padding-inline-end:6px}table.positions th .level-badge{margin-inline-start:4px}table.positions td{border-bottom:1px dashed #8caadc14;padding:6px 0}table.positions tr.active td,table.positions tr.active th{color:var(--accent)}.epoch-panel .hypothesis-note{color:#c9b58a;margin:0;font-size:12.5px}.epoch-result{background:#e8c1700f;border-radius:8px;padding:8px 10px}.epoch-result .big{color:var(--accent);font-size:17px;font-weight:600;font-family:var(--mono);margin-bottom:6px}.epoch-panel input[type=date]{width:auto}.epoch-astro{flex-direction:column;gap:2px;display:flex}.month-detail{border-color:#e8c17066}.dial-container{aspect-ratio:1;width:min(100%,1150px);min-width:280px;position:relative}.dial{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;display:block}.zoom-controls{flex-direction:column;gap:4px;display:flex;position:absolute;top:4px;right:4px}.zoom-controls button{width:30px;height:30px;padding:0}.tooltip{pointer-events:none;z-index:10;white-space:pre-line;border:1px solid var(--panel-border);background:#080d18f2;border-radius:6px;max-width:270px;padding:6px 9px;font-size:12px;position:absolute;box-shadow:0 6px 20px #0006}.timeline-ring{fill:none;stroke:#8caadc0f;stroke-width:22px;pointer-events:stroke;cursor:grab}.timeline-ring:hover{stroke:#8caadc1f}.tick{stroke:#c8d7f059;stroke-width:.8px}.tick.faint{stroke:#c8d7f02e;stroke-width:.5px}.tick-label{fill:var(--muted);font-size:6.5px;font-family:var(--mono)}.ring-caption{fill:#c8d7f073;letter-spacing:.12em;text-transform:uppercase;font-size:7.5px}.sky-above{fill:#3c6eb429}.sky-below{fill:#040810d9}.sky-core{fill:var(--bg)}.sky-alt-circle{fill:none;stroke:#8caadc1a;stroke-dasharray:2 3}.horizon-line{fill:none;stroke:#a0c8ff8c;stroke-width:1.2px}.compass-label{fill:#dce6f5b3;font-size:11px;font-weight:600}.sun-daily-path{fill:none;stroke:#ffcf6a73;stroke-width:1.2px;stroke-dasharray:3 2}.season{stroke:#070b14cc;stroke-width:1px}.season-spring{fill:var(--spring)}.season-summer{fill:var(--summer)}.season-autumn{fill:var(--autumn)}.season-winter{fill:var(--winter)}.season-line{stroke:#ffffff59;stroke-width:.8px;stroke-dasharray:2 2}.season-dot{fill:#070b14e6;stroke:var(--accent);stroke-width:1.2px}.season-label{fill:var(--accent);letter-spacing:.05em;font-size:7px;font-weight:600}.lunation.even{fill:#8c96af1a}.lunation.odd{fill:#8c96af2e}.lunation{stroke:#070b14cc;stroke-width:.8px}.phase-dot{stroke:#e6ecf7cc;stroke-width:.9px}.phase-new{fill:#0b0f18}.phase-full{fill:var(--moon)}.phase-first-quarter,.phase-last-quarter{fill:#0b0f18}.phase-lit{fill:var(--moon)}.greg-month.even{fill:#7fb4ff14}.greg-month.odd{fill:#7fb4ff26}.greg-month{stroke:#070b14e6;stroke-width:1px;cursor:pointer}.greg-label{fill:#b9cdea;letter-spacing:.04em;font-size:10px}.islamic-month.even{fill:#50be961a}.islamic-month.odd{fill:#50be962e}.islamic-month.ramadan{fill:#e8c17033}.islamic-month{stroke:#070b14e6;stroke-width:1px;cursor:pointer}.islamic-month:hover,.greg-month:hover,.model-month:hover{fill-opacity:1;filter:brightness(1.5)}.arabic-label{font-family:var(--arabic);fill:#e4f2ea;font-size:13px}.translit-label{fill:#9fc9b5;letter-spacing:.02em;font-size:7.5px}.day-cell{stroke:#070b14d9;stroke-width:.35px;cursor:pointer}.day-cell.week-0{fill:#e8c1701f}.day-cell.week-1{fill:#e8c17038}.day-cell.mshade-0{fill:#e8c1701f}.day-cell.mshade-1{fill:#e8c17038}.day-cell.ooc{fill:#ff6e6e59}.day-cell.intercalary{fill:#d68cff4d}.day-cell:hover{fill:#ffffff59}.day-num{fill:#f0e6cdd9;font-size:5.6px;font-family:var(--mono)}.day-num.ooc-num{fill:#ffd0d0;font-weight:600}.week-line{stroke:#070b14f2;stroke-width:1.3px;pointer-events:none}.month-line{stroke:var(--accent);stroke-width:1px;opacity:.7;pointer-events:none}.model-month.even{fill:#e8c17024}.model-month.odd{fill:#e8c1703d}.model-month.ooc{fill:#ff6e6e59}.model-month.intercalary{fill:#d68cff59}.model-month{stroke:#070b14e6;stroke-width:1px;cursor:pointer}.model-month-label{fill:#f3e2bb;font-size:9.5px;font-weight:500}.epoch-marker{fill:var(--accent)}.today-band{fill:#ffffff12}.today-cell{fill:none;stroke:#fff;stroke-width:1.4px}.hand{stroke:#ffffff8c;stroke-width:1.2px}.hand.live{stroke:#ff8c8ccc}.hand-knob{fill:var(--accent);stroke:#070b14;stroke-width:2px;cursor:grab}.hand-knob:active{cursor:grabbing}.elongation-arc{fill:#e9eef759}.sun-glow{fill:url(#sunGlow)}.sun-disc{fill:var(--sun);stroke:#fff3cf;stroke-width:1px}.moon-dark{fill:#1a2233;stroke:#e9eef7b3;stroke-width:.8px}.moon-lit{fill:var(--moon)}.sky-body.below{opacity:.45}.body,.sky-body{cursor:help}.earth-disc{fill:url(#earthGrad);stroke:#7fb4ff66;stroke-width:1px}.earth-veil{fill:url(#earthVeil);pointer-events:none}.earth.has-image text{paint-order:stroke;stroke:#040810bf;stroke-width:2.5px;stroke-linejoin:round}.center-credit{fill:#dce6f5b3;letter-spacing:.08em;font-size:6px}.earth-grid{fill:none;stroke:#a0c8ff1f;stroke-width:.8px}.center-caption{fill:#c8dcf599;letter-spacing:.18em;font-size:7.5px}.center-time{fill:#f2f6fc;font-size:26px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500}.center-date{fill:#c5d3e8;font-size:9px}.center-tz{fill:var(--muted);font-size:7.5px;font-family:var(--mono)}.center-mode{fill:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:600}.center-mode.live{fill:#ff8e8e}.ring-legend{flex-wrap:wrap;justify-content:center;gap:4px 16px;max-width:900px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.ring-legend li{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.c-earth{background:#2b5f8a}.c-sky{background:#3c6eb499}.c-ecl{background:linear-gradient(90deg,#78c88c,#f0be5a,#e17846,#6ea0eb)}.c-lunar{background:#a0a8bb}.c-greg{background:#7fb4ff99}.c-islamic{background:#50be96b3}.c-model{background:var(--accent)}.footer{color:var(--muted);border-top:1px solid var(--panel-border);text-align:center;padding:12px 20px;font-size:12px}@media (prefers-reduced-motion:reduce){.s-loading .dot{animation:none}}.site-menu{z-index:30;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a101ceb;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 8px 24px #0006}.site-menu a{color:var(--text);white-space:nowrap;border-radius:7px;padding:5px 10px;font-size:12.5px;text-decoration:none}.site-menu a:hover{background:#32466999}.site-menu a.active{color:var(--accent);background:#e8c1701a}.footer{padding-bottom:64px}.sidebar.left{padding-bottom:48px}.about-overlay{z-index:20;background:#05080ff7;padding:24px 16px 110px;position:fixed;inset:0;overflow-y:auto}.about-page{max-width:820px;margin:0 auto;line-height:1.6}.about-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.about-page h1{color:var(--accent);letter-spacing:.02em;margin:0;font-size:26px}.about-page h2{border-bottom:1px solid var(--panel-border);margin:28px 0 10px;padding-bottom:6px;font-size:17px}.about-page h3{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.about-page p,.about-page li,.about-page dd{color:#c4cfdf}.about-page .lead{color:var(--text);font-size:15.5px}.about-page ul{padding-inline-start:20px}.about-levels{flex-direction:column;gap:8px;list-style:none;display:flex;padding:0!important}.about-levels li{grid-template-columns:190px 1fr;align-items:start;gap:12px;display:grid}.about-levels .level-badge{justify-self:start}.about-rings{flex-direction:column;gap:6px;margin:0;display:flex}.about-rings div{grid-template-columns:150px 1fr;gap:12px;display:grid}.about-rings dt{color:var(--accent);font-weight:500}.about-rings dd{margin:0}.about-models{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.about-models section{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:4px 14px}.about-hypo{border-inline-start:2px solid var(--lvl-hypo);padding-inline-start:10px;font-size:13px}.about-footer{margin-top:28px}@media (width<=600px){.about-levels li,.about-rings div{grid-template-columns:1fr;gap:2px}}.kv .k{align-items:center;gap:5px;display:inline-flex}.info-tip{vertical-align:middle;display:inline-flex;position:relative}.info-btn{cursor:help;width:15px;height:15px;color:var(--accent-2);background:#7fb4ff1a;border:1px solid #7fb4ff73;border-radius:50%;flex:none;place-items:center;padding:0;font:italic 600 10px/1 Georgia,serif;display:inline-grid}.info-btn:hover,.info-btn[aria-expanded=true]{color:#fff;background:#7fb4ff47}.info-pop{inset-inline-start:0;z-index:40;white-space:pre-line;width:270px;max-width:70vw;font:400 12px/1.45 var(--font);color:var(--text);text-align:start;background:#080d18f7;border:1px solid #7fb4ff59;border-radius:8px;padding:8px 10px;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 24px #00000080}.menu-sep{background:var(--panel-border);align-self:stretch;width:1px;margin:4px 2px}.lang-switch{gap:1px;display:flex}.lang-switch button{cursor:pointer;font:500 11.5px/1 var(--mono);color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px 7px}.lang-switch button:hover{color:var(--text);background:#32466999}.lang-switch button.active{color:var(--accent);background:#e8c1701f}:root:lang(ar){--font:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif}:lang(ar) body{font-size:15px}:lang(ar) .level-badge,:lang(ar) .tab{letter-spacing:0}.dial .model-month-label.arabic-script{font-family:var(--arabic);font-size:12px}:lang(ar) .dial .greg-label,:lang(ar) .dial .ring-caption,:lang(ar) .dial .season-label,:lang(ar) .dial .center-caption,:lang(ar) .dial .compass-label{font-family:"IBM Plex Sans Arabic", var(--font);letter-spacing:0;text-transform:none}