:root,:root[data-theme=light]{color-scheme:light;--mf-bg: #f6f8fb;--mf-surface: #ffffff;--mf-surface-2: #eceff5;--mf-surface-3: #e2e7ef;--mf-text: #182236;--mf-text-muted: #47536b;--mf-accent: #0f6a63;--mf-accent-hover: #0c5a54;--mf-accent-soft: #e3f2f0;--mf-on-accent: #ffffff;--mf-warning: #a8430a;--mf-warning-soft: #fdeeda;--mf-success: #166534;--mf-success-soft: #e6f6ec;--mf-danger: #b4232a;--mf-danger-soft: #fbeaea;--mf-on-danger: #ffffff;--mf-border: #cdd5e0;--mf-border-strong: #a9b4c6;--mf-focus: #0f6a63;--mf-shadow: 0 1px 2px rgb(24 34 54 / .08), 0 4px 16px rgb(24 34 54 / .06);--mf-radius: 12px;--mf-radius-sm: 8px;--mf-space-1: 4px;--mf-space-2: 8px;--mf-space-3: 12px;--mf-space-4: 16px;--mf-space-5: 24px;--mf-space-6: 32px;--mf-space-7: 48px;--mf-font: "Segoe UI", "Noto Kufi Arabic", "Noto Sans Arabic", system-ui, -apple-system, sans-serif;--mf-font-mono: "Cascadia Mono", "Consolas", ui-monospace, monospace}:root[data-theme=dark]{color-scheme:dark;--mf-bg: #0c1526;--mf-surface: #131f36;--mf-surface-2: #1a2942;--mf-surface-3: #223350;--mf-text: #e9edf5;--mf-text-muted: #a9b4cb;--mf-accent: #38c9b8;--mf-accent-hover: #5bd6c8;--mf-accent-soft: #173a3d;--mf-on-accent: #04211f;--mf-warning: #f5b04c;--mf-warning-soft: #33240f;--mf-success: #4ade80;--mf-success-soft: #11301e;--mf-danger: #ff8a8a;--mf-danger-soft: #3a1719;--mf-on-danger: #2b0b0b;--mf-border: #2b3c5c;--mf-border-strong: #3d5078;--mf-focus: #38c9b8;--mf-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 6px 24px rgb(0 0 0 / .35)}@media(prefers-color-scheme:dark){:root[data-theme=auto]{color-scheme:dark;--mf-bg: #0c1526;--mf-surface: #131f36;--mf-surface-2: #1a2942;--mf-surface-3: #223350;--mf-text: #e9edf5;--mf-text-muted: #a9b4cb;--mf-accent: #38c9b8;--mf-accent-hover: #5bd6c8;--mf-accent-soft: #173a3d;--mf-on-accent: #04211f;--mf-warning: #f5b04c;--mf-warning-soft: #33240f;--mf-success: #4ade80;--mf-success-soft: #11301e;--mf-danger: #ff8a8a;--mf-danger-soft: #3a1719;--mf-on-danger: #2b0b0b;--mf-border: #2b3c5c;--mf-border-strong: #3d5078;--mf-focus: #38c9b8;--mf-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 6px 24px rgb(0 0 0 / .35)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--mf-font);background:var(--mf-bg);color:var(--mf-text);line-height:1.6;font-size:16px}#app{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:3px solid var(--mf-focus);outline-offset:2px;border-radius:4px}::selection{background:var(--mf-accent);color:var(--mf-on-accent)}.mf-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--mf-space-5)}@media(max-width:640px){.mf-container{padding-inline:var(--mf-space-4)}}.mf-skip-link{position:absolute;inset-inline-start:-9999px;top:0;z-index:1000;padding:var(--mf-space-2) var(--mf-space-4);background:var(--mf-accent);color:var(--mf-on-accent);border-radius:0 0 var(--mf-radius-sm) var(--mf-radius-sm);text-decoration:none;font-weight:600}.mf-skip-link:focus-visible{inset-inline-start:var(--mf-space-3)}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.01em;margin-block:0 var(--mf-space-3)}h1{font-size:clamp(1.6rem,4vw,2.4rem)}h2{font-size:clamp(1.3rem,3vw,1.8rem)}p{margin-block:0 var(--mf-space-4)}code,kbd,pre{font-family:var(--mf-font-mono);font-size:.9em}.mf-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mf-space-2);font:inherit;font-weight:600;line-height:1;padding:10px 18px;min-height:44px;border-radius:var(--mf-radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease;text-decoration:none;user-select:none}.mf-btn:active:not(:disabled){transform:translateY(1px)}.mf-btn:disabled{opacity:.55;cursor:not-allowed}.mf-btn--primary{background:var(--mf-accent);color:var(--mf-on-accent)}.mf-btn--primary:hover:not(:disabled){background:var(--mf-accent-hover)}.mf-btn--secondary{background:transparent;color:var(--mf-text);border-color:var(--mf-border-strong)}.mf-btn--secondary:hover:not(:disabled){background:var(--mf-surface-2)}.mf-btn--danger{background:var(--mf-danger);color:var(--mf-on-danger)}.mf-btn--danger-outline{background:transparent;color:var(--mf-danger);border-color:var(--mf-danger)}.mf-btn--danger-outline:hover:not(:disabled){background:var(--mf-danger-soft)}.mf-btn--ghost{background:transparent;color:var(--mf-accent);border-color:transparent}.mf-btn--ghost:hover:not(:disabled){background:var(--mf-accent-soft)}.mf-btn--sm{min-height:36px;padding:6px 12px;font-size:.9rem}.mf-btn--icon{min-width:44px;padding:8px}.mf-btn__spinner{width:16px;height:16px;border:2px solid currentcolor;border-inline-end-color:transparent;border-radius:50%;animation:mf-spin .8s linear infinite}@keyframes mf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mf-btn__spinner{animation:none}}.mf-card{background:var(--mf-surface);border:1px solid var(--mf-border);border-radius:var(--mf-radius);box-shadow:var(--mf-shadow);padding:var(--mf-space-5)}.mf-card__title{margin-block-end:var(--mf-space-3);font-size:1.1rem}.mf-card--flat{box-shadow:none}.mf-tabs{display:flex;gap:var(--mf-space-1);border-block-end:1px solid var(--mf-border);overflow-x:auto}.mf-tab{font:inherit;font-weight:600;color:var(--mf-text-muted);background:transparent;border:none;border-block-end:3px solid transparent;padding:var(--mf-space-3) var(--mf-space-4);cursor:pointer;white-space:nowrap}.mf-tab[aria-selected=true]{color:var(--mf-accent);border-block-end-color:var(--mf-accent)}.mf-tab:hover{color:var(--mf-text)}.mf-table-wrap{overflow-x:auto;border:1px solid var(--mf-border);border-radius:var(--mf-radius-sm)}.mf-table{width:100%;border-collapse:collapse;font-size:.92rem}.mf-table th,.mf-table td{text-align:start;padding:var(--mf-space-2) var(--mf-space-3);border-block-end:1px solid var(--mf-border);white-space:nowrap}.mf-table th{background:var(--mf-surface-2);font-weight:700}.mf-table tr:last-child td{border-block-end:none}.mf-field{display:flex;flex-direction:column;gap:var(--mf-space-1);margin-block-end:var(--mf-space-4)}.mf-label{font-weight:600;font-size:.92rem}.mf-hint{color:var(--mf-text-muted);font-size:.85rem}.mf-error-text{color:var(--mf-danger);font-size:.85rem;font-weight:600}.mf-input,.mf-select,.mf-textarea{font:inherit;color:var(--mf-text);background:var(--mf-surface);border:1px solid var(--mf-border-strong);border-radius:var(--mf-radius-sm);padding:10px 12px;min-height:44px;max-width:100%}.mf-input:hover,.mf-select:hover,.mf-textarea:hover{border-color:var(--mf-accent)}.mf-input[aria-invalid=true],.mf-select[aria-invalid=true]{border-color:var(--mf-danger)}.mf-checkbox{width:20px;height:20px;accent-color:var(--mf-accent)}.mf-range{accent-color:var(--mf-accent)}.mf-progress{position:relative;height:10px;background:var(--mf-surface-3);border-radius:999px;overflow:hidden}.mf-progress__bar{height:100%;background:var(--mf-accent);border-radius:inherit;transition:width .2s ease;width:0%}.mf-badge{display:inline-flex;align-items:center;gap:var(--mf-space-1);font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--mf-surface-2);color:var(--mf-text-muted);border:1px solid var(--mf-border)}.mf-badge--success{color:var(--mf-success);background:var(--mf-success-soft);border-color:transparent}.mf-badge--warning{color:var(--mf-warning);background:var(--mf-warning-soft);border-color:transparent}.mf-badge--danger{color:var(--mf-danger);background:var(--mf-danger-soft);border-color:transparent}.mf-badge--accent{color:var(--mf-accent);background:var(--mf-accent-soft);border-color:transparent}.mf-toast-region{position:fixed;bottom:var(--mf-space-5);inset-inline-end:var(--mf-space-5);display:flex;flex-direction:column;gap:var(--mf-space-2);z-index:1200;max-width:min(420px,calc(100vw - 32px))}.mf-toast{background:var(--mf-surface);border:1px solid var(--mf-border);border-inline-start:4px solid var(--mf-accent);border-radius:var(--mf-radius-sm);box-shadow:var(--mf-shadow);padding:var(--mf-space-3) var(--mf-space-4);display:flex;gap:var(--mf-space-3);align-items:flex-start}.mf-toast--error{border-inline-start-color:var(--mf-danger)}.mf-toast--success{border-inline-start-color:var(--mf-success)}.mf-toast--warning{border-inline-start-color:var(--mf-warning)}.mf-modal-backdrop{position:fixed;inset:0;background:#050c188c;display:flex;align-items:center;justify-content:center;padding:var(--mf-space-4);z-index:1100}.mf-modal{background:var(--mf-surface);border-radius:var(--mf-radius);border:1px solid var(--mf-border);box-shadow:var(--mf-shadow);max-width:520px;width:100%;max-height:90vh;overflow:auto;padding:var(--mf-space-5)}.mf-modal__actions{display:flex;justify-content:flex-end;gap:var(--mf-space-2);margin-block-start:var(--mf-space-4)}.mf-state{text-align:center;padding:var(--mf-space-7) var(--mf-space-5);color:var(--mf-text-muted);border:1px dashed var(--mf-border-strong);border-radius:var(--mf-radius)}.mf-state__icon{font-size:2rem;margin-block-end:var(--mf-space-2)}.mf-skeleton{background:var(--mf-surface-2);border-radius:var(--mf-radius-sm);min-height:1em;animation:mf-pulse 1.4s ease-in-out infinite}@keyframes mf-pulse{0%,to{opacity:1}50%{opacity:.5}}.mf-header{position:sticky;top:0;z-index:900;background:color-mix(in srgb,var(--mf-surface) 88%,transparent);backdrop-filter:blur(10px);border-block-end:1px solid var(--mf-border)}.mf-header__inner{display:flex;align-items:center;gap:var(--mf-space-4);min-height:60px;padding-block:var(--mf-space-2);min-width:0}#mf-nav-host{flex:1 1 0%;min-width:0;display:flex}.mf-logo{display:flex;align-items:center;gap:var(--mf-space-2);text-decoration:none;color:var(--mf-text);font-weight:800;font-size:1.1rem;letter-spacing:-.02em;flex:0 0 auto;white-space:nowrap}.mf-nav{display:flex;gap:2px;margin-inline-start:auto;overflow-x:auto;scrollbar-width:none;flex:1 1 0%;min-width:0;-webkit-overflow-scrolling:touch}.mf-nav::-webkit-scrollbar{display:none}.mf-nav__link{font:inherit;font-weight:600;font-size:.9rem;color:var(--mf-text-muted);background:transparent;border:none;padding:10px 12px;border-radius:var(--mf-radius-sm);cursor:pointer;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.mf-nav__link:hover{color:var(--mf-text);background:var(--mf-surface-2)}.mf-nav__link[aria-current=page]{color:var(--mf-accent);background:var(--mf-accent-soft)}.mf-header__actions{display:flex;gap:var(--mf-space-2);flex:0 0 auto}.mf-footer{margin-block-start:auto;border-block-start:1px solid var(--mf-border);color:var(--mf-text-muted);font-size:.85rem;padding-block:var(--mf-space-4)}.mf-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:var(--mf-space-5);align-items:start}@media(max-width:1080px){.mf-two-col{grid-template-columns:1fr}}.mf-dropzone{border:2px dashed var(--mf-border-strong);border-radius:var(--mf-radius);background:var(--mf-surface);padding:var(--mf-space-7) var(--mf-space-5);text-align:center;color:var(--mf-text-muted);transition:border-color .15s ease,background-color .15s ease;cursor:pointer}.mf-dropzone:hover,.mf-dropzone.mf-dropzone--active{border-color:var(--mf-accent);background:var(--mf-accent-soft)}.mf-dropzone:focus-visible{outline:3px solid var(--mf-focus);outline-offset:2px}.mf-chip{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--mf-surface-2);color:var(--mf-text-muted);border:1px solid var(--mf-border)}.mf-training-chart{width:100%;height:auto;display:block}.mf-stepper{display:flex;align-items:center;gap:var(--mf-space-2)}.mf-stepper input{width:5rem}.mf-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--mf-space-3)}.mf-result-cell{background:var(--mf-surface-2);border-radius:var(--mf-radius-sm);padding:var(--mf-space-3);text-align:center}.mf-result-cell strong{display:block;font-size:1.3rem}.mf-prob-row{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;gap:var(--mf-space-2);align-items:center;margin-block:4px}main.mf-main{flex:1;padding-block:var(--mf-space-6)}