@font-face{font-family:"Shabnam";src:url("fonts/shabnam.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Shabnam";src:url("fonts/shabnam-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Shabnam";src:url("fonts/shabnam-bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"DigiHamishe";src:url("fonts/digi-hamishe.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DigiHamishe";src:url("fonts/digi-hamishe-bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"GraphikArabic";src:url("fonts/graphik-arabic-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"GraphikArabic";src:url("fonts/graphik-arabic-bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"FarJadid";src:url("fonts/far-jadid.ttf") format("truetype");font-display:swap}
@font-face{font-family:"AMosalas";src:url("fonts/a-mosalas.ttf") format("truetype");font-display:swap}
:root{--bg:#f5f7fa;--panel:#fff;--text:#101828;--muted:#667085;--line:#e4e7ec;--accent:#2184ff;--soft:#eaf3ff;--danger:#c62828;--radius:22px;--max:1220px;--ink:var(--text);--blue:var(--accent);--paper:var(--panel)}
html[data-theme=dark]{--bg:#0b0f14;--panel:#121820;--text:#f4f7fb;--muted:#98a2b3;--line:#26303b;--soft:#10233d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Shabnam",Tahoma,Arial,sans-serif;line-height:1.7}
button,input{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:12px max(18px,calc((100% - var(--max))/2));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-weight:900}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);color:white}.nav{display:flex;gap:18px;flex:1}.nav a,.homebtn{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--text)}.top-actions,.row,.tabs{display:flex;align-items:center;gap:8px}.iconbtn,button,.homebtn,input{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 13px}.homebtn{color:var(--text)}button{cursor:pointer}.primary,.smart-search button{background:var(--accent);color:#fff;border-color:var(--accent)}
main{max-width:var(--max);margin:auto;padding:34px 18px 70px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch;padding:28px 0}.hero-copy{padding:24px 0}.eyebrow{font-size:13px;font-weight:800;color:var(--accent)}h1{font-size:clamp(38px,6vw,72px);line-height:1.05;margin:10px 0 14px}h2{margin:4px 0 12px;font-size:clamp(22px,3vw,32px)}p{color:var(--muted)}.smart-search{display:flex;gap:8px;margin-top:26px}.smart-search input{flex:1;min-width:0}.hint{color:var(--muted);font-size:13px;margin-top:8px}.now-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.clock{font-size:44px;font-weight:900;direction:ltr;text-align:right}.bigdate{font-size:20px;font-weight:800;margin:4px 0 18px}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-grid div,.stats article,.prayer-grid>div{padding:13px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}.date-grid span,.stats span{display:block;color:var(--muted);font-size:12px}.date-grid b{font-size:15px}.time-nav{display:flex;gap:8px;align-items:center;justify-content:center;margin:4px 0 18px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.stats strong{font-size:21px}.panel{margin:18px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays span{text-align:center;color:var(--muted);font-size:12px}.day{min-height:82px;text-align:right;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--bg)}.day:hover{border-color:var(--accent)}.day.out{opacity:.35}.day.today{outline:2px solid var(--accent)}.day.selected{background:var(--soft)}.day small{display:block;color:var(--muted);font-size:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{background:linear-gradient(145deg,var(--panel),var(--soft))}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px}.stack{display:grid;gap:9px}.stack>div{border-right:3px solid var(--accent);padding:8px 12px;background:var(--bg);border-radius:10px}.prayer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.empty,.news-placeholder{grid-column:1/-1;padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.tab.active,.event-filter.active{background:var(--soft);border-color:var(--accent)}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item time{font-weight:900;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.event-card,.count-card,.goal{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:16px}.event-card h3,.count-card h3,.goal h3{margin:0 0 6px}.countdowns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.count-num{font-size:28px;font-weight:900}.goal-form{display:grid;grid-template-columns:1fr 220px auto;gap:8px}.goals-list{display:grid;gap:9px;margin-top:12px}.goal{display:flex;justify-content:space-between;gap:10px;align-items:center}.goal button{padding:7px 10px}footer{max-width:var(--max);margin:auto;padding:30px 18px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p{margin:0}footer a{color:var(--accent);text-decoration:none}
@media(max-width:850px){.nav{display:none}.hero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.cards,.countdowns{grid-template-columns:1fr 1fr}.prayer-grid{grid-template-columns:repeat(3,1fr)}.goal-form{grid-template-columns:1fr 1fr}.goal-form button{grid-column:1/-1}.homebtn{display:none}}
@media(max-width:520px){main{padding-inline:12px}.topbar{padding-inline:12px}.hero{padding-top:10px}.now-card,.panel{padding:15px;border-radius:18px}.clock{font-size:34px}.date-grid{grid-template-columns:1fr}.day{min-height:64px;padding:7px}.cards,.countdowns{grid-template-columns:1fr}.prayer-grid{grid-template-columns:1fr 1fr}.goal-form{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.smart-search{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.top-actions{margin-right:auto}}

/* Runama Calendar typography system */
h1,h2,.brand{font-family:"GraphikArabic","Shabnam",sans-serif}
.clock,.count-num,.stats strong,.day b{font-family:"DigiHamishe","Shabnam",sans-serif;font-variant-numeric:tabular-nums}
#iran .eyebrow,#iran h2{font-family:"FarJadid","GraphikArabic","Shabnam",sans-serif}
.iran-ornament{font-family:"AMosalas","Shabnam",sans-serif}