:root{color-scheme:light;--color-bg: #fafaf7;--color-surface: #ffffff;--color-text: #1a1a1a;--color-muted: #5b5b5b;--color-accent: #0f766e;--color-accent-contrast: #ffffff;--color-accent-hover: #0b5c56;--color-border: #e5e5e5;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-arabic: "Noto Sans Arabic", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .75rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0b1012;--color-surface: #151b1f;--color-text: #e8ecee;--color-muted: #9aa4ab;--color-accent: #2dd4bf;--color-accent-contrast: #031714;--color-accent-hover: #5eead4;--color-border: #243038;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b1012;--color-surface: #151b1f;--color-text: #e8ecee;--color-muted: #9aa4ab;--color-accent: #2dd4bf;--color-accent-contrast: #031714;--color-accent-hover: #5eead4;--color-border: #243038;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:var(--font-arabic)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}#app{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.brand{font-weight:700;font-size:1.25rem;color:var(--color-text)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background .12s ease,border-color .12s ease}.theme-toggle:hover{background:var(--color-surface);border-color:var(--color-accent)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle svg{width:1rem;height:1rem;display:block}.lang-switch{display:flex;gap:var(--space-2)}.lang-switch__item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.9rem;color:var(--color-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.lang-switch__flag{display:inline-flex;width:1.25rem;height:.9rem;line-height:0;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px var(--color-border)}.lang-switch__flag svg{display:block;width:100%;height:100%}.lang-switch__item--active{color:var(--color-text);background:var(--color-bg);font-weight:600}@media(max-width:480px){.lang-switch__label{display:none}}.main{flex:1;width:100%;max-width:44rem;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12)}.intro{text-align:center;margin-bottom:var(--space-6)}.intro__tagline{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--color-accent);margin:0 0 var(--space-2)}.intro__title{font-size:clamp(1.75rem,4vw,2.25rem);margin:0 0 var(--space-3);line-height:1.2}.intro__body{color:var(--color-muted);margin:0 auto;max-width:32rem}.simulator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);display:grid;gap:var(--space-4);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:.9rem;font-weight:600;color:var(--color-text)}.field__suffix{color:var(--color-muted);font-weight:400;font-size:.85rem}.field input,.field select{font:inherit;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:100%}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.field__hint{color:var(--color-muted);font-size:.8rem}.result{margin-top:var(--space-8)}.result__title{font-size:1.15rem;margin:0 0 var(--space-4);text-align:center;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.result__grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media(min-width:600px){.result__grid{grid-template-columns:repeat(3,1fr)}.result__card--hero{grid-column:1 / -1}}.result__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.result__card--hero{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-md)}.result__label{font-size:.85rem;color:var(--color-muted)}.result__card--hero .result__label{color:var(--color-accent-contrast);opacity:.8}.result__value{font-size:1.15rem;font-weight:600}.result__card--hero .result__value{font-size:clamp(1.75rem,6vw,2.5rem)}.result__hint{margin:var(--space-6) 0 0;padding:var(--space-4);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-size:.85rem;text-align:center}.site-footer{padding:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-muted);text-align:center;background:var(--color-surface)}