@font-face{font-family:aniyah;src:url(/fonts/aniyah.ttf) format("truetype"),url(/fonts/aniyah.woff) format("woff");font-display:swap}@font-face{font-family:brodish-regular;src:url(/fonts/BrodishRegular-OGL96.ttf) format("truetype");font-display:swap}@font-face{font-family:ae_shado_regular;src:url(/fonts/ae_shado_regular.ttf) format("truetype");font-display:swap}@font-face{font-family:gill-sans-shadowed;src:url(/fonts/gill-sans-shadowed.otf) format("opentype");font-display:swap}@font-face{font-family:space-mono;src:url(/fonts/Space_Mono/SpaceMono-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:space-mono;src:url(/fonts/Space_Mono/SpaceMono-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:space-mono;src:url(/fonts/Space_Mono/SpaceMono-Italic.ttf) format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:li-alinur;src:url(/fonts/Mina-Regular.ttf) format("truetype");font-display:swap}:root{--border-width: 4px;--shadow-offset: 6px;--radius: 0px;--font-sans: "brodish-regular", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "space-mono", "Courier New", monospace;--font-bengali: "li-alinur", sans-serif;--font-arabic: "Amiri", "ae_shado_regular", "Scheherazade New", serif;--font-gill-sans-shadowed: "gill-sans-shadowed", "Inter", system-ui, -apple-system, sans-serif;--bg-color: #fceea7;--text-main: #1e1e24;--text-card: #1e1e24;--accent-color: #ff5e5b;--border-color: #1e1e24;--surface-alt: #ffffff;--surface-nav: #ffffff;--separator-color: #1e1e24;--card-shadow-color: #1e1e24;--grid-color: rgba(30, 30, 36, .12);--grid-size: 40px}:root[data-theme=dark]{--bg-color: #1e1e24;--text-main: #ffffff;--text-card: #fceea7;--accent-color: #ff5e5b;--border-color: #ffffff;--surface-alt: #2a2a30;--surface-nav: #1e1e24;--separator-color: #fceea7;--card-shadow-color: #fceea7;--grid-color: rgba(252, 238, 167, .12);--grid-size: 40px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;transition:background-color .3s,color .3s}.brutal-box{background-color:var(--surface-alt);color:var(--text-main);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--border-color);transition:transform .1s ease,box-shadow .1s ease,background-color .2s,color .2s,border-color .2s}.brutal-box:hover{transform:translate(2px,2px);box-shadow:calc(var(--shadow-offset) - 2px) calc(var(--shadow-offset) - 2px) 0 0 var(--border-color)}select,option{font-family:var(--font-mono);color:var(--text-main);background-color:var(--surface-alt)}.bengali-text{font-family:var(--font-bengali)}.verse-card{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--card-shadow-color)!important;color:var(--text-card)}.modal-text{color:var(--text-card)}[data-theme=dark] .verse-card .arabic-text{color:#fff}.brutal-button{background-color:var(--accent-color);color:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--border-color);padding:.75rem 1.5rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .1s ease}.brutal-button:active{transform:translate(var(--shadow-offset),var(--shadow-offset));box-shadow:0 0 0 0 var(--border-color)}.brutal-switch-container{display:inline-block;position:relative;flex-shrink:0;width:60px;height:32px;cursor:pointer;border:var(--border-width) solid var(--border-color);background:var(--surface-alt);box-shadow:4px 4px 0 0 var(--border-color);transition:all .2s}.brutal-switch-container:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--border-color)}.brutal-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--accent-color);border:2px solid var(--border-color);transition:.3s}[data-theme=dark] .brutal-switch-thumb{transform:translate(28px)}.navbar{background:var(--surface-nav);border-bottom:var(--border-width) solid var(--border-color);display:flex;align-items:stretch;justify-content:space-between;position:sticky;top:0;z-index:100;transition:background-color .3s,border-color .3s;overflow:visible}.navbar-brand{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;flex-shrink:0;border-right:var(--border-width) solid var(--separator-color)}.navbar-right{display:flex;align-items:stretch;margin-left:auto}.navbar-settings{display:flex;align-items:stretch;font-family:var(--font-mono);font-size:.85rem}.navbar-theme{display:flex;align-items:center;padding:0 1rem;border-left:var(--border-width) solid var(--separator-color);flex-shrink:0}.navbar-section{display:flex;align-items:center;gap:.6rem;padding:0 1rem;border-right:var(--border-width) solid var(--separator-color)}.navbar-section:last-child{border-right:none}.navbar-hamburger{display:none;align-items:center;justify-content:center;cursor:pointer;padding:.75rem 1rem;background:none;border:none;border-left:var(--border-width) solid var(--separator-color);color:var(--text-main);font-size:1.5rem;font-family:var(--font-mono)}.navbar-drawer{display:none;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--surface-nav);border-bottom:var(--border-width) solid var(--separator-color);z-index:99;font-family:var(--font-mono)}.navbar-drawer.open{display:flex}.navbar-drawer-section{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;border-bottom:2px solid var(--separator-color);flex-wrap:wrap}.arabic-text{font-family:var(--font-arabic);font-size:2.2rem;line-height:2.5;text-align:right;direction:rtl}.verse-container{margin-bottom:2rem;padding:1.5rem;font-family:var(--font-mono)}.surah-header-arabic{font-family:ae_shado_regular,Amiri,serif}@media(max-width:900px){.navbar-settings{display:none}.navbar-hamburger{display:flex}.navbar-drawer.open~.navbar-settings{display:none}}@media(max-width:480px){.navbar-brand{padding:.5rem .75rem}.arabic-text{font-size:1.8rem;line-height:2.2}.verse-container{padding:1.5rem 1rem 1rem}}