:root{--bg:#0f172a;--fg:#e2e8f0;--muted:#94a3b8;--link:#60a5fa;--surface:#1a2236;--surfaceSoft:#1e2a40;--surfaceAlt:#202b44;--border:#2a3b57;--accent:#22c55e;--theadBorder:#2c4574;--rowHover:#233455;--rowAlt:#1c2842;--btnBg:#1b263d;--btnBorder:#2a3b57;--theadBgDark:#15233d;--theadTextDark:#dbeafe}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Noto Naskh Arabic",Tahoma,Arial,sans-serif}.wrap{max-width:960px;margin:0 auto;padding:12px 12px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:nowrap}h1{margin:0;font-size:24px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.actions::-webkit-scrollbar{display:none}button{position:relative;background:var(--btnBg);border:1px solid var(--btnBorder);color:var(--fg);border-radius:16px;padding:10px 12px;cursor:pointer;font-size:15px;transition:transform .08s,box-shadow .2s;box-shadow:0 4px 14px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);white-space:nowrap}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.light header .actions button{box-shadow:0 4px 14px rgba(0,0,0,.10),0 2px 6px rgba(0,0,0,.06)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.28)}.center{text-align:center}.chips{display:grid;grid-template-columns:1fr;gap:8px}.chip{display:flex;align-items:center;justify-content:center;color:var(--fg);font-size:17px;text-align:center}.chip.mono{font-variant-numeric:tabular-nums;direction:ltr}.tag{display:block;color:var(--fg);margin-bottom:6px;font-size:17px}.count{font-variant-numeric:tabular-nums;direction:ltr;font-weight:700;font-size:20px;display:inline-block;background:var(--surfaceSoft);border:1px solid var(--border);border-radius:10px;padding:6px 10px;margin-top:2px}body:not(.light) #nowCard .tag,body:not(.light) #nowCard #nowTime{color:#facc15}#nowTime{direction:rtl;unicode-bidi:isolate;text-align:right;white-space:nowrap}#today{font-size:1.1em;font-weight:800}body:not(.light) #today{color:#facc15}body.light #today{color:#1d4ed8}.card.table-card{padding:0;overflow:hidden;border-radius:18px}table{width:100%;border-collapse:separate;border-spacing:0;margin:0;font-size:16px}thead th{position:sticky;top:0;z-index:1;background:#e1e8fb;color:#0f172a;border-bottom:1px solid #cbd5e1;padding:12px 14px;text-align:center}thead th:first-child{border-top-right-radius:18px}thead th:last-child{border-top-left-radius:18px}body:not(.light) thead th{background:var(--theadBgDark);color:var(--theadTextDark);border-bottom:1px solid var(--theadBorder)}tbody td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--border);background:var(--surfaceAlt)}tbody tr:nth-child(even) td{background:var(--rowAlt)}tbody tr:hover td{background:var(--rowHover)}tbody td:nth-child(2),tbody td:nth-child(3){text-align:center}.mono{font-variant-numeric:tabular-nums;direction:ltr}.footer{margin-top:14px;font-size:12px;color:#cbd5e1;text-align:center}.footer a{color:var(--link);text-decoration:underline}body.light .footer{color:#334155}.light{--bg:#f8fafc;--fg:#0f172a;--muted:#475569;--link:#1d4ed8;--surface:#ffffff;--surfaceSoft:#f8fafc;--surfaceAlt:#ffffff;--border:#e5e7eb;--theadBorder:#dbeafe;--rowHover:#f1f5f9;--rowAlt:#f8fafc;--btnBg:#ffffff;--btnBorder:#e5e7eb}@media (min-width:900px){.wrap{max-width:620px}table{font-size:15px}.card{padding:12px;border-radius:16px}.count{font-size:19px}.chip{font-size:16px}h1{font-size:22px}.actions button{font-size:14px;padding:9px 11px}}@media (orientation:landscape) and (max-width:900px){.wrap{max-width:540px}header{margin-bottom:8px}h1{font-size:19px}.actions{gap:6px}.actions button{font-size:13px;padding:7px 9px;border-radius:14px}.row{gap:8px}.card{padding:10px;border-radius:14px}.chip{font-size:15px}.tag{font-size:14px;margin-bottom:4px}.count{font-size:17px;padding:4px 7px}table{font-size:14px}thead th,tbody td{padding:8px 10px}.footer{margin-top:10px;font-size:11px}}@media (max-width:600px){html.crios .wrap{padding:8px 10px 12px}html.crios header{margin-bottom:6px}html.crios h1{font-size:19px}html.crios .actions{gap:6px}html.crios .actions button{font-size:12px;padding:7px 9px;border-radius:14px}}@media (max-width:600px){html.chrome-android .wrap{padding:8px 10px 10px}html.chrome-android header{margin-bottom:6px}html.chrome-android h1{font-size:18px}html.chrome-android .actions{gap:6px}html.chrome-android .actions button{font-size:11.5px;padding:6px 8px;border-radius:14px}}@media (max-width:430px){.wrap{padding:8px 10px 10px}header{gap:6px;margin-bottom:6px}h1{font-size:18px}.actions{gap:6px}.actions button{font-size:11.5px;padding:6px 8px;border-radius:14px}.row{gap:6px}.card{padding:9px;border-radius:14px}.chips{gap:6px}.chip{font-size:14px}.tag{font-size:14px;margin-bottom:3px}.count{font-size:17px;padding:4px 7px}table{font-size:14px}thead th,tbody td{padding:7px 9px}.footer{margin-top:8px;font-size:11px}}@media (max-width:380px){h1{font-size:17px}.actions button{font-size:10.5px;padding:5px 7px}.card{padding:8px}.chip{font-size:13px}.tag{font-size:13px}.count{font-size:16px}table{font-size:13.5px}thead th,tbody td{padding:6px 8px}}.moon-card .moon-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.moon-card .tag{font-size:15px;margin-bottom:4px}.moon-card .count{padding:5px 8px;font-size:15px}.moon-card .moon-visual{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-inline:4px}.moon-card .moon-visual img,.moon-card .moon-visual canvas{width:64px;height:64px;display:block}@media (max-width:420px){.moon-card .moon-visual{width:58px;height:58px}.moon-card .moon-visual img,.moon-card .moon-visual canvas{width:58px;height:58px}}#moonrise,#moonset{direction:rtl !important;unicode-bidi:isolate;text-align:right;white-space:nowrap}.slidefade{overflow:hidden;transition:height .28s ease,opacity .28s ease}#eventsCard #occTitle{font-size:22px;font-weight:800;line-height:1.3}@media (min-width:900px){#eventsCard #occTitle{font-size:24px}}#eventsCard #occCountdown{font-size:15px;font-weight:400;direction:rtl !important;unicode-bidi:isolate}body:not(.light) #eventsCard #occTitle,body:not(.light) #eventsCard #occCountdown,body:not(.light) #eventsCard #occWhen{color:#facc15}body.light #eventsCard #occTitle,body.light #eventsCard #occCountdown,body.light #eventsCard #occWhen{color:#1d4ed8}#payoutsWrap .title{font-size:22px;font-weight:800;line-height:1.3}@media (min-width:900px){#payoutsWrap .title{font-size:24px}}#payoutsWrap .countText{font-size:15px;font-weight:400;direction:rtl !important;unicode-bidi:isolate}body:not(.light) #payoutsWrap .title,body:not(.light) #payoutsWrap .countText,body:not(.light) #payoutsWrap .when{color:#40E0D0}body.light #payoutsWrap .title,body.light #payoutsWrap .countText,body.light #payoutsWrap .when{color:#166534}#vacationsWrap .title{font-size:22px;font-weight:800;line-height:1.3}@media (min-width:900px){#vacationsWrap .title{font-size:24px}}#vacationsWrap .countText{font-size:15px;font-weight:400;direction:rtl !important;unicode-bidi:isolate}body:not(.light) #vacationsWrap .title,body:not(.light) #vacationsWrap .countText,body:not(.light) #vacationsWrap .when{color:#e879f9}body.light #vacationsWrap .title,body.light #vacationsWrap .countText,body.light #vacationsWrap .when{color:#7e22ce}body:not(.light) #payoutsWrap .vac .title,body:not(.light) #payoutsWrap .vac .countText,body:not(.light) #payoutsWrap .vac .when{color:#e879f9}body.light #payoutsWrap .vac .title,body.light #payoutsWrap .vac .countText,body.light #payoutsWrap .vac .when{color:#7e22ce}body:not(.light) #solarEclipseCard #solarWhen{color:#ef4444 !important}body.light      #solarEclipseCard #solarWhen{color:#ef4444 !important}body:not(.light) #lunarEclipseCard #lunarWhen{color:#fb923c !important}body.light      #lunarEclipseCard #lunarWhen{color:#ea580c !important}#eclipseWrap .title{font-weight:800}#eclipseWrap .count{font-weight:400}body:not(.light) #eclipseWrap .title,body:not(.light) #eclipseWrap .count,body:not(.light) #lunarEclipseCard #lunarWhen{color:#fb923c}body.light #eclipseWrap .title,body.light #eclipseWrap .count,body.light #solarEclipseCard #solarWhen{color:#0ea5e9}#solarEclipseCard .title,#solarEclipseCard .count,#solarEclipseCard #solarWhen{color:#ef4444 !important}#lunarEclipseCard .title,#solarEclipseCard .title{font-size:22px;font-weight:800;line-height:1.3}@media (min-width:900px){#lunarEclipseCard .title,#solarEclipseCard .title{font-size:24px}}#lunarEclipseCard .countText,#solarEclipseCard .countText{font-size:15px;font-weight:400;direction:rtl !important;unicode-bidi:isolate}#eclipseWrap .title{font-size:22px;font-weight:800;line-height:1.3}@media (min-width:900px){#eclipseWrap .title{font-size:24px}}#eclipseWrap .countText{font-size:15px;font-weight:400;direction:rtl !important;unicode-bidi:isolate}#lunarCitiesA,#solarCitiesA{white-space:normal;overflow:visible}#lunarCitiesB,#solarCitiesB{display:block}#lunarCitiesB:empty,#solarCitiesB:empty{display:none}body:not(.light) #lunarEclipseCard .title,body:not(.light) #lunarEclipseCard .count,body:not(.light) #lunarEclipseCard #lunarWhen{color:#fb923c !important}body.light #lunarEclipseCard .title,body.light #lunarEclipseCard .count,body.light #lunarEclipseCard #lunarWhen{color:#ea580c !important}body:not(.light) #lunarEclipseCard .cities,body:not(.light) #lunarEclipseCard #lunarCitiesA,body:not(.light) #lunarEclipseCard #lunarCitiesB,body:not(.light) #solarEclipseCard .cities,body:not(.light) #solarEclipseCard #solarCitiesA,body:not(.light) #solarEclipseCard #solarCitiesB{color:#ffffff !important}body.light #lunarEclipseCard .cities,body.light #lunarEclipseCard #lunarCitiesA,body.light #lunarEclipseCard #lunarCitiesB,body.light #solarEclipseCard .cities,body.light #solarEclipseCard #solarCitiesA,body.light #solarEclipseCard #solarCitiesB{color:#000000 !important}