:root,[data-theme="dark"]{--color-bg:#050706;--color-bg-2:#0B110E;--color-surface:rgba(255,255,255,0.03);--color-surface-2:#101613;--color-border:rgba(52,211,153,0.15);--color-border-strong:rgba(52,211,153,0.35);--color-text-primary:#F1F5F9;--color-text-secondary:#94A3B8;--color-text-muted:#7C8B9E;--color-accent:#34D399;--color-accent-strong:#6EE7B7;--color-accent-contrast:#062017;--color-accent-2:#A78BFA;--color-accent-2-strong:#C4B5FD;--color-success:#4CAF7D;--color-success-bg:rgba(76,175,125,0.12);--color-warning:#F59E0B;--color-warning-bg:rgba(245,158,11,0.12);--color-danger:#E1614F;--color-danger-bg:rgba(225,97,79,0.12);--topic-finance:#FB923C;--topic-health:#2DD4BF;--topic-time:#A78BFA;--topic-education:#60A5FA;--topic-engineering:#C2914C;--font-arabic:"IBM Plex Sans Arabic","Noto Sans Arabic","Almarai",sans-serif;--font-latin:"IBM Plex Sans",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow-md:0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 16px 48px rgba(0,0,0,0.45);--shadow-accent-glow:0 0 0 1px rgba(52,211,153,0.35),0 12px 32px rgba(52,211,153,0.10);--container-width:1120px;--container-padding:var(--space-5);--duration-fast:120ms;--duration-base:200ms;--duration-slow:420ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);}[data-theme="light"]{--color-bg:#FAF9F6;--color-surface:#FFFFFF;--color-surface-2:#F2F0EA;--color-border:#E4E1D8;--color-border-strong:#CFCABC;--color-text-primary:#17191C;--color-text-secondary:#52565C;--color-text-muted:#6B7078;--color-accent-contrast:#14100A;--shadow-sm:0 1px 2px rgba(20,16,10,0.06);--shadow-md:0 8px 24px rgba(20,16,10,0.08);--shadow-lg:0 16px 48px rgba(20,16,10,0.10);}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-arabic-v15-arabic_latin-regular.woff2') format('woff2');}@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-arabic-v15-arabic_latin-700.woff2') format('woff2');}@import url("tokens.css");*,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}body{margin:0;background:var(--color-bg);background-image:radial-gradient(ellipse 1200px 800px at 50% -10%,var(--color-bg-2) 0%,var(--color-bg) 60%),radial-gradient(rgba(52,211,153,0.05) 1px,transparent 1px);background-size:auto,28px 28px;background-attachment:fixed,fixed;color:var(--color-text-primary);font-family:var(--font-arabic);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;}[data-theme="light"] body{background-image:radial-gradient(ellipse 1200px 800px at 50% -10%,var(--color-bg-2) 0%,var(--color-bg) 60%),radial-gradient(rgba(20,16,10,0.045) 1px,transparent 1px);background-size:auto,28px 28px;}.skip-link{position:absolute;top:-48px;right:var(--space-4);z-index:200;background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:10px 18px;border-radius:var(--radius-md);text-decoration:none;transition:top var(--duration-fast) var(--ease-standard);}.skip-link:focus{top:var(--space-3);outline:2px solid var(--color-accent-contrast);outline-offset:2px;}.breadcrumb-visible{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-4) 0 0;}.breadcrumb-visible a{color:var(--color-text-secondary);text-decoration:none;}.breadcrumb-visible a:hover{color:var(--color-accent-strong);text-decoration:underline;}.breadcrumb-visible [aria-current="page"]{color:var(--color-text-primary);font-weight:var(--weight-medium);}.breadcrumb-sep{color:var(--color-text-muted);}.guide-steps{display:grid;gap:var(--space-4);margin:var(--space-6) 0;}.guide-step{display:grid;grid-template-columns:40px 1fr;gap:var(--space-4);align-items:start;}.guide-step__number{width:40px;height:40px;border-radius:50%;background:var(--color-surface-2);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--color-accent);flex-shrink:0;}.guide-step__body{display:grid;gap:var(--space-2);}.guide-step__link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-decoration:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);border-inline-start:3px solid var(--topic-color,var(--color-accent));width:fit-content;}.guide-step__link:hover{border-color:var(--color-border-strong);background:var(--color-surface-2);}.guide-step__link svg{width:14px;height:14px;flex-shrink:0;opacity:0.7;}.guide-step__note{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);}.tips-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);}.tips-list li{padding-inline-start:var(--space-6);position:relative;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);}.tips-list li::before{content:"💡";position:absolute;inset-inline-start:0;top:0;}.guides-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);}.related-guides-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);}::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:var(--color-bg);}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-accent),var(--color-accent-strong));border-radius:var(--radius-full);border:2px solid var(--color-bg);}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-strong);}html{scrollbar-color:var(--color-accent) var(--color-bg);scrollbar-width:thin;}a,button,input,select,.tool-card,.btn{transition:all var(--duration-base) var(--ease-standard);}html[lang="en"] body{font-family:var(--font-latin);}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);font-weight:var(--weight-semibold);}p{margin:0;color:var(--color-text-secondary);}a{color:inherit;text-decoration:none;}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm);}.container{max-width:var(--container-width);margin-inline:auto;padding-inline:var(--container-padding);}.site-header{position:sticky;top:0;z-index:40;background:rgba(8,12,11,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(52,211,153,0.2);}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-4);transition:padding-block var(--duration-base) var(--ease-standard);}.site-header.is-scrolled .site-header__inner{padding-block:var(--space-2);}.nav-cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);white-space:nowrap;}.nav-cta:hover{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(52,211,153,0.18);}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-lg);}.brand__mark{width:32px;height:32px;display:grid;place-items:center;transition:filter var(--duration-base) var(--ease-standard);}.brand__mark img{width:100%;height:100%;display:block;}.brand:hover .brand__mark{filter:drop-shadow(0 0 8px rgba(52,211,153,0.55));}.main-nav{display:flex;gap:var(--space-6);}.main-nav a{position:relative;}.main-nav a{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-standard);}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--color-text-primary);}.header-actions{display:flex;align-items:center;gap:var(--space-2);}.icon-toggle{display:inline-flex;align-items:center;gap:var(--space-1);width:36px;height:36px;padding:0;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);}.icon-toggle:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);}[data-theme-toggle]{justify-content:center;}[data-theme-toggle] .icon-toggle__sun{display:none;}[data-theme-toggle] .icon-toggle__moon{display:block;}[data-theme="light"] [data-theme-toggle] .icon-toggle__sun{display:block;}[data-theme="light"] [data-theme-toggle] .icon-toggle__moon{display:none;}.lang-toggle{width:auto;padding-inline:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-latin);letter-spacing:0.02em;}.site-footer{border-top:1px solid rgba(52,211,153,0.18);margin-top:var(--space-24);padding-block:var(--space-12);background:var(--color-bg-2);}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);color:var(--color-text-primary);font-size:var(--text-base);margin-bottom:var(--space-3);}.footer-brand img{width:24px;height:24px;}.footer-about{color:var(--color-text-muted);font-size:var(--text-sm);max-width:40ch;line-height:var(--leading-relaxed);}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-8);padding-bottom:var(--space-8);}.footer-col:first-child{flex:1 1 280px;}.footer-col h4{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);}.footer-col a{color:var(--color-text-secondary);font-size:var(--text-sm);}.footer-col a:hover{color:var(--color-accent);}.disclaimer-banner{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--color-warning-bg);border:1px solid rgba(52,211,153,0.3);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);}.disclaimer-banner__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-warning);}.footer-legal{padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);}.hero{position:relative;padding-block:calc(var(--space-16) * 0.7) calc(var(--space-16) * 0.4);text-align:center;overflow:hidden;}.hero::after{content:"";position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:720px;height:620px;background:radial-gradient(circle,rgba(52,211,153,0.20) 0%,rgba(52,211,153,0) 70%);pointer-events:none;animation:glowPulse 6s ease-in-out infinite;z-index:0;}.hero > *{position:relative;z-index:1;}.hero__badge{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.3);color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);}@keyframes glowPulse{0%,100%{opacity:0.7;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}.hero__mark{position:relative;width:84px;height:84px;margin:0 auto var(--space-5);animation:floatMark 5s ease-in-out 0.6s infinite;}.hero__mark img{width:100%;height:100%;}@keyframes floatMark{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-6px) rotate(5deg);}}.hero__eyebrow{position:relative;display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent);letter-spacing:0.04em;margin-bottom:var(--space-4);}.hero h1{position:relative;font-size:clamp(var(--text-4xl),5vw,3.5rem);font-weight:var(--weight-bold);max-width:18ch;margin-inline:auto;margin-bottom:var(--space-4);}.hero h1 .grad{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}.hero p.lead{position:relative;max-width:56ch;margin-inline:auto;font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);}@keyframes heroFadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@media (prefers-reduced-motion:reduce){.hero::after,.hero__mark{animation:none;}}.search-box{position:relative;max-width:620px;margin-inline:auto;display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-6);box-shadow:var(--shadow-md);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);}.search-box:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-md),0 0 0 3px rgba(52,211,153,0.3);}.search-box input{flex:1;border:0;background:transparent;color:var(--color-text-primary);font-family:inherit;font-size:var(--text-lg);padding-block:var(--space-2);}.search-box input:focus{outline:none;}.search-box input::placeholder{color:var(--color-text-muted);}.stats-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding-block:var(--space-5);flex-wrap:wrap;}.stats-bar__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;}.stats-bar__value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-strong));-webkit-background-clip:text;background-clip:text;color:transparent;}.stats-bar__label{font-size:var(--text-sm);color:var(--color-text-secondary);}.stats-bar__divider{width:1px;height:36px;background:var(--color-border);}@media (max-width:640px){.stats-bar__divider{display:none;}}.section{padding-block:var(--space-12);}.section:first-of-type{padding-top:var(--space-6);}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-3);}.section-head h2{position:relative;font-size:var(--text-2xl);padding-inline-start:var(--space-4);border-inline-start:4px solid;border-image:linear-gradient(var(--color-accent),var(--color-accent-strong)) 1;}.section-head a{font-size:var(--text-sm);color:var(--color-accent);}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);}.tool-card{position:relative;display:block;background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-top:3px solid var(--topic-color,var(--color-accent));border-radius:20px;padding:var(--space-5);overflow:hidden;transition:border-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-standard);}.tool-card::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:120px;background:radial-gradient(ellipse,rgba(52,211,153,0.25) 0%,transparent 70%);opacity:0;transition:opacity var(--duration-base) var(--ease-standard);pointer-events:none;}.tool-card:hover{border-color:var(--color-border-strong);transform:translateY(-4px);box-shadow:var(--shadow-accent-glow);}.tool-card:hover::after{opacity:1;}.tool-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4);}.tool-card__icon{width:40px;height:40px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--topic-color,var(--color-accent)) 16%,transparent);display:grid;place-items:center;color:var(--topic-color,var(--color-accent));flex-shrink:0;transition:transform var(--duration-base) var(--ease-spring);}.tool-card:hover .tool-card__icon{transform:scale(1.08) rotate(-4deg);}.tool-card__badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--weight-medium);background:rgba(52,211,153,0.14);color:var(--color-accent-strong);padding:3px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;}.tool-card h3{font-size:var(--text-base);margin-bottom:var(--space-1);}.tool-card p{font-size:14px;color:var(--color-text-secondary);}.section-head-desc{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:62ch;margin-top:calc(var(--space-6) * -1 + var(--space-1));margin-bottom:var(--space-6);}.soon-strip{display:flex;gap:var(--space-3);overflow-x:auto;padding-block:var(--space-2);scrollbar-width:thin;}.soon-tag{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface-2);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;}.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:var(--space-8);align-items:start;padding-block:var(--space-10) var(--space-20);}@media (max-width:860px){.calc-layout{grid-template-columns:1fr;}}.calc-panel{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);}.calc-title{font-size:var(--text-2xl);margin-bottom:var(--space-2);}.calc-description{margin-bottom:var(--space-4);}.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);}.share-bar__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-inline-end:var(--space-1);}.share-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;text-decoration:none;}.share-btn svg{width:16px;height:16px;}.share-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface-2);}.share-btn--whatsapp:hover{color:#34D399;border-color:rgba(52,211,153,0.5);}.share-btn--x:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);}.share-btn--copy.is-copied{color:var(--color-accent);border-color:var(--color-accent);}.share-btn__tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--text-xs);white-space:nowrap;padding:4px 10px;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);}.share-btn--copy.is-copied .share-btn__tip{opacity:1;transform:translateX(-50%) translateY(0);}.btn-print{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-primary);font-family:var(--font-arabic);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;}.btn-print svg{width:16px;height:16px;flex-shrink:0;}.btn-print:hover{border-color:var(--color-accent-strong);color:var(--color-accent-strong);}.btn-print:active{transform:scale(0.98);}.print-only-root{display:none;}@media print{html,body{background:#fff !important;background-image:none !important;}body > *:not(.print-only-root){display:none !important;}.print-only-root{display:block !important;max-width:720px;margin:0 auto;padding:28px;background:#fff;color:#111;font-family:var(--font-arabic);}.print-only-root *{color:#111 !important;background:transparent !important;box-shadow:none !important;border-color:#ccc !important;}.print-only-root svg text{fill:#111 !important;}.print-only-root [data-print-result]{display:none !important;}.print-only-root .print-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:18px;font-size:13px;}.print-only-root .print-title{font-size:20px;margin-bottom:18px;}.print-only-root .gauge-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;}.print-only-root .print-footer{margin-top:28px;padding-top:12px;border-top:1px solid #999;font-size:11px;color:#555 !important;line-height:var(--leading-relaxed);}.print-only-root,.print-only-root *{animation:none !important;transition:none !important;opacity:1 !important;transform:none !important;filter:none !important;}.print-only-root .result-content{display:block !important;}.print-only-root .gauge circle.gauge__ring{stroke-dashoffset:0 !important;}}.field-group{display:grid;gap:var(--space-2);margin-bottom:var(--space-5);}.field-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);}.field-group input,.field-group select{font-family:var(--font-mono);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);font-size:var(--text-base);width:100%;transition:border-color var(--duration-fast) var(--ease-standard);}.field-group select{font-family:var(--font-arabic);appearance:none;cursor:pointer;}.date-select-group{display:flex;direction:rtl;gap:var(--space-2);}.date-select-group select{font-family:var(--font-arabic);appearance:none;cursor:pointer;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:var(--space-3) var(--space-2);font-size:var(--text-sm);flex:1;min-width:0;transition:border-color var(--duration-fast) var(--ease-standard);}.date-select-group select:focus{outline:none;border-color:var(--color-accent);}.date-select-group select:invalid{color:var(--color-text-muted);}.field-group input[type="date"],.field-group input[type="number"]{direction:ltr;text-align:right;}.field-group input:focus,.field-group select:focus{outline:none;border-color:var(--color-accent);}.countdown{margin-top:var(--space-5);}.countdown__digits{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-4);}.countdown__unit{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-1);}.countdown__value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-accent);font-variant-numeric:tabular-nums;}.countdown__label{font-size:var(--text-xs);color:var(--color-text-muted);}.countdown__bar-wrap{display:grid;gap:var(--space-2);}.countdown__bar{height:6px;border-radius:var(--radius-full);background:var(--color-surface-2);overflow:hidden;}.countdown__bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-strong));border-radius:var(--radius-full);transition:width 800ms var(--ease-standard);}.countdown__bar-label{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;}.upcoming-block{margin-top:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-4);}.upcoming-block h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted);margin-bottom:var(--space-3);}.upcoming-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);}.upcoming-list li{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-sm);}.upcoming-list__greg{color:var(--color-text-primary);font-weight:var(--weight-medium);}.upcoming-list__hijri{color:var(--color-text-muted);font-size:var(--text-xs);}.result-detail--secondary{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:calc(-1 * var(--space-3));}.result-section{margin-top:var(--space-6);}.result-section h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted);font-weight:var(--weight-semibold);margin-bottom:var(--space-3);}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);}.stat-cell{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);}.stat-cell__value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);}.stat-cell__label{font-size:var(--text-xs);color:var(--color-text-muted);}.info-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);}.info-list li{display:flex;justify-content:space-between;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);}.info-list__label{color:var(--color-text-muted);}.info-list__value{color:var(--color-text-primary);font-weight:var(--weight-medium);}.milestone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2);}.milestone-card{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-3);}.milestone-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);}.milestone-card__days{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);}.milestone-card__status{font-size:10px;padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--weight-medium);}.milestone-card__status.is-reached{background:var(--color-success-bg);color:var(--color-success);}.milestone-card__status.is-upcoming{background:var(--color-surface);color:var(--color-text-muted);}.milestone-card__date{font-size:var(--text-xs);color:var(--color-text-secondary);}.milestone-card__hijri{font-size:10px;color:var(--color-text-muted);margin-top:2px;}.milestone-card__meta{font-size:10px;color:var(--color-accent);margin-top:var(--space-2);}.countdown__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted);margin-bottom:var(--space-3);}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted);}.field-error{font-size:var(--text-xs);color:var(--color-danger);display:none;}.field-error.is-visible{display:block;}.result-panel{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);}.result-empty{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);}.result-content{display:none;}.result-content.is-visible{display:block;animation:fadeInUp var(--duration-slow) var(--ease-standard);}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);}.gauge{width:140px;height:140px;filter:drop-shadow(0 0 0 rgba(52,211,153,0));}.gauge circle.gauge__ring{stroke-dasharray:326.7;stroke-dashoffset:326.7;animation:gaugeDraw 900ms var(--ease-standard) forwards,gaugeGlow 1200ms var(--ease-standard) 900ms both;}@keyframes gaugeDraw{to{stroke-dashoffset:0;}}@keyframes gaugeGlow{0%{filter:drop-shadow(0 0 0 transparent);}40%{filter:drop-shadow(0 0 6px var(--gauge-color,var(--color-accent)));}100%{filter:drop-shadow(0 0 0 transparent);}}@media (prefers-reduced-motion:reduce){.gauge circle.gauge__ring{animation:none;stroke-dashoffset:0;}}.gauge__label{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-success-bg);color:var(--color-success);}.result-detail{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;line-height:var(--leading-relaxed);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:filter var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast);width:100%;}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(52,211,153,0.18);}.btn-primary:active{transform:scale(0.98);}.knowledge-static{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);}.knowledge-static > h2{font-size:var(--text-lg);margin-bottom:var(--space-5);}.knowledge-block{margin-bottom:var(--space-5);}.knowledge-block:last-child{margin-bottom:0;}.knowledge-block h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-text-muted);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);}.knowledge-block p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);}.source-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1);}.source-list li{font-size:var(--text-xs);color:var(--color-text-muted);}.source-list a{color:var(--color-accent);}.related-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);}.related-list a{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);}.related-list a:hover{border-color:var(--topic-color,var(--color-accent-strong));background:var(--color-surface-2);}.related-list .topic-dot{width:8px;height:8px;border-radius:50%;background:var(--topic-color,var(--color-accent));flex-shrink:0;}.calc-topic-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--topic-color,var(--color-accent));margin-bottom:var(--space-2);text-decoration:none;}a.calc-topic-chip:hover{text-decoration:underline;}.calc-topic-chip .topic-dot{width:8px;height:8px;border-radius:50%;background:var(--topic-color,var(--color-accent));}.faq-list{display:grid;gap:var(--space-4);}.faq-item{border-top:1px solid var(--color-border);padding-top:var(--space-3);}.faq-item:first-child{border-top:0;padding-top:0;}.faq-item h4{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);}.faq-item p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);}.prose{max-width:72ch;margin-inline:auto;padding-block:var(--space-16);}.prose h1{font-size:var(--text-3xl);margin-bottom:var(--space-6);}.prose h2{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);}.prose p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);}.prose ul{margin:0 0 var(--space-4);padding-inline-start:var(--space-6);display:grid;gap:var(--space-2);}.prose li{color:var(--color-text-secondary);line-height:var(--leading-relaxed);}.prose .updated-at{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8);}