@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/poppins-latin-300-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-latin-700-normal.woff2) format("woff2")}@font-face{font-family:UthmanicHafs;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/UthmanicHafs_V22.woff2) format("woff2")}@font-face{font-family:AmiriQuran;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/AmiriQuran.woff2) format("woff2")}@font-face{font-family:QCFSurahHeader;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/QCF_SurahHeader_COLOR-Regular.woff2) format("woff2")}@font-face{font-family:SurahName;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/surah-name-v2.woff2) format("woff2")}:root{--km-bg: #080808;--km-surface: #0d0d0d;--km-surface-2: #141414;--km-surface-3: #1a1a1a;--km-gold-dim: #7a6432;--km-gold: #c9a84c;--km-gold-bright: #e8c96a;--km-gold-glow: rgba(201, 168, 76, .18);--km-gold-glow-lg: rgba(201, 168, 76, .08);--km-text: rgba(255, 255, 255, .92);--km-text-2: rgba(255, 255, 255, .55);--km-text-3: rgba(255, 255, 255, .28);--km-text-gold: #c9a84c;--km-border: rgba(255, 255, 255, .07);--km-border-gold: rgba(201, 168, 76, .3);--km-border-gold-bright: rgba(201, 168, 76, .6);--km-radius-sm: 8px;--km-radius: 14px;--km-radius-lg: 20px;--km-radius-xl: 28px;--km-space-xs: .35rem;--km-space-sm: .65rem;--km-space-md: 1.25rem;--km-space-lg: 2rem;--km-space-xl: 3.5rem;--km-space-2xl: 6rem;--km-home-button-clearance: 7.2rem;--km-home-button-top: .18rem;--km-home-button-right: .28rem;--km-home-button-size: 3.9rem;--km-home-button-icon-size: 2.6rem;--km-home-button-size-mobile: 3.15rem;--km-home-button-icon-size-mobile: 2.08rem;--km-font-display: "Cinzel Decorative", "Cinzel", Georgia, serif;--km-font-heading: "Cinzel", Georgia, serif;--km-font-body: "Poppins", system-ui, sans-serif;--km-font-arabic: "UthmanicHafs", "Noto Naskh Arabic", serif;--km-font-arabic-surah-name: "SurahName", serif;--km-font-surah-header: "QCFSurahHeader", serif;--km-ease: cubic-bezier(.22, .61, .36, 1);--km-ease-out: cubic-bezier(0, 0, .2, 1);--km-ease-in: cubic-bezier(.4, 0, 1, 1);--km-duration: .32s;--km-duration-fast: .18s;--km-duration-slow: .54s;--km-shadow-card: 0 4px 32px rgba(0, 0, 0, .6), 0 1px 4px rgba(0, 0, 0, .4);--km-shadow-gold: 0 0 30px rgba(201, 168, 76, .12), 0 0 60px rgba(201, 168, 76, .06);--km-shadow-gold-hover: 0 0 40px rgba(201, 168, 76, .22), 0 0 80px rgba(201, 168, 76, .1);--km-hub-color: #c9a84c;--km-quran-color: #c9a84c;--km-arabic-color: #c9a84c;--km-worldview-color:#c9a84c;--km-planner-color: #c9a84c;--km-content-color: #c9a84c;--km-workspace-color:#c9a84c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;width:100%;overflow:hidden}body{height:100%;width:100%;overflow-y:auto;overflow-x:hidden}body{background:var(--km-bg);color:var(--km-text);font-family:var(--km-font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--km-gold);outline-offset:3px;border-radius:4px}::selection{background:var(--km-gold-glow);color:var(--km-gold-bright)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c9a84c4d}.km-display{font-family:var(--km-font-display);font-weight:700;letter-spacing:.04em;color:var(--km-text)}.km-heading{font-family:var(--km-font-heading);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.km-label{font-family:var(--km-font-body);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--km-text-2)}.km-body{font-family:var(--km-font-body);font-weight:400;color:var(--km-text-2);line-height:1.7}.km-gold{color:var(--km-gold)}.km-divider-text{display:flex;align-items:center;gap:1rem;color:var(--km-text-3);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.km-divider-text:before,.km-divider-text:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--km-border-gold),transparent)}.km-arabic{font-family:var(--km-font-arabic);direction:rtl;font-size:1.5em;line-height:2.2}.km-gold-line{height:1px;background:linear-gradient(90deg,transparent 0%,var(--km-gold) 50%,transparent 100%);opacity:.5}.km-card{background:#ffffff05;border:1px solid var(--km-border);border-radius:var(--km-radius);transition:border-color var(--km-duration) var(--km-ease),box-shadow var(--km-duration) var(--km-ease),transform var(--km-duration) var(--km-ease)}.km-card:hover{border-color:var(--km-border-gold);box-shadow:var(--km-shadow-gold-hover);transform:translateY(-2px)}.km-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;background:var(--km-gold-glow);border:1px solid var(--km-border-gold);border-radius:100px;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--km-gold)}.km-search{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#ffffff0a;border:1px solid var(--km-border);border-radius:var(--km-radius);color:var(--km-text);transition:border-color var(--km-duration-fast)}.km-search:focus-within{border-color:var(--km-border-gold);background:#ffffff0d}.km-search input{flex:1;background:none;border:none;outline:none;color:var(--km-text);font-size:.88rem;font-family:var(--km-font-body)}.km-search input::placeholder{color:var(--km-text-3)}.km-search .km-search-icon{color:var(--km-text-3);flex-shrink:0;width:16px;height:16px}.km-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;border-radius:var(--km-radius-sm);font-family:var(--km-font-body);font-size:.82rem;font-weight:500;transition:all var(--km-duration-fast) var(--km-ease);cursor:pointer}.km-btn--ghost{background:#ffffff0a;border:1px solid var(--km-border);color:var(--km-text-2)}.km-btn--ghost:hover{border-color:var(--km-border-gold);color:var(--km-gold);background:var(--km-gold-glow)}.km-btn--ghost.active{border-color:var(--km-border-gold-bright);color:var(--km-gold-bright);background:var(--km-gold-glow)}.km-btn--gold{background:linear-gradient(135deg,#c9a84c,#e8c96a,#c9a84c);color:#0a0a0a;font-weight:600;border:none}.km-btn--gold:hover{filter:brightness(1.1);box-shadow:0 0 24px #c9a84c66}.km-page{width:100%;height:100dvh;overflow:hidden auto;background:var(--km-bg);position:relative}.km-back-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem;background:#ffffff0a;border:1px solid var(--km-border);border-radius:var(--km-radius-sm);color:var(--km-text-2);font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--km-duration-fast)}.km-back-btn:hover{border-color:var(--km-border-gold);color:var(--km-gold)}.km-tab-bar{display:flex;gap:.25rem;padding:.3rem;background:#ffffff08;border:1px solid var(--km-border);border-radius:var(--km-radius);overflow-x:auto;scrollbar-width:none}.km-tab-bar::-webkit-scrollbar{display:none}.km-tab{flex-shrink:0;padding:.5rem 1.1rem;border-radius:calc(var(--km-radius) - 4px);font-size:.78rem;font-weight:500;color:var(--km-text-2);cursor:pointer;white-space:nowrap;transition:all var(--km-duration-fast) var(--km-ease);border:1px solid transparent}.km-tab:hover{color:var(--km-text);background:#ffffff0d}.km-tab.active{background:var(--km-gold-glow);border-color:var(--km-border-gold);color:var(--km-gold-bright);font-weight:600}.workspace--canvas-full .sst__nav{position:fixed;top:0;left:50%;transform:translate(-50%);height:3rem;display:flex;align-items:center;gap:.45rem;z-index:201;flex-wrap:nowrap;padding:0}html.km-ui-obs-overlay,body.km-ui-obs-overlay{background:transparent!important}body.km-ui-obs-overlay{min-height:100vh}body.km-ui-obs-overlay km-root{display:block;min-height:100vh;background:transparent!important}