@font-face{font-family:text;src:url(/fonts/ClashDisplay-Regular.woff2) format("woff2"),url(/fonts/ClashDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:text-arabic;src:url(/fonts/ClashDisplay-Regular.woff2) format("woff2"),url(/fonts/ClashDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:quran;src:url(/fonts/hafs.18.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:action;src:url(/fonts/Jersey10-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:action-arabic;src:url(/fonts/PixelAE-Bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary-color: #B2FFE2;--secondary-color: #007448;--background-color: #161715;--secondary-bg: #202422;--border-color: #343533;--text-color: #ffffff;--text-action-color: #000000;--font-text: "text", sans-serif;--font-quran: "quran", sans-serif;--font-action: "action", sans-serif;--font-action-arabic: "action-arabic", sans-serif;--font-text-arabic: "text-arabic", sans-serif;--pixel-font-size: 20px}body{background-color:var(--background-color);font-family:var(--font-text);padding:0;box-sizing:border-box;display:flex;margin:50px 0;flex-direction:column;gap:40px;overflow-x:hidden}p{font-family:var(--font-text);margin:0}h2{font-family:var(--font-text);font-size:22px;margin:0}button{cursor:pointer}section{margin:0 20px}hr{width:90%;border:0;height:1px;background-color:var(--border-color)}button,input,textarea,select,a{font-family:var(--font-action)}input,textarea,button,.btn{font-size:var(--pixel-font-size)}.pixel-text{font-family:var(--font-action)!important;font-size:var(--pixel-font-size)}.scroll-container{width:calc(100vw - 20px);overflow-x:auto;display:flex;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.section-title{color:var(--text-color, #fff);font-size:22px;font-style:normal;font-weight:500;line-height:normal}.btn{display:flex;padding:14px 8px;justify-content:center;align-items:center;gap:2px;border-radius:8px;border:none;background:var(--primary-color, #b2ffe2);box-shadow:3px 4px #007448}.btn:disabled{background:#8b8b8b;color:#000;box-shadow:3px 4px 0 0 transparent;cursor:not-allowed}.btn:active,.btn.secondary:active{transform:translateY(2px);box-shadow:3px 4px #007448}.btn.secondary{display:flex;padding:14px 8px;justify-content:center;align-items:center;gap:2px;background-color:transparent;border-radius:8px;border:1px solid #B2FFE2;color:#b2ffe2;box-shadow:3px 4px #007448}.btn.secondary:disabled{background:#8b8b8b;border:1px solid #8b8b8b;color:#8b8b8b;cursor:not-allowed}a.btn{text-decoration:none;color:var(--text-action-color)}.language-header.svelte-ipadwo{position:absolute;top:0;left:0;right:0;z-index:1000;height:50px;pointer-events:none}.language-switcher.svelte-ipadwo{position:absolute;top:14px;right:50%;transform:translate(50%);z-index:1000;pointer-events:auto;display:flex;align-items:center;gap:.5rem;background-color:var(--background-color, #fff);border:1px solid var(--border-color, #ccc);border-radius:6px;padding:4px 8px}.language-switcher.svelte-ipadwo a:where(.svelte-ipadwo){color:var(--primary-color, #333);font-size:14px;font-weight:600;text-decoration:none;padding:4px 8px;border-radius:4px;transition:background .2s,color .2s}.language-switcher.svelte-ipadwo a:where(.svelte-ipadwo):hover{background:var(--border-color, #eee)}.language-switcher.svelte-ipadwo a.active:where(.svelte-ipadwo){background:var(--border-color, #ddd);color:var(--primary-color, #333)}[dir=rtl] .language-switcher.svelte-ipadwo{right:auto;left:50%;transform:translate(-50%)}.error-boundary.svelte-1pace6o{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;background-color:var(--background-color, #111);color:var(--text-color, #fff)}.error-message.svelte-1pace6o{max-width:600px;text-align:center;padding:20px;border-radius:8px;background-color:var(--secondary-bg, #222)}pre.svelte-1pace6o{margin-top:20px;padding:10px;background-color:var(--code-bg, #333);border-radius:4px;overflow-x:auto;max-width:100%;font-size:12px}button.svelte-1pace6o{margin-top:20px;padding:10px 20px;background-color:var(--primary-color, #b2ffe2);color:var(--button-text, #000);border:none;border-radius:4px;cursor:pointer}button.svelte-1pace6o:hover{opacity:.9}:lang(ar){--font-text: "IBM Plex Sans Arabic", sans-serif;--font-action: var(--font-action-arabic);--pixel-font-size: 14px}:lang(en){--font-text: text, sans-serif;--font-action: action, sans-serif;--pixel-font-size: 20px}