@font-face{font-family:Tajawal;src:url(/fonts/tajawal/Tajawal-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/tajawal/Tajawal-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--primary:#1d5746;--primary-hover:#246a53;--on-primary:#fff;--on-primary-hover:#fff}[data-theme=dark]{--primary:#267056;--primary-hover:#338568;--on-primary-hover:#000}[data-palette=amber]{--paper:#faf6f0;--surface:#fffdfa;--ink:#3d2614;--muted:#7d6350;--green:#6d3e16;--green-deep:#512d10;--primary:#6d3e16;--primary-hover:#854d1d;--line:#ede4d8;--gold:#9b702b;--soft:#f4e9dc}[data-palette=navy]{--paper:#f4f7fa;--surface:#fff;--ink:#142132;--muted:#57687d;--green:#193a5e;--green-deep:#122b46;--primary:#193a5e;--primary-hover:#234d7a;--line:#dbe3ed;--gold:#96783a;--soft:#e9f0f8}[data-palette=crimson]{--paper:#faf5f6;--surface:#fff;--ink:#33131a;--muted:#78535a;--green:#5e1927;--green-deep:#46121d;--primary:#5e1927;--primary-hover:#7a2335;--line:#eedde0;--gold:#96713a;--soft:#f7e9ec}[data-palette=charcoal]{--paper:#f8fafc;--surface:#fff;--ink:#1a202c;--muted:#64748b;--green:#2d3748;--green-deep:#1a202c;--primary:#2d3748;--primary-hover:#4a5568;--line:#e2e8f0;--gold:#677489;--soft:#edf1f6}[data-theme=dark][data-palette=amber]{--paper:#140f0c;--surface:#1f1610;--ink:#eedfd3;--muted:#b7a495;--green:#e2aa7a;--green-deep:#f2cfb3;--primary:#a45f28;--primary-hover:#b86f33;--on-primary-hover:#000;--line:#493323;--gold:#e0a955;--soft:#291c13}[data-theme=dark][data-palette=navy]{--paper:#0c1117;--surface:#101924;--ink:#dce6f2;--muted:#9cb0c8;--green:#85b6e9;--green-deep:#c0dafa;--primary:#2b5c92;--primary-hover:#3870ae;--on-primary-hover:#fff;--line:#2b3e54;--gold:#b5c8e6;--soft:#142130}[data-theme=dark][data-palette=crimson]{--paper:#140b0d;--surface:#220f13;--ink:#f2dfe2;--muted:#c49ca3;--green:#eda3b2;--green-deep:#f5c8d1;--primary:#993348;--primary-hover:#b03f56;--on-primary-hover:#fff;--line:#50303a;--gold:#e7b3a1;--soft:#2a1318}[data-theme=dark][data-palette=charcoal]{--paper:#0f141c;--surface:#181e27;--ink:#e2e8f0;--muted:#a8b6ca;--green:#bccbe1;--green-deep:#e2e8f0;--primary:#4b5563;--primary-hover:#606d7e;--on-primary-hover:#fff;--line:#374454;--gold:#cbd5e1;--soft:#1e2633}[data-palette=custom]{--paper:color-mix(in srgb,var(--primary) 4%,#f8f7f2);--surface:color-mix(in srgb,var(--primary) 2%,#fff);--ink:#233d35;--muted:#52604c;--soft:color-mix(in srgb,var(--primary) 14%,#fff);--line:color-mix(in srgb,var(--primary) 20%,#e4e6dd)}[data-theme=dark][data-palette=custom]{--paper:color-mix(in srgb,var(--primary) 8%,#141e1a);--surface:color-mix(in srgb,var(--primary) 12%,#1b2822);--ink:#e4e9df;--muted:#bdc9bf;--soft:color-mix(in srgb,var(--primary) 22%,#141e1a);--line:color-mix(in srgb,var(--primary) 26%,#33443a)}.appearance-font-cairo,[data-font=cairo]{--font-sans:"Cairo",sans-serif}.appearance-font-tajawal,[data-font=tajawal]{--font-sans:"Tajawal","Cairo",sans-serif}.appearance-font-amiri,[data-font=amiri]{--font-sans:"Amiri",serif}.appearance-font-scheherazade,[data-font=scheherazade]{--font-sans:"Scheherazade New",serif}.appearance-font-noto_naskh,[data-font=noto_naskh]{--font-sans:"Noto Naskh Arabic",serif}.appearance-font-traditional,[data-font=traditional]{--font-sans:"Traditional Arabic","Simplified Arabic",serif}::selection{background:var(--primary);color:var(--on-primary)}.appearance-dialog{width:min(680px,calc(100vw - 24px));max-height:min(900px,92dvh);margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0005}.appearance-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.appearance-content{display:flex;flex-direction:column;max-height:min(898px,calc(92dvh - 2px))}.appearance-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.appearance-header h2{display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.6;margin:0;color:var(--green)}.appearance-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.appearance-close{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;flex-shrink:0}.appearance-close:hover{background:var(--soft);color:var(--green)}.appearance-body{padding:24px;overflow-y:auto;overscroll-behavior:contain;min-height:0;display:flex;flex-direction:column;gap:26px}.appearance-section{padding:0;margin:0;border:0;min-width:0}.appearance-section legend{padding:0;font-size:15px;font-weight:700;color:var(--green)}.appearance-section>p{margin:4px 0 14px;font-size:12px;color:var(--muted)}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-choice{position:relative;display:flex;align-items:center;gap:8px;min-height:50px;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13px;color:var(--ink);background:var(--surface)}.appearance-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.appearance-choice-content{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.appearance-choice-content>svg{flex-shrink:0}.appearance-choice-check{flex-shrink:0;color:var(--green);visibility:hidden}.appearance-choice:hover{border-color:var(--green);background:var(--soft)}.appearance-choice:has(input:checked){border-color:var(--green);box-shadow:0 0 0 1px var(--green);background:var(--soft)}.appearance-choice:has(input:checked) .appearance-choice-check{visibility:visible}.appearance-choice:has(input:focus-visible){outline:2px solid var(--green);outline-offset:4px}.appearance-font-choice{align-items:flex-start}.appearance-font-choice .appearance-choice-content{display:flex;flex-direction:column;align-items:stretch;gap:6px}.appearance-font-name{font-size:12px;font-weight:600}.appearance-font-preview{font-family:var(--font-sans);font-size:17px;line-height:1.9;overflow-wrap:anywhere}.appearance-swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);flex-shrink:0}.appearance-custom{display:flex;align-items:center;gap:12px;padding:12px;margin-top:14px;border:1px dashed var(--line);border-radius:10px;font-size:12px;color:var(--muted)}.appearance-custom input[type=color]{width:38px;height:38px;padding:0;border:1px solid var(--line);background:var(--surface);border-radius:6px;cursor:pointer;flex-shrink:0}.appearance-custom input[type=text]{width:120px;min-width:0;min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-family:ui-monospace,monospace;text-align:center}.appearance-custom input:focus-visible{outline-color:var(--green);outline-offset:2px}.appearance-footer{display:flex;flex-shrink:0;gap:12px;padding:16px 24px;border-top:1px solid var(--line)}.appearance-footer,.appearance-reset{justify-content:center;align-items:center}.appearance-reset{display:inline-flex;gap:8px;min-height:42px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:var(--surface);color:var(--ink)}.appearance-reset:hover{background:var(--soft);color:var(--green);border-color:var(--green)}@media(max-width:600px){.appearance-footer,.appearance-header{padding:16px}.appearance-header h2{font-size:17px}.appearance-header p{font-size:11px}.appearance-body{padding:18px 16px;gap:22px}.appearance-modes,.appearance-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.appearance-modes .appearance-choice-content,.appearance-numbers .appearance-choice-content{flex-direction:row;justify-content:center;gap:4px;text-align:center;white-space:nowrap}.appearance-modes .appearance-choice-check,.appearance-numbers .appearance-choice-check{position:absolute;inset-inline-end:5px;top:5px;width:12px;height:12px}.appearance-number-example{font-size:16px}.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-choice{font-size:12px;padding:10px}.appearance-custom{flex-wrap:wrap}.appearance-custom>span{flex-basis:100%}}@media(max-width:380px){.appearance-grid{grid-template-columns:1fr}.appearance-modes,.appearance-numbers,.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.appearance-dialog{display:none!important}}