:root{color-scheme:light;--bg:#f5f7fb;--bg-gradient-top:rgba(59, 130, 246, 0.14);--bg-gradient-bottom:rgba(139, 92, 246, 0.08);--panel-bg:rgba(255, 255, 255, 0.95);--panel-border:rgba(15, 23, 42, 0.06);--panel-shadow:0 18px 45px rgba(15, 23, 42, 0.12);--page-text:#0f172a;--panel-text:#0f172a;--panel-muted:rgba(15, 23, 42, 0.6);--button-bg:linear-gradient(180deg, #f8fafc, #e2e8f0);--button-border:rgba(37, 99, 235, 0.35);--button-border-strong:rgba(37, 99, 235, 0.55);--button-shadow:inset 0 0 14px rgba(96, 165, 250, 0.25),0 12px 25px rgba(148, 163, 184, 0.35);--button-shadow-hover:inset 0 0 18px rgba(96, 165, 250, 0.35),0 16px 32px rgba(148, 163, 184, 0.4);--button-text:#0f172a;--button-icon:#2563eb;--textarea-bg:rgba(248, 250, 252, 0.85);--textarea-border:rgba(148, 163, 184, 0.45);--textarea-focus:rgba(37, 99, 235, 0.45);--textarea-focus-ring:rgba(37, 99, 235, 0.18);--textarea-placeholder:rgba(15, 23, 42, 0.45);--keyboard-bg:rgba(255, 255, 255, 0.7);--keyboard-border:rgba(15, 23, 42, 0.08);--key-bg:linear-gradient(180deg, #eef2ff, #dbeafe);--key-border:rgba(99, 102, 241, 0.25);--key-shadow:inset 0 0 0 1px rgba(129, 140, 248, 0.22),0 8px 16px rgba(148, 163, 184, 0.35);--key-highlight:rgba(148, 163, 184, 0.32);--key-hover-bg:linear-gradient(180deg, #e0f2ff, #bfdbfe);--key-hover-border:rgba(59, 130, 246, 0.6);--key-hover-shadow:0 14px 26px rgba(59, 130, 246, 0.35),inset 0 0 0 1px rgba(59, 130, 246, 0.25);--key-pressed-bg:linear-gradient(180deg, #dbe3fb, #c7d4fa);--key-pressed-border:rgba(37, 99, 235, 0.45);--key-text:#0f172a;--key-shift:rgba(37, 99, 235, 0.8);--space-text:#0f172a;--accent-red:#ff4d6d;--key-pressed-shadow:inset 0 0 0 1px rgba(37, 99, 235, 0.2),0 4px 12px rgba(37, 99, 235, 0.15);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.theme-dark{color-scheme:dark;--bg:#0f172a;--bg-gradient-top:rgba(14, 165, 233, 0.18);--bg-gradient-bottom:rgba(244, 114, 182, 0.15);--panel-bg:rgba(15, 23, 42, 0.75);--panel-border:rgba(255, 255, 255, 0.08);--panel-shadow:0 18px 45px rgba(15, 23, 42, 0.35);--page-text:#f8fafc;--panel-text:#f8fafc;--panel-muted:rgba(173, 216, 255, 0.65);--button-bg:linear-gradient(180deg, rgba(16, 28, 48, 0.92), rgba(8, 13, 24, 0.96));--button-border:rgba(120, 226, 255, 0.6);--button-border-strong:rgba(163, 245, 255, 0.95);--button-shadow:inset 0 0 14px rgba(120, 226, 255, 0.2),0 12px 25px rgba(0, 0, 0, 0.45);--button-shadow-hover:inset 0 0 18px rgba(163, 245, 255, 0.35),0 16px 32px rgba(0, 0, 0, 0.55);--button-text:#e6faff;--button-icon:#78e2ff;--textarea-bg:rgba(248, 250, 252, 0.15);--textarea-border:rgba(248, 250, 252, 0.15);--textarea-focus:rgba(14, 165, 233, 0.5);--textarea-focus-ring:rgba(14, 165, 233, 0.18);--textarea-placeholder:rgba(248, 250, 252, 0.65);--keyboard-bg:rgba(15, 23, 42, 0.55);--keyboard-border:rgba(248, 250, 252, 0.08);--key-bg:linear-gradient(180deg, rgba(9, 15, 26, 0.95), rgba(27, 32, 47, 0.9));--key-border:rgba(120, 226, 255, 0.15);--key-shadow:inset 0 0 0 1px rgba(120, 226, 255, 0.08),0 8px 16px rgba(0, 0, 0, 0.45);--key-highlight:rgba(120, 226, 255, 0.22);--key-hover-bg:linear-gradient(180deg, rgba(19, 32, 53, 0.98), rgba(11, 20, 35, 0.96));--key-hover-border:rgba(163, 245, 255, 0.6);--key-hover-shadow:0 16px 30px rgba(120, 226, 255, 0.25),inset 0 0 0 1px rgba(163, 245, 255, 0.28);--key-pressed-bg:linear-gradient(180deg, rgba(20, 34, 58, 0.95), rgba(10, 18, 34, 0.98));--key-pressed-border:rgba(163, 245, 255, 0.4);--key-text:#f8fafc;--key-shift:rgba(120, 226, 255, 0.8);--space-text:#f8fafc;--accent-red:#ff4d6d;--key-pressed-shadow:inset 0 0 0 1px rgba(163, 245, 255, 0.3),0 4px 12px rgba(163, 245, 255, 0.22)}*{box-sizing:border-box}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select{touch-action:manipulation}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,var(--bg-gradient-top),transparent 55%),radial-gradient(circle at bottom,var(--bg-gradient-bottom),transparent 60%),var(--bg);color:var(--page-text);display:flex;flex-direction:column;align-items:stretch;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.info-page{min-height:100vh;background:radial-gradient(circle at top,var(--bg-gradient-top),transparent 55%),radial-gradient(circle at bottom,var(--bg-gradient-bottom),transparent 60%),var(--bg);color:var(--page-text);display:flex;justify-content:center;align-items:center;padding:3rem 1.5rem 4rem}.info-page main{width:min(920px,100%);background:var(--panel-bg);border-radius:28px;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(14px);padding:clamp(1.75rem,3vw,2.5rem);display:grid;gap:2rem}.info-page h1,.info-page h2{margin:0 0 1rem;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.04em;text-transform:uppercase}.info-page h1{font-size:clamp(2rem, 4vw, 2.6rem)}.info-page h2{font-size:clamp(1.2rem, 3vw, 1.5rem)}.info-page li,.info-page p,.info-page ul{margin:0;line-height:1.7;color:var(--panel-muted)}.info-page ul{padding:0 1.25rem;display:grid;gap:.5rem}.info-page a{color:var(--button-icon);text-decoration:none}.info-page a:focus-visible,.info-page a:hover{text-decoration:underline}.contact-form form{display:grid;gap:1rem}.contact-form label{display:grid;gap:.35rem;font-weight:600;color:var(--page-text)}.contact-form input,.contact-form textarea{border-radius:12px;border:1px solid var(--textarea-border);background:var(--textarea-bg);padding:.75rem 1rem;font-family:'Noto Sans Arabic',Cairo,Manrope,sans-serif;font-size:1rem;color:var(--panel-text)}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:0;border-color:var(--textarea-focus);box-shadow:0 0 0 4px var(--textarea-focus-ring)}.contact-form button{justify-self:start;padding:.65rem 1.4rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--text-inverse);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.contact-form button:focus-visible,.contact-form button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(14,165,233,.35);outline:0}.theme-dark .info-page main{background:rgba(15,23,42,.75);border-color:rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.55)}.theme-dark .info-page li,.theme-dark .info-page p,.theme-dark .info-page ul{color:rgba(208,227,255,.8)}.page-header{padding:3rem 1.5rem 1rem;text-align:center}.page-header__brand{display:inline-flex;align-items:center;gap:.8rem;justify-content:center}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.9rem;background:linear-gradient(135deg,rgba(244,63,94,.9),rgba(37,99,235,.85));box-shadow:0 12px 24px rgba(37,99,235,.28);font-size:1.4rem;color:#fff}.page-header h1,.page-header__brand-title{margin:0;font-family:'Noto Sans Arabic',Cairo,Manrope,sans-serif;font-weight:700;font-size:clamp(2.25rem, 5vw, 3rem);letter-spacing:.02em}.editor{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.75rem);padding:0 1.5rem 3rem}.editor__panel{width:min(1024px,100%);background:var(--panel-bg);backdrop-filter:blur(18px);border-radius:28px;padding:clamp(1.5rem,2vw + .75rem,2.25rem);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);display:flex;flex-direction:column;gap:1.25rem;color:var(--panel-text)}.panel__toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem;border-radius:999px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);font-weight:700;letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:var(--button-shadow)}.theme-toggle:focus-visible,.theme-toggle:hover{transform:translateY(-1px);border-color:var(--button-border-strong);box-shadow:var(--button-shadow-hover);outline:0}.theme-toggle__icon{font-size:1rem;color:var(--button-icon);filter:drop-shadow(0 0 4px rgba(37, 99, 235, .25))}.language-picker{display:inline-flex;align-items:center;gap:.6rem}.language-picker__label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--panel-muted)}.language-picker__select{appearance:none;border-radius:999px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.45rem 2.2rem .45rem .9rem;cursor:pointer;box-shadow:var(--button-shadow);position:relative}.language-picker__control{position:relative;display:inline-flex;align-items:center}.language-picker__indicator{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:.75rem;height:.75rem;color:var(--button-icon);pointer-events:none;transition:color .2s ease}.language-picker__indicator svg{display:block;width:100%;height:100%;stroke:currentColor;transition:transform .2s ease,stroke .2s ease}.language-picker__control--open .language-picker__indicator svg{transform:rotate(180deg)}.language-picker__select optgroup,.language-picker__select option{color:#0f172a;font-weight:600;text-transform:none;letter-spacing:normal}.theme-dark .language-picker__select optgroup,.theme-dark .language-picker__select option{color:#1f2937}.layout-copy{width:min(1024px,100%);margin:0 auto;padding:clamp(1.5rem,3vw,2.75rem);background:var(--panel-bg);border-radius:26px;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);color:var(--panel-text)}.layout-copy__heading{margin:0 0 1rem;font-size:clamp(1.35rem, 2.5vw, 1.8rem);letter-spacing:.08em;text-transform:uppercase}.layout-copy__body{display:grid;gap:0;line-height:1.5;color:var(--panel-muted)}.layout-copy[hidden]{display:none}.theme-dark .language-picker__indicator{color:var(--button-text)}.language-picker__select:focus-visible,.language-picker__select:hover{border-color:var(--button-border-strong);box-shadow:var(--button-shadow-hover);outline:0}.editor__actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.action-button{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:12px;border:2px solid var(--button-border);background:var(--button-bg);color:var(--button-text);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease;box-shadow:var(--button-shadow)}.action-button::before{content:'';position:absolute;inset:6px;border-radius:8px;border:1px solid var(--button-border);box-shadow:inset 0 0 10px rgba(96,165,250,.2);opacity:.85;pointer-events:none}.action-button:focus-visible,.action-button:hover{transform:translateY(-2px);border-color:var(--button-border-strong);color:var(--button-text);box-shadow:var(--button-shadow-hover);outline:0}.action-button__icon{font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--button-icon);filter:drop-shadow(0 0 6px rgba(37, 99, 235, .3))}textarea{min-height:150px;max-height:600px;width:100%;border-radius:24px;border:1px solid var(--textarea-border);background:var(--textarea-bg);color:var(--panel-text);font-family:'Noto Sans Arabic',Cairo,Manrope,sans-serif;font-size:1.4rem;line-height:1.8;padding:1.5rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;overflow-y:auto}textarea:focus-visible{outline:0;border-color:var(--textarea-focus);box-shadow:0 0 0 4px var(--textarea-focus-ring)}textarea::placeholder{color:var(--textarea-placeholder)}textarea::-webkit-resizer{background:linear-gradient(135deg,transparent 0,transparent 50%,var(--textarea-border) 50%,var(--textarea-border) 60%,transparent 60%,transparent 70%,var(--textarea-border) 70%,var(--textarea-border) 80%,transparent 80%,transparent 90%,var(--textarea-border) 90%,var(--textarea-border) 100%);border-radius:0 0 24px 0;cursor:ns-resize}.ime-panel{display:grid;gap:.35rem;margin-top:.75rem;padding:.75rem 1rem;border-radius:18px;border:1px solid var(--keyboard-border);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(226,232,240,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 24px rgba(15,23,42,.08);color:var(--panel-text);font-family:Manrope,'Noto Sans','Segoe UI',sans-serif}.theme-dark .ime-panel{background:linear-gradient(180deg,rgba(24,32,52,.92),rgba(12,19,31,.88));box-shadow:inset 0 1px 0 rgba(120,226,255,.18),0 10px 26px rgba(0,0,0,.35)}.ime-panel[hidden]{display:none}.ime-panel__preedit{font-size:1.25rem;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem;min-height:1.5rem}.ime-panel__preedit::before{content:'IME';font-size:.75rem;font-weight:700;letter-spacing:.22em;opacity:.55;text-transform:uppercase}.ime-panel__candidates{display:flex;flex-wrap:wrap;gap:.45rem}.ime-panel__candidate{padding:.25rem .65rem;border-radius:999px;border:1px solid rgba(37,99,235,.18);background:rgba(59,130,246,.08);font-size:.85rem;letter-spacing:.03em;color:var(--panel-text)}.ime-panel__candidate[data-selected=true]{border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.16);font-weight:600}.theme-dark .ime-panel__candidate{border-color:rgba(120,226,255,.25);background:rgba(120,226,255,.16);color:var(--page-text)}.theme-dark .ime-panel__candidate[data-selected=true]{border-color:rgba(163,245,255,.55);background:rgba(163,245,255,.24)}.keyboard-suite{display:grid;gap:1.5rem;background:var(--keyboard-bg);border-radius:24px;padding:1.5rem;border:1px solid var(--keyboard-border)}.tashkeel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tashkeel__header h3{margin:0;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:600}.ghost-button{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--button-border);background:0 0;color:var(--panel-text);cursor:pointer;font-size:.9rem}.ghost-button:focus-visible,.ghost-button:hover{border-color:var(--button-border-strong);outline:0}.tashkeel{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.75rem}.tashkeel button{padding:.75rem;border-radius:12px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--panel-text);font-size:2.4rem;line-height:1;display:flex;align-items:center;justify-content:center;text-shadow:0 0 6px rgba(37,99,235,.2);font-family:'Noto Sans Arabic',Cairo,sans-serif;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.tashkeel button:focus-visible,.tashkeel button:hover{transform:translateY(-2px);border-color:var(--button-border-strong);background:var(--button-bg);box-shadow:var(--button-shadow-hover);outline:0}.keyboard{display:grid;gap:.5rem}.order-picker{display:flex;flex-direction:column;gap:.45rem;padding:.85rem 1rem;border-radius:16px;border:1px solid var(--panel-border);background:rgba(255,255,255,.55);box-shadow:0 8px 24px rgba(15,23,42,.15)}.theme-dark .order-picker{background:rgba(15,23,42,.65)}.order-picker__title{font-weight:700;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase;color:var(--panel-muted)}.order-picker__description{margin:0;font-size:.9rem;color:var(--panel-text);opacity:.9}.order-picker__buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:.4rem}.order-picker__button{border-radius:10px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--panel-text);padding:.4rem .2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.order-picker__button:focus-visible,.order-picker__button:hover{border-color:var(--button-border-strong);box-shadow:var(--button-shadow-hover);outline:0}.order-picker__button--active{border-color:var(--key-border);background:var(--key-pressed-bg);box-shadow:var(--key-pressed-shadow)}.keyboard__row{display:grid;grid-template-columns:repeat(var(--keyboard-columns,15),minmax(0,1fr));gap:.5rem}.key{position:relative;border-radius:12px;padding:.75rem;border:1px solid var(--key-border);background:var(--key-bg);color:var(--key-text);font-family:Cairo,sans-serif;font-size:1.1rem;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:var(--key-shadow)}@media (pointer:coarse){.action-button,.ghost-button,.theme-toggle{min-height:52px}.action-button{padding:1rem 1.1rem;font-size:.78rem}.theme-toggle{padding:.6rem 1.1rem;font-size:.8rem}.key{min-height:70px;padding:1rem;font-size:1.35rem}.key__primary{font-size:1.8rem}.tashkeel button{padding:.9rem;font-size:2.6rem}}.key::before{content:'';position:absolute;inset:4px;border-radius:10px;background:radial-gradient(circle at top,var(--key-highlight),transparent 65%);opacity:.6;pointer-events:none;transition:opacity .12s ease}.key[data-role=character]{box-shadow:var(--key-shadow)}.key:focus-visible,.key:hover{background:var(--key-hover-bg);border-color:var(--key-hover-border);box-shadow:var(--key-hover-shadow);transform:translateY(-1px);outline:0}.key.active,.key:active{transform:translateY(2px);border-color:var(--key-pressed-border);background:var(--key-pressed-bg);box-shadow:var(--key-pressed-shadow)}.key:focus-visible::before,.key:hover::before{opacity:.9}.key.active::before,.key:active::before{opacity:.85}.key__legend{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:.35rem 0;height:100%}.key__shift{order:0;font-size:.9rem;opacity:.6;letter-spacing:.18em;text-transform:uppercase;color:var(--key-shift);transform:translateY(-2px);margin-top:-.25rem}.key__primary{order:1;font-size:1.6rem;font-weight:700;line-height:1}.key__primary--arabic{color:var(--key-text);font-family:'Noto Sans Arabic',Cairo,sans-serif;font-weight:600}.key__primary--devanagari{font-family:'Noto Sans Devanagari','Noto Sans','Nirmala UI',sans-serif;font-weight:600}.key__primary--bengali{font-family:'Noto Sans Bengali','Nirmala UI',sans-serif;font-weight:600}.key__primary--gurmukhi{font-family:'Noto Sans Gurmukhi',Raavi,'Nirmala UI',sans-serif;font-weight:600}.key__primary--gujarati{font-family:'Noto Sans Gujarati',Shruti,'Nirmala UI',sans-serif;font-weight:600}.key__primary--odia{font-family:'Noto Sans Odia','Noto Sans Oriya',Kalinga,'Nirmala UI',sans-serif;font-weight:600}.key__primary--tamil{font-family:'Noto Sans Tamil',Latha,'Tamil Sangam MN',sans-serif;font-weight:600}.key__primary--telugu{font-family:'Noto Sans Telugu',Gautami,'Nirmala UI',sans-serif;font-weight:600}.key__primary--kannada{font-family:'Noto Sans Kannada',Tunga,'Nirmala UI',sans-serif;font-weight:600}.key__primary--malayalam{font-family:'Noto Sans Malayalam',Kartika,'Nirmala UI',sans-serif;font-weight:600}.key__primary--javanese{font-family:'Noto Sans Javanese','Noto Sans',sans-serif;font-size:1.35rem;line-height:1.05}.key__primary--cjk{font-family:'Noto Sans TC','Noto Sans SC','PingFang TC','Microsoft JhengHei','Noto Sans',sans-serif;font-weight:600}.key[data-role=space] .key__legend{flex-direction:row;gap:.75rem}.key[data-role=space] .key__primary{font-size:1.05rem;letter-spacing:.18em;color:var(--space-text)}.faq{padding:3rem 1.5rem 4rem;background:0 0;color:var(--page-text)}.faq__inner{max-width:900px;margin:0 auto;background:rgba(255,255,255,.75);border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 15px 35px rgba(15,23,42,.12);padding:clamp(1.75rem,3vw,2.5rem);backdrop-filter:blur(10px);transition:background .3s ease}.theme-dark .faq__inner{background:rgba(15,23,42,.75);border-color:rgba(255,255,255,.08);box-shadow:0 15px 35px rgba(15,23,42,.45)}.faq__inner h2{margin-top:0;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1.75rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.5rem}.faq__list{display:grid;gap:1rem}.faq__item{border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.75);padding:.75rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.theme-dark .faq__item{background:rgba(15,23,42,.75);border-color:rgba(255,255,255,.08)}.faq__item[open]{transform:translateY(-2px);box-shadow:0 18px 32px rgba(15,23,42,.18)}.faq__item summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--page-text)}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary::after{content:'+';font-size:1.25rem;transition:transform .2s ease}.faq__item[open] summary::after{transform:rotate(45deg)}.faq__item p{margin:.75rem 0 0;color:var(--panel-muted);line-height:1.6}.theme-dark .faq__item p{color:rgba(208,227,255,.8)}.site-footer{padding:3rem 1.5rem 4rem;color:var(--page-text);background:0 0}.site-footer__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:rgba(255,255,255,.78);border-radius:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 42px rgba(15,23,42,.12);padding:clamp(1.25rem,2.5vw,1.75rem);backdrop-filter:blur(10px)}.theme-dark .site-footer__inner{background:rgba(15,23,42,.78);border-color:rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.55)}.site-footer__link{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--page-text);padding:.25rem 0;transition:color .15s ease}.site-footer__link:focus-visible,.site-footer__link:hover{color:var(--button-icon);outline:0}.theme-dark .site-footer__link{color:rgba(208,227,255,.8)}.theme-dark .site-footer__link:focus-visible,.theme-dark .site-footer__link:hover{color:rgba(120,226,255,.9)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.blog{max-width:960px;margin:0 auto;padding:0 clamp(1.25rem,6vw,3rem) 4rem;display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.blog-article,.blog-card,.blog__hero{background:rgba(255,255,255,.78);border-radius:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 42px rgba(15,23,42,.12);padding:clamp(1.5rem,2.5vw,2.25rem);backdrop-filter:blur(10px)}.theme-dark .blog-article,.theme-dark .blog-card,.theme-dark .blog__hero{background:rgba(15,23,42,.78);border-color:rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.55)}.blog__lead{margin:0;font-size:clamp(1.1rem, 2vw, 1.25rem);line-height:1.7;color:var(--page-text)}.theme-dark .blog__lead{color:rgba(208,227,255,.85)}.blog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.25rem,3vw,1.75rem)}.blog-card{display:flex;flex-direction:column;gap:.75rem}.blog-article__meta,.blog-card__date{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted)}.theme-dark .blog-article__meta,.theme-dark .blog-card__date{color:rgba(208,227,255,.65)}.blog-card__title{margin:0;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:700;font-size:clamp(1.35rem, 3vw, 1.6rem);line-height:1.35}.blog-card__link{color:inherit;text-decoration:none;transition:color .15s ease}.blog-card__link:focus-visible,.blog-card__link:hover{color:var(--button-icon);outline:0}.theme-dark .blog-card__link:focus-visible,.theme-dark .blog-card__link:hover{color:rgba(120,226,255,.9)}.blog-card__excerpt{margin:0;color:var(--page-text);line-height:1.6}.theme-dark .blog-card__excerpt{color:rgba(208,227,255,.75)}.blog-post{max-width:760px;margin:0 auto;padding:0 clamp(1.25rem,6vw,3rem) 4rem;display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem)}.blog-article{display:flex;flex-direction:column;gap:1.25rem}.blog-article__title{margin:0;font-family:'Noto Sans Arabic',Cairo,Manrope,sans-serif;font-size:clamp(2rem, 4vw, 2.5rem);font-weight:700;line-height:1.3;color:var(--page-text)}.theme-dark .blog-article__title{color:rgba(208,227,255,.92)}.blog-article__paragraph{margin:0;color:var(--page-text);line-height:1.75;font-size:1.05rem}.blog-article__paragraph+.blog-article__paragraph{margin-top:.5rem}.theme-dark .blog-article__paragraph{color:rgba(208,227,255,.8)}.blog-related{display:grid;gap:1rem;padding:clamp(1.25rem,3vw,1.75rem);border-radius:24px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.blog-related__heading{margin:0;font-size:1rem;font-weight:700;color:var(--page-text)}.blog-related__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.blog-related__item{margin:0}.blog-related__link{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--page-text);font-weight:600;font-size:.95rem;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.blog-related__link:focus-visible,.blog-related__link:hover{border-color:var(--button-border-strong);box-shadow:var(--button-shadow-hover);transform:translateY(-2px);outline:0}.theme-dark .blog-related__heading{color:rgba(208,227,255,.92)}.theme-dark .blog-related__link{color:rgba(208,227,255,.92)}.blog-share{display:grid;gap:.75rem;padding:clamp(1.25rem,3vw,1.75rem);border-radius:24px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.blog-share__heading{margin:0;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--panel-muted)}.blog-share__buttons{display:flex;flex-wrap:wrap;gap:.75rem}.blog-share__button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border-radius:50%;border:1px solid var(--button-border);background:var(--button-bg);text-decoration:none;box-shadow:var(--button-shadow);color:var(--button-icon);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.blog-share__button:focus-visible,.blog-share__button:hover{transform:translateY(-2px);border-color:var(--button-border-strong);box-shadow:var(--button-shadow-hover);outline:0}.blog-share__button svg{width:1.25rem;height:1.25rem;fill:currentColor;transition:transform .15s ease}.blog-share__button:focus-visible svg,.blog-share__button:hover svg{transform:scale(1.08)}.blog-share__button--twitter{border-color:rgba(29,155,240,.35);color:#1d9bf0}.blog-share__button--linkedin{border-color:rgba(10,102,194,.35);color:#0a66c2}.blog-share__button--facebook{border-color:rgba(24,119,242,.35);color:#1877f2}.theme-dark .blog-share{background:rgba(15,23,42,.75);border-color:rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.55)}.theme-dark .blog-share__heading{color:rgba(208,227,255,.7)}.theme-dark .blog-share__button--twitter{border-color:rgba(29,155,240,.55);color:#1d9bf0}.theme-dark .blog-share__button--linkedin{border-color:rgba(10,102,194,.55);color:#0a66c2}.theme-dark .blog-share__button--facebook{border-color:rgba(24,119,242,.55);color:#1877f2}.blog-post__back{display:flex;justify-content:flex-start}.blog-back-link{font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--button-icon)}.blog-back-link:focus-visible,.blog-back-link:hover{text-decoration:underline;outline:0}.theme-dark .blog-back-link{color:rgba(120,226,255,.9)}.mode-toggle{display:flex;gap:.5rem;margin-bottom:.5rem;padding:.25rem;background:rgba(59,130,246,.08);border-radius:999px;border:1px solid var(--button-border)}.theme-dark .mode-toggle{background:rgba(120,226,255,.08);border-color:rgba(120,226,255,.2)}.mode-btn{padding:.5rem 1rem;border:none;border-radius:999px;background:0 0;color:var(--panel-muted);font-weight:600;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;position:relative}.mode-btn:hover:not(.active):not(:disabled){color:var(--panel-text)}.mode-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mode-btn.active{background:var(--button-bg);color:var(--button-text);box-shadow:var(--button-shadow);border:1px solid var(--button-border)}.theme-dark .mode-btn.active{background:linear-gradient(180deg,rgba(163,245,255,.25),rgba(120,226,255,.15));color:rgba(120,226,255,.95);border-color:rgba(163,245,255,.4);box-shadow:0 4px 12px rgba(120,226,255,.2)}.phonetic-toggle{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid var(--button-border);border-radius:999px;background:0 0;color:var(--panel-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.phonetic-toggle:hover{color:var(--panel-text);border-color:var(--button-border-strong);background:rgba(59,130,246,.08)}.phonetic-toggle.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 12px rgba(16,185,129,.35)}.phonetic-toggle.active:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px rgba(16,185,129,.45)}.theme-dark .phonetic-toggle{border-color:rgba(120,226,255,.2)}.theme-dark .phonetic-toggle:hover{background:rgba(120,226,255,.08);border-color:rgba(163,245,255,.4)}.theme-dark .phonetic-toggle.active{background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(5,150,105,.9));color:#fff;border-color:rgba(16,185,129,.7);box-shadow:0 4px 12px rgba(16,185,129,.3)}.phonetic-toggle__icon{font-size:1rem;line-height:1}.phonetic-toggle__label{font-size:.8rem;letter-spacing:.02em}.phonetic-toggle--hidden{display:none!important}.keyboard--phonetic{position:relative}.keyboard--phonetic::before{content:'Phonetic Mode Active';position:absolute;top:-1.75rem;left:50%;transform:translateX(-50%);padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;box-shadow:0 2px 8px rgba(16,185,129,.3);z-index:10;pointer-events:none}.keyboard--phonetic .key{opacity:.6}.keyboard--phonetic .key[data-role=backspace],.keyboard--phonetic .key[data-role=caps],.keyboard--phonetic .key[data-role=enter],.keyboard--phonetic .key[data-role=shift],.keyboard--phonetic .key[data-role=space]{opacity:1}@media (max-width:600px){.phonetic-toggle{padding:.35rem .65rem}.phonetic-toggle__label{display:none}.phonetic-toggle__icon{font-size:1.1rem}.keyboard--phonetic::before{font-size:.6rem;padding:.2rem .5rem;top:-1.5rem}}.phonetic-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;margin-right:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:4px;vertical-align:middle}.phonetic-badge--hidden{display:none}.faq--phonetic,.layout-copy--phonetic{border-left:3px solid #10b981;background:linear-gradient(90deg,rgba(16,185,129,.05),transparent)}.faq--speedtest,.layout-copy--speedtest{border-left:3px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.05),transparent)}.theme-dark .faq--speedtest,.theme-dark .layout-copy--speedtest{border-left-color:#fbbf24;background:linear-gradient(90deg,rgba(251,191,36,.08),transparent)}.theme-dark .faq--phonetic,.theme-dark .layout-copy--phonetic{background:linear-gradient(90deg,rgba(16,185,129,.1),transparent)}.faq--phonetic strong,.layout-copy--phonetic .layout-copy__body strong{color:#059669}.theme-dark .faq--phonetic strong,.theme-dark .layout-copy--phonetic .layout-copy__body strong{color:#34d399}.typing-game-container{position:relative;width:100%;cursor:text}.typing-game-container--unfocused .target-text-display{border-color:var(--button-icon);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.game-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:rgba(59,130,246,.05);border-radius:12px;border:1px solid var(--button-border)}.stat-box{display:flex;flex-direction:column}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--panel-muted)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--page-text)}.reset-btn{margin-left:auto;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);font-weight:600;cursor:pointer}.target-text-display{position:relative;font-size:1.4rem;line-height:1.8;padding:1.5rem;background:var(--textarea-bg);border:1px solid var(--textarea-border);border-radius:24px;min-height:160px;margin-bottom:1rem;font-family:'Noto Sans Arabic',Cairo,Manrope,sans-serif}.target-text-display .char{color:var(--panel-muted);opacity:.6}.target-text-display .char.correct{color:#10b981;opacity:1}.target-text-display .char.incorrect{color:#ef4444;background:rgba(239,68,68,.1);opacity:1}.target-text-display .char.current{text-decoration:underline;text-decoration-color:var(--button-icon);text-decoration-thickness:2px}.click-to-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(59,130,246,.95);color:#fff;padding:.75rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:600;box-shadow:0 4px 20px rgba(59,130,246,.4);animation:pulse-glow 2s ease-in-out infinite;cursor:pointer;z-index:5}@keyframes pulse-glow{0%,100%{box-shadow:0 4px 20px rgba(59,130,246,.4)}50%{box-shadow:0 4px 30px rgba(59,130,246,.6)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.game-finished-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;z-index:10}.theme-dark .game-finished-overlay{background:rgba(15,23,42,.9)}.game-finished-title{font-size:2rem;margin-bottom:.5rem}.game-finished-overlay p{margin:.5rem 0}.game-finished-overlay .avg-stats{font-size:.9rem;color:var(--panel-muted)}.game-finished-buttons{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.play-again-btn{padding:.75rem 1.5rem;background:var(--button-icon);color:#fff;border:none;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.4)}.play-again-btn.next-btn{background:linear-gradient(135deg,#10b981,#059669)}.play-again-btn.next-btn:hover{box-shadow:0 4px 12px rgba(16,185,129,.4)}.play-again-btn.restart-btn{background:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border)}.play-again-btn.restart-btn:hover{border-color:var(--button-border-strong);box-shadow:0 4px 12px rgba(0,0,0,.2)}@media (max-width:900px){.editor__panel{padding:1.75rem}textarea{min-height:280px;font-size:1.2rem}.keyboard__row{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:640px){body{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.96))}.editor{padding:0 1rem 2.5rem;gap:1.75rem;align-items:stretch}.page-header{padding:2.5rem 1rem .5rem}.editor__panel{border-radius:0;padding:1.4rem 1rem 1.75rem;backdrop-filter:none;background:0 0;box-shadow:none;gap:1rem}.panel__toolbar{flex-direction:column;align-items:stretch;gap:.85rem}.language-picker{justify-content:space-between}.language-picker__control{width:100%}.language-picker__select{width:100%;padding-right:2.6rem}.theme-toggle{align-self:flex-start}.editor__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.action-button{width:100%;padding:.85rem 1rem;font-size:.75rem;border-width:1px}textarea{font-size:1.15rem;padding:1.25rem;min-height:240px}.keyboard-suite{padding:1.1rem}.keyboard__row{grid-template-columns:repeat(var(--keyboard-columns),minmax(0,1fr));gap:.45rem}.key{min-height:58px;padding:.8rem;font-size:1.1rem}.layout-copy{padding:1.75rem 1.25rem}.faq{padding:2.5rem 1rem 3rem}.faq__inner{border-radius:18px;padding:1.6rem 1.25rem}}.site-footer__links{display:flex;gap:1.5rem;flex-wrap:wrap}.site-footer__copyright{margin:0;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:rgba(15,23,42,.65)}.theme-dark .site-footer__copyright{color:rgba(208,227,255,.65)}.phonetic-landing{min-height:100vh;background:linear-gradient(180deg,#0f172a 0,#1e293b 100%);color:#e2e8f0}.phonetic-eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#22d3ee;margin-bottom:.75rem}.phonetic-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1400px;margin:0 auto;padding:3rem 2rem 4rem;align-items:center}.phonetic-hero__breadcrumb{grid-column:1/-1;display:flex;gap:.5rem;font-size:.875rem;color:#94a3b8;padding-bottom:1rem}.phonetic-hero__breadcrumb a{color:#94a3b8;text-decoration:none;transition:color .2s}.phonetic-hero__breadcrumb a:hover{color:#22d3ee}.phonetic-hero__content{max-width:640px}.phonetic-hero h1{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;line-height:1.1;margin:0 0 1.5rem;color:#f8fafc}.phonetic-hero__highlight{background:linear-gradient(135deg,#22d3ee 0,#a855f7 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.phonetic-hero__tagline{font-size:1.25rem;line-height:1.7;color:#cbd5e1;margin-bottom:2rem}.phonetic-hero__cta{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.phonetic-hero__stats{display:flex;gap:2rem;flex-wrap:wrap}.phonetic-stat{display:flex;flex-direction:column;gap:.25rem}.phonetic-stat__value{font-size:1.5rem;font-weight:800;color:#22d3ee}.phonetic-stat__label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.phonetic-hero__visual{display:flex;justify-content:center;align-items:center}.transliteration-demo{background:rgba(30,41,59,.8);border:1px solid rgba(100,116,139,.3);border-radius:24px;padding:2rem;width:100%;max-width:480px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.transliteration-demo__header{margin-bottom:1.5rem}.demo-lang-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-radius:100px;letter-spacing:.03em}.transliteration-demo__input,.transliteration-demo__output{padding:1rem 1.25rem;border-radius:12px;margin-bottom:.75rem}.transliteration-demo__input{background:rgba(15,23,42,.5);border:1px dashed rgba(100,116,139,.4)}.transliteration-demo__output{background:linear-gradient(135deg,rgba(34,211,238,.15) 0,rgba(168,85,247,.15) 100%);border:1px solid rgba(34,211,238,.3)}.input-label,.output-label{display:block;font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.input-text{font-size:1.25rem;font-family:'JetBrains Mono',monospace;color:#f1f5f9}.output-text{font-size:1.5rem;font-weight:600;color:#22d3ee}.transliteration-demo__arrow{display:flex;justify-content:center;padding:.5rem;color:#64748b}.transliteration-demo__mappings{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(100,116,139,.2)}.mapping-chip{display:flex;align-items:center;gap:.35rem;background:rgba(51,65,85,.6);padding:.4rem .75rem;border-radius:6px;font-size:.875rem}.mapping-input{font-family:'JetBrains Mono',monospace;color:#fbbf24}.mapping-arrow{color:#64748b;font-size:.75rem}.mapping-output{color:#22d3ee}.phonetic-explainer{background:linear-gradient(180deg,#1e293b 0,#0f172a 100%);padding:5rem 2rem}.phonetic-explainer__content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.phonetic-explainer__text p{font-size:1.125rem;line-height:1.8;color:#cbd5e1;margin-bottom:1.5rem}.phonetic-explainer__text p:last-child{margin-bottom:0}.script-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.script-item{background:rgba(30,41,59,.6);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:1.5rem;text-align:center;transition:transform .2s,border-color .2s}.script-item:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.4)}.script-name{display:block;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.script-sample{font-size:1.5rem;font-weight:600;color:#f1f5f9}.phonetic-features{padding:5rem 2rem;background:#0f172a}.phonetic-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.phonetic-feature-card{background:linear-gradient(135deg,rgba(30,41,59,.8) 0,rgba(30,41,59,.4) 100%);border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:2rem;transition:transform .2s,border-color .2s}.phonetic-feature-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.4)}.phonetic-feature-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,rgba(34,211,238,.2) 0,rgba(168,85,247,.2) 100%);border-radius:16px;font-size:1.75rem;margin-bottom:1.25rem}.phonetic-feature-card__title{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0 0 .75rem}.phonetic-feature-card__description{font-size:.95rem;line-height:1.6;color:#94a3b8;margin:0}.phonetic-how-it-works{padding:5rem 2rem;background:linear-gradient(180deg,#0f172a 0,#1e293b 100%)}.phonetic-how-it-works__steps{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.phonetic-step{display:grid;grid-template-columns:60px 1fr auto;gap:1.5rem;align-items:center;background:rgba(30,41,59,.5);border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:2rem}.phonetic-step__number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#22d3ee 0,#a855f7 100%);border-radius:50%;font-size:1.5rem;font-weight:800;color:#fff}.phonetic-step__title{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0 0 .5rem}.phonetic-step__description{font-size:1rem;color:#94a3b8;margin:0;line-height:1.6}.phonetic-step__visual{display:flex;align-items:center;justify-content:flex-end}.step-visual--languages{display:flex;gap:.5rem;flex-wrap:wrap}.lang-chip{background:rgba(34,211,238,.15);border:1px solid rgba(34,211,238,.3);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;color:#22d3ee}.phonetic-button-demo{display:flex}.phonetic-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;background:rgba(100,116,139,.3);color:#94a3b8}.phonetic-btn.active{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff}.typing-demo-mini{display:flex;align-items:center;gap:.75rem;background:rgba(15,23,42,.6);padding:.75rem 1.25rem;border-radius:12px}.typed-text{font-family:'JetBrains Mono',monospace;color:#fbbf24}.arrow{color:#64748b}.output-text{color:#22d3ee;font-size:1.125rem}.step-visual--actions{display:flex;gap:.5rem}.action-chip{background:rgba(51,65,85,.6);padding:.5rem .75rem;border-radius:8px;font-size:.8rem;color:#e2e8f0}.phonetic-usecases{padding:5rem 2rem;background:#0f172a}.phonetic-usecases__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.phonetic-usecase-card{background:linear-gradient(135deg,rgba(30,41,59,.6) 0,rgba(30,41,59,.3) 100%);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:1.75rem;text-align:center}.phonetic-usecase-card__icon{font-size:2.5rem;margin-bottom:1rem}.phonetic-usecase-card__title{font-size:1.125rem;font-weight:700;color:#f1f5f9;margin:0 0 .75rem}.phonetic-usecase-card__description{font-size:.9rem;line-height:1.6;color:#94a3b8;margin:0}.phonetic-keyboards{padding:5rem 2rem;background:linear-gradient(180deg,#0f172a 0,#1e293b 100%)}.phonetic-keyboards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 2rem}.phonetic-lang-card{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(30,41,59,.8) 0,rgba(30,41,59,.5) 100%);border:1px solid rgba(100,116,139,.2);border-radius:20px;padding:1.75rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.phonetic-lang-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.5);box-shadow:0 20px 40px -15px rgba(0,0,0,.4)}.phonetic-lang-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.phonetic-lang-card__flag{border-radius:4px;object-fit:cover}.phonetic-lang-card__names{display:flex;flex-direction:column}.phonetic-lang-card__name{font-size:1.25rem;font-weight:700;color:#f1f5f9}.phonetic-lang-card__native{font-size:.875rem;color:#64748b}.phonetic-lang-card__example{display:flex;align-items:center;justify-content:center;gap:1rem;background:rgba(15,23,42,.5);border-radius:12px;padding:1rem;margin-bottom:1rem}.phonetic-lang-card__input{font-family:'JetBrains Mono',monospace;font-size:1.125rem;color:#fbbf24}.phonetic-lang-card__arrow{color:#64748b}.phonetic-lang-card__output{font-size:1.25rem;font-weight:600;color:#22d3ee}.phonetic-lang-card__description{font-size:.875rem;line-height:1.5;color:#94a3b8;margin:0 0 1rem;flex-grow:1}.phonetic-lang-card__cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#22d3ee}.phonetic-keyboards__note{text-align:center;max-width:600px;margin:0 auto}.phonetic-keyboards__note p{font-size:.95rem;color:#94a3b8;line-height:1.6}.inline-btn{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600}.phonetic-mappings{padding:5rem 2rem;background:#0f172a}.phonetic-mappings__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.mapping-card{background:rgba(30,41,59,.6);border:1px solid rgba(100,116,139,.2);border-radius:16px;padding:1.5rem}.mapping-card h3{font-size:1rem;font-weight:700;color:#f1f5f9;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(100,116,139,.2)}.mapping-list{display:flex;flex-direction:column;gap:.5rem}.mapping-row{display:flex;align-items:center;gap:.75rem;font-size:1rem}.mapping-row span:first-child{font-family:'JetBrains Mono',monospace;color:#fbbf24;min-width:40px}.mapping-row span:nth-child(2){color:#64748b}.mapping-row span:last-child{color:#22d3ee;font-size:1.25rem}.phonetic-faq{padding:5rem 2rem;background:linear-gradient(180deg,#0f172a 0,#1e293b 100%)}.phonetic-faq__list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.phonetic-faq__item{background:rgba(30,41,59,.6);border:1px solid rgba(100,116,139,.2);border-radius:16px;overflow:hidden}.phonetic-faq__item summary{padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;color:#f1f5f9;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.phonetic-faq__item summary::-webkit-details-marker{display:none}.phonetic-faq__item summary::after{content:'+';font-size:1.5rem;font-weight:300;color:#64748b;transition:transform .2s}.phonetic-faq__item[open] summary::after{content:'−'}.phonetic-faq__item p{padding:0 1.5rem 1.25rem;font-size:.95rem;line-height:1.7;color:#94a3b8;margin:0}.phonetic-final-cta{padding:5rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(34,211,238,.1) 0,rgba(168,85,247,.1) 100%)}.phonetic-final-cta h2{font-size:2rem;font-weight:800;color:#f1f5f9;margin:0 0 1rem}.phonetic-final-cta p{font-size:1.125rem;color:#94a3b8;margin:0 0 2rem}.phonetic-final-cta__buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.phonetic-landing .section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.phonetic-landing .section-header h2{font-size:2rem;font-weight:800;color:#f1f5f9;margin:0 0 1rem}.phonetic-landing .section-description{font-size:1.1rem;color:#94a3b8;line-height:1.6}@media (max-width:1024px){.phonetic-hero{grid-template-columns:1fr;padding:2rem 1.5rem 3rem}.phonetic-hero__visual{order:-1}.transliteration-demo{max-width:100%}.phonetic-explainer__content{grid-template-columns:1fr;gap:2rem}.phonetic-step{grid-template-columns:50px 1fr}.phonetic-step__visual{grid-column:1/-1;justify-content:flex-start;margin-top:1rem}}@media (max-width:640px){.phonetic-hero h1{font-size:2rem}.phonetic-hero__cta{flex-direction:column}.phonetic-hero__stats{gap:1.5rem}.phonetic-stat__value{font-size:1.25rem}.phonetic-features__grid,.phonetic-keyboards__grid,.phonetic-usecases__grid{grid-template-columns:1fr}.script-showcase{grid-template-columns:1fr}.step-visual--actions,.step-visual--languages{flex-wrap:wrap}.phonetic-mappings__grid{grid-template-columns:1fr 1fr}.phonetic-final-cta__buttons{flex-direction:column;align-items:center}}.typing-test-page__browse{padding:2rem 1.5rem;max-width:1100px;margin:0 auto}.typing-test-page__section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.typing-test-page__browse-intro{color:var(--text-secondary);margin-bottom:1.5rem}.typing-test-page__browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.typing-test-page__browse-link{display:block;padding:.75rem 1rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all .15s ease}.typing-test-page__browse-link:hover{background:var(--surface-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.keyboard-page__related-tests{padding:2rem 1.5rem;max-width:1100px;margin:0 auto;background:var(--surface-secondary);border-radius:12px;margin-top:2rem}.keyboard-page__related-tests-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.keyboard-page__related-tests-intro{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.95rem}.keyboard-page__related-tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.keyboard-page__related-test-link{display:block;padding:.875rem 1rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all .15s ease}.keyboard-page__related-test-link:hover{background:var(--surface-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.utility-related{padding:2rem 1.5rem;max-width:1100px;margin:0 auto;margin-top:2rem}.utility-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1.5rem}.utility-related__link{display:block;padding:.875rem 1rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all .15s ease}.utility-related__link:hover{background:var(--surface-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.contact-email,.contact-github{margin:1.5rem 0}.contact-email-link,.contact-github-link{display:inline-flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#2563eb;text-decoration:none;padding:.75rem 1.25rem;border:2px solid rgba(37,99,235,.2);border-radius:.5rem;background:rgba(37,99,235,.05);transition:all .2s ease}.contact-email-link:focus,.contact-email-link:hover,.contact-github-link:focus,.contact-github-link:hover{color:#1d4ed8;border-color:rgba(37,99,235,.4);background:rgba(37,99,235,.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.15)}.contact-icon{flex-shrink:0;opacity:.8}.theme-dark .contact-email-link,.theme-dark .contact-github-link{color:#60a5fa;border-color:rgba(96,165,250,.3);background:rgba(96,165,250,.1)}.theme-dark .contact-email-link:focus,.theme-dark .contact-email-link:hover,.theme-dark .contact-github-link:focus,.theme-dark .contact-github-link:hover{color:#93c5fd;border-color:rgba(96,165,250,.5);background:rgba(96,165,250,.15)}@media (max-width:640px){.typing-test-page__browse-grid{grid-template-columns:repeat(2,1fr)}.keyboard-page__related-tests-grid,.utility-related__grid{grid-template-columns:1fr}.contact-email-link,.contact-github-link{font-size:1rem;padding:.625rem 1rem}}.adsense-container{margin:2rem auto;display:flex;justify-content:center;align-items:center;position:relative;contain:layout style;overflow:hidden}.adsense-container::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--panel-bg) 0,var(--panel-border) 50%,var(--panel-bg) 100%);background-size:200% 100%;animation:adsense-loading 1.5s ease-in-out infinite;opacity:.3;pointer-events:none;z-index:-1}.adsense-container:has(.adsbygoogle[data-ad-status=filled])::before{display:none}@keyframes adsense-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.adsense-responsive{width:100%;max-width:970px;min-height:250px;background:var(--panel-bg);border-radius:12px;border:1px solid var(--panel-border);padding:1rem;box-shadow:0 4px 12px rgba(15,23,42,.08)}.adsense-responsive ins{min-height:250px}.adsense-display{background:var(--panel-bg);border-radius:12px;border:1px solid var(--panel-border);padding:.75rem;box-shadow:0 4px 12px rgba(15,23,42,.08)}.adsense-display--medium-rectangle{width:300px;height:250px}.adsense-display--large-rectangle{width:336px;height:280px}.adsense-display ins{width:100%;height:100%}.adsense-leaderboard{width:728px;height:90px;background:var(--panel-bg);border-radius:8px;border:1px solid var(--panel-border);padding:.5rem;box-shadow:0 2px 8px rgba(15,23,42,.06)}.adsense-leaderboard ins{width:100%;height:100%}.adsense-mobile-anchor{width:320px;height:50px;background:var(--panel-bg);border-radius:8px;border:1px solid var(--panel-border);box-shadow:0 -2px 8px rgba(15,23,42,.1)}.adsense-mobile-anchor--sticky{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:1000;contain:layout style size;margin:0}.adsense-mobile-anchor ins{width:100%;height:100%}.adsense-in-article{width:100%;max-width:720px;min-height:250px;background:0 0;margin:2.5rem auto;padding:0}.adsense-in-article ins{min-height:250px}.adsense-multiplex{width:100%;max-width:970px;min-height:300px;background:var(--panel-bg);border-radius:12px;border:1px solid var(--panel-border);padding:1.5rem;box-shadow:0 4px 12px rgba(15,23,42,.08)}.adsense-multiplex ins{min-height:300px}.theme-dark .adsense-container::before{background:linear-gradient(90deg,rgba(15,23,42,.5) 0,rgba(255,255,255,.05) 50%,rgba(15,23,42,.5) 100%)}.theme-dark .adsense-display,.theme-dark .adsense-leaderboard,.theme-dark .adsense-mobile-anchor,.theme-dark .adsense-multiplex,.theme-dark .adsense-responsive{background:rgba(15,23,42,.6);border-color:rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}.theme-dark .adsense-mobile-anchor--sticky{box-shadow:0 -2px 8px rgba(0,0,0,.4)}@media (max-width:768px){.adsense-leaderboard{width:100%;max-width:728px;height:auto;aspect-ratio:728/90}.adsense-display{width:100%;max-width:336px;height:auto}.adsense-display--medium-rectangle{aspect-ratio:300/250}.adsense-display--large-rectangle{aspect-ratio:336/280}}@media (max-width:640px){.adsense-container{margin:1.5rem auto}.adsense-multiplex,.adsense-responsive{padding:1rem}.adsense-display{max-width:300px}.adsense-leaderboard{display:none}.adsense-mobile-anchor--sticky{width:100%;left:0;transform:none;border-radius:0;border-left:0;border-right:0}}.adsense-container:has(.adsbygoogle[data-ad-status=""]){min-height:0}.adsense-in-article,.adsense-multiplex,.adsense-responsive{aspect-ratio:970/250}@media (max-width:640px){.adsense-in-article,.adsense-responsive{aspect-ratio:300/250}}.adsense-display:hover,.adsense-multiplex:hover,.adsense-responsive:hover{border-color:var(--button-border);box-shadow:0 6px 16px rgba(15,23,42,.12);transition:all .2s ease}.theme-dark .adsense-display:hover,.theme-dark .adsense-multiplex:hover,.theme-dark .adsense-responsive:hover{border-color:rgba(120,226,255,.3);box-shadow:0 6px 16px rgba(0,0,0,.4)}.keyboard-page__with-side-ads{display:flex;justify-content:center;align-items:flex-start;gap:1rem;max-width:1600px;margin:0 auto;padding:0 1rem}.keyboard-page__side-ad{display:none;flex-shrink:0;position:sticky;top:1rem;z-index:10}.keyboard-page__with-side-ads>main{flex:1;max-width:1100px;min-width:0}.adsense-skyscraper{background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.theme-dark .adsense-skyscraper{box-shadow:0 2px 8px rgba(0,0,0,.3)}@media (min-width:1400px){.keyboard-page__side-ad{display:block}}@media (min-width:1600px){.keyboard-page__with-side-ads{gap:1.5rem}}@media (max-width:1399px){.keyboard-page__with-side-ads{display:block;padding:0}.keyboard-page__side-ad{display:none!important}}[dir=rtl] .language-picker__select{padding:.45rem .9rem .45rem 2.2rem}[dir=rtl] .language-picker__indicator{right:auto;left:.9rem}[dir=rtl] .phonetic-toggle{margin-left:0;margin-right:.5rem}[dir=rtl] .reset-btn{margin-left:0;margin-right:auto}[dir=rtl] .phonetic-badge{margin-right:0;margin-left:.5rem}[dir=rtl] .faq--phonetic,[dir=rtl] .layout-copy--phonetic{border-left:none;border-right:3px solid #10b981;background:linear-gradient(270deg,rgba(16,185,129,.05),transparent)}[dir=rtl] .faq--speedtest,[dir=rtl] .layout-copy--speedtest{border-left:none;border-right:3px solid #f59e0b;background:linear-gradient(270deg,rgba(245,158,11,.05),transparent)}[dir=rtl] .theme-dark .faq--speedtest,[dir=rtl] .theme-dark .layout-copy--speedtest{border-left:none;border-right-color:#fbbf24;background:linear-gradient(270deg,rgba(251,191,36,.08),transparent)}[dir=rtl] .theme-dark .faq--phonetic,[dir=rtl] .theme-dark .layout-copy--phonetic{border-left:none;background:linear-gradient(270deg,rgba(16,185,129,.1),transparent)}[dir=rtl] #keyboard,[dir=rtl] .keyboard__row{direction:ltr}@media (max-width:640px){[dir=rtl] .language-picker__select{padding-right:.9rem;padding-left:2.6rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}