.kb-tool{--kb-font-size:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:8px;padding:10px;display:grid}.kb-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kb-bar .spacer{flex:auto}.seg{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;min-height:36px;padding:6px 10px;font-size:.88rem}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.kb-select{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;border-radius:10px;padding:0 8px;font-size:.88rem}.kb-help{color:var(--muted);margin:0;font-size:.85rem}.kb-text{position:relative}.kb-text textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:7.2rem;color:var(--text);font-size:calc(var(--kb-font-size) * var(--kb-font-scale,1));padding:10px 12px;line-height:1.75;display:block}.kb-text textarea:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}.kb-suggestions{scrollbar-width:thin;align-items:center;gap:6px;min-height:40px;display:flex;overflow-x:auto}.kb-suggestions:empty:before{content:attr(data-empty);color:var(--muted);font-size:.85rem}.kb-suggestions button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;padding:2px 14px;font-size:1.15rem}.kb-suggestions button:first-child{border-color:var(--accent);background:var(--accent-soft)}.kb-mic[aria-pressed=true]{color:#fff;background:#dc2626;border-color:#dc2626;animation:1.4s ease-in-out infinite kb-pulse}@keyframes kb-pulse{50%{box-shadow:0 0 0 6px #dc262640}}@media (prefers-reduced-motion:reduce){.kb-mic[aria-pressed=true]{animation:none}}.kb-dictation-live{color:var(--accent);margin:0;font-size:.92rem}.kb-notice{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);gap:8px;padding:10px 12px;font-size:.9rem;display:grid}.kb-notice p{margin:0}.kb-notice[hidden],.kb-dictation-live[hidden]{display:none}.kb-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);min-width:40px;min-height:40px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.92rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:default}.btn svg{flex:none;width:18px;height:18px}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover{background:var(--accent-strong)}.btn--icon{padding:0}.kb-counter{color:var(--muted);margin-inline-start:auto;font-size:.82rem}.kb-more{position:relative}.kb-more summary{list-style:none}.kb-more summary::-webkit-details-marker{display:none}.kb-more-panel{z-index:15;inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:8px;width:min(320px,100vw - 32px);padding:10px;display:grid;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 30px #0000002e}.kb-more-panel .group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kb-more-panel .group>span{width:100%;color:var(--muted);font-size:.8rem}.kb-panels{flex-wrap:wrap;gap:6px;display:flex}.kb-panels .chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.kb-panel{border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;gap:5px;padding:6px;display:flex}.kb-panel[hidden],.kb-legacy[hidden]{display:none}.kb-panel .key{flex:none;min-width:44px}.kb-legacy{border:1px dashed var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);gap:8px;padding:10px;display:grid}.kb-legacy h2{margin:0;font-size:1rem}.kb-legacy p{margin:0;font-size:.88rem}.kb-legacy output{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;text-align:right;direction:ltr;unicode-bidi:bidi-override;border-radius:8px;min-height:2.6em;padding:8px 10px;font-size:1.35rem;line-height:1.6;display:block}.kb-legacy label{align-items:center;gap:6px;margin-inline-end:12px;font-size:.88rem;display:inline-flex}@media (width<=759px){.kb-tool{--kb-font-size:1.35rem;gap:6px;padding:8px}.kb-tool [data-mode-help],.kb-tool [data-desktop-only]{display:none}.kb-text textarea{min-height:5.4rem;padding:8px 10px}.kb-panels{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-8px;padding-inline:8px;overflow-x:auto}.kb-panels .chip{flex:none;min-height:34px}.kb-counter{order:10;width:100%;margin:0}}@media (pointer:coarse){.kb-tool [data-fine-pointer],.kb-tool[data-native=true] .kb-keyboard,.kb-tool[data-native=true] .kb-keyboard+.kb-help{display:none}}.kb-keyboard{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--surface-2);border-radius:var(--radius-sm);direction:ltr;gap:6px;padding:6px 4px;display:grid}.kb-rows{gap:6px;display:grid}.kb-row{justify-content:center;gap:4px;display:flex}.key{background:var(--key-bg);min-width:0;height:46px;color:var(--key-text);box-shadow:var(--key-shadow);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;flex:1 1 0;place-items:center;padding:0;font-size:1.3rem;line-height:1;display:grid;position:relative}.key:active,.key.is-active{background:var(--key-active);box-shadow:none;transform:translateY(1px)}.key-main{pointer-events:none;white-space:nowrap}.key-main--label,.key--label{font-family:var(--font-ui);letter-spacing:.02em;color:var(--muted);font-size:.62rem}.key-hint{top:3px;font-family:var(--font-ui);color:var(--muted);pointer-events:none;font-size:.62rem;position:absolute;inset-inline-start:5px}.key[data-has-variants]:after{content:"";bottom:4px;background:var(--muted);opacity:.6;border-radius:50%;width:4px;height:4px;position:absolute;inset-inline-end:5px}.key--func{background:var(--key-func);font-family:var(--font-ui);font-size:.85rem}.key--func svg{pointer-events:none;width:20px;height:20px}.key--func[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.key--w15{flex-grow:1.5}.key--w2{flex-grow:2}.key--space{flex-grow:5}.kb-layout-desktop,.kb-tool[data-symbols=true] .kb-layout-touch .kb-rows--letters,.kb-tool:not([data-symbols=true]) .kb-rows--symbols{display:none}.kb-rows--symbols .kb-row{flex-wrap:wrap}.kb-rows--symbols .key{flex:1 0 calc(10% - 4px)}.variants-pop{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;padding:6px;display:flex;position:fixed;box-shadow:0 10px 28px #00000040}.variants-pop .key{flex:none;width:46px}.toast{inset-inline:0;background:var(--text);width:max-content;max-width:calc(100vw - 32px);color:var(--bg);z-index:60;border-radius:10px;margin:0 auto;padding:10px 16px;font-size:.92rem;position:fixed;bottom:18px}.toast[hidden]{display:none}.kb-details{font-size:.92rem}.kb-details summary{cursor:pointer;color:var(--accent-strong)}.kb-details table{border-collapse:collapse;margin-top:8px}.kb-details td,.kb-details th{border:1px solid var(--border);text-align:center;padding:3px 10px}.kb-details .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0 16px;display:grid}@media (width>=760px){.kb-tool{--kb-font-size:1.6rem;padding:14px}.kb-text textarea{min-height:9rem}.kb-layout-desktop{display:block}.kb-layout-touch{display:none}.key{height:50px}.kb-keyboard{padding:8px}}html.floating .kb-tool{border:0;padding:4px}html.floating .kb-text textarea{min-height:4.5rem}html.floating .kb-details,html.floating [data-hide-floating]{display:none!important}.hijri-today{background:var(--accent-soft);border-radius:10px;gap:2px;margin:0;padding:10px 12px;display:grid}.hijri-today-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem}.hijri-today strong{font-size:1.15rem}.hijri-today-ar,.hijri-result-ar{text-align:start;font-family:Noto Naskh Arabic,serif}.hijri-fields,.hijri-options{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.hijri-fields[hidden]{display:none}.hijri-field{color:var(--muted);gap:4px;min-width:0;font-size:.85rem;display:grid}.hijri-field input,.hijri-field select{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:10px;max-width:100%;padding:0 10px;font-size:1rem}.hijri-field--small input{width:6.5em}.hijri-result{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;gap:4px;padding:14px;display:grid}.hijri-result[hidden]{display:none}.hijri-result-main{font-size:1.35rem;font-weight:650}.hijri-result-ar{font-size:1.3rem}.hijri-result-num{color:var(--muted);font-variant-numeric:tabular-nums}.hijri-error{background:color-mix(in srgb, #dc2626 12%, var(--surface));color:var(--text);border-radius:10px;margin:0;padding:10px 12px}.hijri-events-title{margin:8px 0 0;font-size:1.1rem}.hijri-table-wrap{overflow-x:auto}.hijri-events{border-collapse:collapse;width:100%;font-size:.92rem}.hijri-events th,.hijri-events td{text-align:start;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 6px}.hijri-events thead th{color:var(--muted);font-weight:600}.name-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.name-field input{width:100%;font-size:1.15rem}.name-field input[dir=rtl]{font-size:1.5rem}.name-suggest{gap:2px;display:grid}.name-suggest .chips{min-height:40px;margin:4px 0 0}.name-chip{cursor:pointer;font-family:Noto Naskh Arabic,serif;font-size:1.15rem}.name-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.name-kb-link{margin-top:-4px}.name-styles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.name-card{--card-bg:#fff;--card-fg:#18201d;--card-accent:#0f766e;border:2px solid var(--border);background:var(--card-bg);min-height:150px;color:var(--card-fg);cursor:pointer;font:inherit;border-radius:12px;grid-template-rows:1fr auto;place-items:center;gap:6px;padding:12px 8px 8px;display:grid;overflow:hidden}.name-card[data-theme=dark]{--card-bg:#111413;--card-fg:#f4f4f2;--card-accent:#2dd4bf}.name-card[data-theme=sand]{--card-bg:#f6ecd9;--card-fg:#4a2f14;--card-accent:#b07d2b}.name-card[data-theme=green]{--card-bg:#0f3d36;--card-fg:#f3e9d2;--card-accent:#d4b26a}.name-card[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.name-card-text{overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.9}.name-card-label{color:var(--card-accent);font-size:.78rem;font-weight:600}.name-themes .seg button{align-items:center;gap:6px;display:inline-flex}.swatch{border:2px solid;border-radius:50%;width:14px;height:14px}.name-letters{gap:6px;display:grid}.name-letters[hidden]{display:none}.name-letter-list{direction:rtl;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.name-letter-list li{border:1px solid var(--border);direction:ltr;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.name-letter-char{font-family:Noto Naskh Arabic,serif;font-size:1.3rem;line-height:1}.kb-more-panel [data-action=predict][aria-pressed=true]:before{content:"✓";color:var(--accent);font-weight:700}.alphabet-grid[data-astro-cid-gkv7e7at]{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.letter-head[data-astro-cid-gkv7e7at]{align-items:center;gap:12px;display:flex}.letter-head[data-astro-cid-gkv7e7at]>div[data-astro-cid-gkv7e7at]{flex:1;display:grid}.letter-char[data-astro-cid-gkv7e7at]{text-align:center;min-width:3rem;color:var(--accent-strong);font-size:2.6rem;line-height:1.3}.letter-forms[data-astro-cid-gkv7e7at]{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0;display:grid}.letter-forms[data-astro-cid-gkv7e7at] dt[data-astro-cid-gkv7e7at]{font-family:var(--font-ui);color:var(--muted);font-size:.7rem}.letter-forms[data-astro-cid-gkv7e7at] dd[data-astro-cid-gkv7e7at]{margin:0;font-size:1.6rem}.letter-example[data-astro-cid-gkv7e7at],.letter-hint[data-astro-cid-gkv7e7at]{margin:4px 0 0;font-size:.9rem}.letter-example[data-astro-cid-gkv7e7at] span[data-astro-cid-gkv7e7at]{font-size:1.3rem}.letter-hint[data-astro-cid-gkv7e7at]{color:var(--muted)}.quiz-question[data-astro-cid-j43zkcrl]{margin:0;font-weight:600}.quiz-prompt[data-astro-cid-j43zkcrl]{text-align:center;min-height:5.6rem;color:var(--accent-strong);font-size:4rem;line-height:1.4}.quiz-options[data-astro-cid-j43zkcrl]{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.quiz-options[data-astro-cid-j43zkcrl] button[data-astro-cid-j43zkcrl]{min-height:56px;font-size:1.15rem}.quiz-options[data-astro-cid-j43zkcrl] button[data-astro-cid-j43zkcrl].is-letter{font-size:2rem}.quiz-options[data-astro-cid-j43zkcrl] button[data-astro-cid-j43zkcrl][data-result=ok]{background:var(--accent-soft);border-color:var(--accent)}.quiz-options[data-astro-cid-j43zkcrl] button[data-astro-cid-j43zkcrl][data-result=ko]{border-color:var(--danger);color:var(--danger)}.quiz-feedback[data-astro-cid-j43zkcrl]{min-height:1.6em;margin:0}