@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:Uthmanic Hafs;src:url(/fonts/UthmanicHafs_V20.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Scheherazade Quran;src:url(/fonts/ScheherazadeNewRegular.ttf) format("truetype");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: "Scheherazade Quran", "Uthmanic Hafs", "quran", serif;--font-action: "action", sans-serif;--font-action-arabic: "action-arabic", sans-serif;--font-text-arabic: "text-arabic", sans-serif;--pixel-font-size: 20px;--app-bottom-nav-height: 56px;--app-bottom-nav-offset: calc(var(--app-bottom-nav-height) + env(safe-area-inset-bottom, 0px))}body{background-color:var(--background-color);font-family:var(--font-text);padding:0;box-sizing:border-box;display:flex;margin: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}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)}.bottom-nav.svelte-jla4p9{position:fixed;z-index:1200;inset-inline:0;bottom:0;height:calc(var(--app-bottom-nav-height) + env(safe-area-inset-bottom,0px));padding:0 10px env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;background:color-mix(in srgb,#0d100f 88%,transparent);border-top:1px solid color-mix(in srgb,#ffffff 10%,transparent);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);color:color-mix(in srgb,#ffffff 62%,transparent)}.tab.svelte-jla4p9{min-height:var(--app-bottom-nav-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:inherit;font-family:var(--font-text);font-size:11px;font-weight:600;letter-spacing:.01em;transition:color .15s ease}.tab.svelte-jla4p9:nth-child(1){justify-self:center}.tab.svelte-jla4p9:nth-child(3){justify-self:center}.tab.active.svelte-jla4p9{color:#fff}.icon.svelte-jla4p9{width:24px;height:24px;display:grid;place-items:center}.icon.svelte-jla4p9 svg:where(.svelte-jla4p9){width:22px;height:22px}.label.svelte-jla4p9{line-height:1}.create.svelte-jla4p9{width:64px;justify-self:center}.create-btn.svelte-jla4p9{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;overflow:hidden}.create-btn.svelte-jla4p9 svg:where(.svelte-jla4p9){width:46px;height:46px;display:block}.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}.bottom-nav-space.svelte-6f7bg6{height:calc(var(--app-bottom-nav-offset) + 8px);flex:0 0 auto}: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}