.searchable-select,.ss-control,.ss-input,.ss-volet,.ss-volet *,.ss-option,.ss-option *{font-family:Roboto,Arial,sans-serif!important}.searchable-select{position:relative;width:100%;z-index:30}.ss-control,.ss-input{font-family:Roboto,Arial,sans-serif!important}.ss-control{display:flex;align-items:center;background:#f7faff;border:1.5px solid #b4c0d3;border-radius:9px;padding:0 1em;height:44px;cursor:pointer;position:relative;transition:border .13s}.ss-chevron{font-size:1.2em;color:#b4c0d3;margin-left:auto;pointer-events:auto}.ss-control:focus-within,.ss-control:hover{border-color:#3bb77e}.ss-input{border:1.5px solid #b4c0d3!important;background:#fff;outline:none;width:100%;font-size:1.08em;color:#193366;font-weight:600;padding:.2em .7em;margin-right:.5em;margin-bottom:8px;border-radius:6px;cursor:pointer;box-sizing:border-box;transition:border-color .13s}.ss-input:focus{border-color:#3bb77e!important;background:#fff}.ss-new-tag{display:inline-block;background:#10b981;color:#fff;font-size:.82em;font-weight:700;border-radius:1em;padding:.12em .7em;margin-left:.5em;vertical-align:middle;letter-spacing:.02em}.ss-chevron{font-size:1.2em;color:#b4c0d3;margin-left:.2em;pointer-events:auto}.ss-volet{position:absolute;top:110%;left:50%;right:auto;transform:translate(-50%);min-width:340px;width:auto;max-width:95vw;max-height:350px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1.5px solid #3bb77e;border-radius:12px;box-shadow:0 8px 32px #3bb77e22;z-index:100;padding:1em .7em .7em;animation:ss-fade-in .13s}.ss-volet-title{font-weight:700;color:#19c37d;font-size:1.02em;margin-bottom:.7em;text-align:center;letter-spacing:.02em}.ss-volet-option{font-size:.58em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:180px}.ss-lang-new-tag{display:inline-block;background:#3bb77e;color:#fff;font-size:.55em;border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:middle;font-weight:600;letter-spacing:.03em}.ss-lang-new-tag-strong{background:#19c37d;color:#fff;font-size:.7em;padding:2px 10px;border-radius:8px;margin-left:10px;font-weight:700;box-shadow:0 2px 6px #19c37d33}.ss-featured-section{padding:.5em 0 .6em;border-bottom:2px solid #e0f7ef;margin-bottom:.7em;background:#f7fcfa;border-radius:7px 7px 0 0}.ss-featured-title{color:#19c37d;font-weight:700;font-size:1.08em;margin-bottom:.3em;letter-spacing:.04em;text-transform:uppercase}.ss-featured-langs{display:flex;gap:1.2em;align-items:center;flex-wrap:wrap}.ss-volet-option,.ss-count{font-size:.58em}@keyframes ss-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ss-volet-search{display:flex;align-items:center;gap:.6em;margin-bottom:.5em}.ss-volet-search .ss-input{background:#f7faff;border-radius:6px;padding:.3em .8em;border:1px solid #e0e3ea;font-size:1em;margin:0;cursor:text}.ss-count{color:#b4c0d3;font-size:.85em;margin-left:.6em;font-weight:400}.ss-volet-cols{display:flex;gap:1.2em;justify-content:flex-start}.ss-volet-col{flex:1 1 0;min-width:90px}.ss-volet-option{padding:.45em .7em;border-radius:6px;cursor:pointer;color:#193366;font-size:1em;transition:background .09s,color .09s;margin-bottom:.2em}.ss-volet-option.selected{background:#e8f9f1;color:#0bab64;font-weight:700}.ss-volet-option:hover{background:#3bb77e22;color:#3bb77e}.demo-switcher{display:flex;gap:1.2em;justify-content:center;align-items:center;margin:2.1em 0 1.2em;flex-wrap:wrap}.demo-btn{background:#e8f7ee;color:#193366;border:1.5px solid #b8e7d3;border-radius:2em;padding:.55em 1.7em;font-size:1.08em;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #3bb77e17;transition:background .13s,color .13s,transform .09s,box-shadow .09s;margin-bottom:.2em;outline:none}.demo-btn.active{background:linear-gradient(90deg,#3bb77e,#0bab64);color:#fff;border:1.5px solid #0bab64;box-shadow:0 1.5px 2px #3bb77e33 inset}.demo-btn:not(.active){background:#f3f4f8;color:#444950;border:1.5px solid #e0e3ea;box-shadow:0 2px 8px #d1d5db33;filter:none}.demo-btn:not(.active):hover{background:#e8f7ee;color:#193366;border:1.5px solid #b8e7d3;box-shadow:0 2px 8px #3bb77e17;filter:brightness(1.03)}.demo-btn.active{background:linear-gradient(90deg,#3bb77e,#0bab64);color:#fff;border:1.5px solid #3bb77e}.demo-btn:not(.active):hover{background:#e8f7ee;color:#193366}.demo-btn .soon{font-size:.82em;color:#888;font-weight:400}.demo-doc,.demo-audio,.demo-asr{background:#fff;border-radius:1.2em;box-shadow:0 2px 12px #3bb77e13;max-width:450px;margin:2em auto 2.5em;padding:2.1em 1.6em 1.6em;display:flex;flex-direction:column;align-items:center;text-align:center}.demo-doc-illustration,.demo-audio-illustration,.demo-asr-illustration{font-size:2.5em;margin-bottom:.4em}.demo-doc-title,.demo-audio-title,.demo-asr-title{font-size:1.25em;font-weight:700;color:#2a6d4d;margin-bottom:.3em}.demo-doc-desc,.demo-audio-desc,.demo-asr-desc{font-size:1.05em;color:#2d3748;margin-bottom:.7em}.demo-audio-langs,.demo-asr-langs{font-size:.98em;color:#193366;margin-bottom:.7em}.demo-lang{background:#e8f7ee;color:#0bab64;border-radius:1em;padding:.1em .7em;margin:0 .2em;font-weight:600}.demo-audio-btn,.demo-asr-btn{background:#3bb77e;color:#fff;border:none;border-radius:2em;padding:.6em 2em;font-size:1.05em;font-weight:600;margin-top:.5em;opacity:.7;cursor:not-allowed}@media (max-width: 900px){.demo-doc,.demo-audio,.demo-asr{max-width:98vw;padding:1.2em .7em}.demo-switcher{gap:.5em}}@media (max-width: 700px){.demo-doc,.demo-audio,.demo-asr{max-width:99vw;padding:1em .3em}.demo-switcher{flex-direction:column;gap:.3em}}.demo-box{background:#fff;border-radius:18px;box-shadow:0 4px 32px #3bb77e18;max-width:1250px;margin:clamp(1em,4vw,3em) auto;padding:clamp(.8em,3vw,1.5em) clamp(.7em,3vw,1.4em);display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;box-sizing:border-box}@media (max-width: 900px){.demo-box{max-width:99vw;margin:clamp(.7em,2vw,1.7em) clamp(.7em,2vw,1.7em);padding:clamp(.8em,3vw,1.5em) clamp(.7em,3vw,1.4em);border-radius:8px}}@media (max-width: 600px){.demo-box{padding:clamp(.5em,2vw,1em) clamp(.4em,2vw,1em);margin:.7em .3em;border-radius:8px}}.action-btn{background:#fff;color:#193366;border:1.5px solid #d5dbe4;border-radius:9px;padding:.55em 1.7em;font-size:1.08em;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #b2b5c317;transition:background .13s,color .13s,box-shadow .09s;margin-bottom:.2em;outline:none;overflow:hidden}.generate-btn{background:linear-gradient(90deg,#3bb77e 60%,#0bab64);color:#fff;border:1.5px solid #3bb77e;box-shadow:0 2px 8px #3bb77e17;border-radius:9px;font-weight:600;font-size:1.08em;min-width:180px;height:44px;box-sizing:border-box;padding:0 1.2em;display:flex;align-items:center;justify-content:center;transition:background .13s,color .13s,box-shadow .09s}.generate-btn.active{background:linear-gradient(90deg,#3bb77e 60%,#0bab64);color:#fff;border:1.5px solid #3bb77e;box-shadow:0 2px 8px #3bb77e33}.generate-btn:disabled,.demo-btn:disabled{background:#b4c0d3;color:#fff;border:1.5px solid #b4c0d3;cursor:not-allowed;box-shadow:none;opacity:1;pointer-events:none}.action-btn:hover{background:#f6fafd;color:#193366;border:1.5px solid #b2b5c3;box-shadow:0 2px 12px #b2b5c322}.action-btn:active{background:#e8eaf1;color:#193366;border:1.5px solid #b2b5c3;box-shadow:0 1.5px 2px #b2b5c333 inset}.demo-row{display:flex;gap:14px;align-items:center;justify-content:flex-start;margin-bottom:1.1em}.demo-row select,.demo-row button,.asr-lang-select,.demo-btn,.generate-btn{min-width:180px;font-size:1.08em;height:44px;border-radius:9px;box-sizing:border-box;padding:0 1.2em;display:flex;align-items:center;vertical-align:middle;line-height:1.2}.demo-row select{border-radius:9px;border:1.5px solid #b4c0d3;background:#f7faff;color:#193366;padding:.3em 1em}.demo-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:9px;font-weight:600;font-size:1.08em;background:linear-gradient(90deg,#3bb77e 60%,#0bab64);color:#fff;box-shadow:0 2px 8px #3bb77e17;transition:background .13s,color .13s,transform .09s;cursor:pointer;min-width:180px;height:44px;padding:.4em 1.6em}.demo-btn:disabled{background:#b4c0d3;color:#fff;cursor:not-allowed}.demo-btn-tts span[role=img]{font-size:1.16em;margin-right:.6em}.demo-btn-asr span[role=img]{font-size:1.18em;margin-right:.7em}.demo-btn.recording{background:linear-gradient(90deg,#f44 60%,#f88);color:#fff}.demo-box textarea{width:100%;min-height:70px;border-radius:10px;border:1.5px solid #b4c0d3;padding:1em 1.2em;font-size:1.09em;background:#f9fafc;color:#1a2a3a;margin-bottom:.7em;box-sizing:border-box;resize:vertical}.demo-box textarea:focus{outline:1.5px solid #3bb77e}.asr-status{display:block;color:#666;min-height:24px;margin-bottom:10px}.simple-audio-asr .mic-anim{display:flex;align-items:center;justify-content:center;margin-bottom:1em}.mic-btn{background:#3bb77e;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2.2em;color:#fff;box-shadow:0 2px 8px #3bb77e33;cursor:pointer;position:relative;transition:background .13s}.mic-btn.recording{background:#f44;animation:pulse-mic 1.2s infinite}@keyframes pulse-mic{0%{box-shadow:0 0 #ff444440}70%{box-shadow:0 0 0 12px #ff444410}to{box-shadow:0 0 #f440}}.mic-btn .stop-icon{position:absolute;right:8px;bottom:8px;background:#fff;color:#f44;border-radius:50%;width:20px;height:20px;font-size:1em;display:flex;align-items:center;justify-content:center;border:2px solid #ff4444;box-shadow:0 1px 4px #f442}.simple-audio-tts label{font-weight:600;margin-bottom:.5em;color:#193366}.simple-audio-tts textarea,.simple-audio-asr textarea{border-radius:.6em;border:1px solid #dfe1e5;padding:.8em;font-size:1.05em;background:#f9fafc;color:#1a2a3a;font-family:Roboto,Arial,sans-serif!important;margin-bottom:.5em;resize:none}.simple-audio-tts select,.simple-audio-asr select{border-radius:.7em;border:1px solid #b4c0d3;font-size:1em;background:#f7faff;color:#193366;min-width:140px;padding:.4em 1em}.simple-audio-tts button,.simple-audio-asr button{background:#3bb77e;color:#fff;border:none;border-radius:.7em;padding:.55em 1.7em;font-size:1.08em;font-weight:600;cursor:pointer;margin-left:.5em;transition:background .13s}.simple-audio-tts button:disabled,.simple-audio-asr button:disabled{background:#b4c0d3;color:#fff;cursor:not-allowed}.simple-audio-tts button:hover:not(:disabled),.simple-audio-asr button:hover:not(:disabled){background:#0bab64}.simple-audio-tts audio{margin-top:1em;width:100%}.simple-audio-tts .error,.simple-audio-asr .error{color:#f44;margin-top:.7em;font-size:1em;text-align:center}@media (max-width: 700px){.demo-box{max-width:99vw;padding:1em .3em}}.header-menu{width:100%;max-width:100vw;overflow-x:hidden;background:#fff;box-shadow:0 2px 12px #3bb77e11;padding:.8em 0;display:flex;align-items:center;justify-content:flex-start;position:sticky;top:0;z-index:100}.header-logo-img{height:48px;width:auto;margin-left:2vw;display:block}@media (max-width: 700px){.header-menu{padding:.7em 0;justify-content:center}.header-logo-img{margin-left:0;height:38px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-family:Roboto,Arial,sans-serif!important}body{line-height:1.6;background:#f7faff;color:#193366;min-height:100vh;font-family:Roboto,Arial,sans-serif!important}h1,h2,h3,h4,h5,h6{font-family:Roboto,Arial,sans-serif!important;font-weight:700;color:#193366}a{color:#3bb77e;text-decoration:none;transition:color .13s}a:hover{color:#0bab64}header{background:#fff;box-shadow:0 2px 8px #3bb77e11;padding:1.2em 0 1em;margin-bottom:1.5em;text-align:center}header .logo{font-size:1.7em;font-weight:700;color:#3bb77e;letter-spacing:.05em}footer{background:#fff;box-shadow:0 -2px 8px #3bb77e11;padding:1.1em 0 1em;margin-top:2em;text-align:center;color:#b4c0d3;font-size:1em}.features-grid{display:grid;gap:2em;margin:2em 0}@media (min-width: 900px){.features-grid{grid-template-columns:1fr 1fr 1fr}}.feature-item{background:#fff;border-radius:1em;box-shadow:0 2px 8px #3bb77e11;padding:1.5em 1.2em;display:flex;flex-direction:column;align-items:flex-start;min-height:160px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-2{margin-top:2em}.mb-2{margin-bottom:2em}.about-torjouman{background:linear-gradient(90deg,#e8f7ee,#f5f7fa);border-radius:1.5em;margin:2em auto 2.5em;padding:2.2em 2em 1.6em;max-width:600px;box-shadow:0 4px 24px #3bb77e13;display:flex;flex-direction:column;align-items:center;text-align:center}.lang-panel{display:flex;flex-direction:column;flex:1 1 0;min-width:240px;max-width:100%;justify-content:stretch;background:#fff;border-radius:1.1em;box-shadow:0 2px 12px #3bb77e13;padding:1.2em 1em;margin-bottom:.7em;transition:box-shadow .13s,transform .1s}.lang-panel:hover{box-shadow:0 6px 24px #3bb77e22;transform:translateY(-2px) scale(1.01)}.swap-center-panel{display:flex;align-items:center;justify-content:center;min-width:70px;max-width:80px;flex:0 0 70px;height:100%}.translator-grid textarea{width:100%;min-height:120px;border-radius:.7em;border:1.5px solid #e0e3ea;padding:1.2em;font-size:1.08em;background:#f9fafc;color:#1a2a3a;margin-bottom:.5em;box-sizing:border-box;transition:border .13s,box-shadow .13s}.translator-grid textarea:focus{border-color:#3bb77e;box-shadow:0 0 0 2px #3bb77e33;outline:none}.translator-grid select,.translator-grid .searchable-select{height:44px;min-height:44px;margin-bottom:.7em;font-size:1.08em}.about-icon{font-size:2.8em;margin-bottom:.5em}.about-title{font-size:2em;font-weight:700;margin:0 0 .4em;color:#2a6d4d;letter-spacing:-.01em}.about-desc{font-size:1.15em;color:#2d3748;margin:0 0 .2em;line-height:1.5}.about-more-btn{margin-top:1.1em;background:linear-gradient(90deg,#3bb77e,#0bab64);color:#fff;border:none;border-radius:2em;padding:.7em 2.1em;font-size:1.12em;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #3bb77e22;transition:background .15s,transform .08s}.about-more-btn:hover{background:linear-gradient(90deg,#0bab64,#3bb77e);transform:translateY(-2px) scale(1.04)}.translator-grid{display:grid;grid-template-columns:1fr 56px 1fr;gap:0 2.4em;width:100%;align-items:stretch;justify-items:stretch;max-width:1100px;margin:0 auto}@media (max-width: 1200px){.translator-grid{grid-template-columns:1fr 1fr;gap:0 1.5em}}@media (max-width: 700px){.translator-grid{grid-template-columns:1fr;gap:1.2em 0;max-width:99vw}.swap-btn-panel{display:none!important}.lang-panel{min-width:0;padding:.8em .5em;height:auto}.about-torjouman{padding:1em .3em;max-width:99vw}.about-title{font-size:1.08em}.translator-box,.translator-grid{max-width:100vw!important;min-width:0!important;width:100%!important;box-sizing:border-box}}@media (max-width: 700px){.about-torjouman{padding:1.2em .7em;max-width:97vw}.about-title{font-size:1.25em}}.features-torjouman{margin:2.5em auto;padding:2.2em 1em 1.6em;max-width:1100px;background:linear-gradient(90deg,#f5f7fa,#e8f7ee);border-radius:1.6em;box-shadow:0 4px 24px #3bb77e11;text-align:center}.features-title{font-size:1.7em;font-weight:700;color:#2a6d4d;margin-bottom:1.3em;letter-spacing:-.01em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2em 1.6em;justify-items:center}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.feature-item{background:#fff;border-radius:1.2em;box-shadow:0 2px 12px #3bb77e0c;padding:1.5em 1.1em 1.1em;display:flex;flex-direction:column;align-items:center;min-height:220px;transition:box-shadow .15s,transform .12s}.feature-item:hover{box-shadow:0 6px 24px #3bb77e22}.feature-icon{font-size:2.3em;margin-bottom:.5em}.feature-title{font-size:1.18em;font-weight:600;color:#193366;margin-bottom:.3em}.feature-desc{font-size:1.04em;color:#2d3748;line-height:1.45}@media (max-width: 900px){.features-torjouman{max-width:99vw;padding:1.2em .4em}.features-grid{gap:1.1em .5em}}@media (max-width: 700px){.features-torjouman{padding:1em .1em}.features-title{font-size:1.1em}.feature-item{min-height:160px;padding:1em .5em}.feature-icon{font-size:1.45em}}.lang-panel{display:flex;flex-direction:column;flex:1 1 0;min-width:240px;max-width:100%;justify-content:stretch}.swap-center-panel{display:flex;align-items:center;justify-content:center;min-width:70px;max-width:80px;flex:0 0 70px}.darija-audio-demo{background:#fff;border-radius:1.2em;box-shadow:0 2px 12px #3bb77e13;max-width:600px;margin:2em auto 2.5em;padding:2em 1.3em 1.3em;display:flex;flex-direction:column;align-items:center;font-family:Roboto,Arial,sans-serif!important}.darija-row{display:flex;width:100%;gap:.7em;margin-bottom:1.2em;justify-content:center}.darija-select{flex:1;padding:.5em 1em;border-radius:.7em;border:1px solid #b4c0d3;font-size:1em;background:#f7faff;color:#193366;min-width:120px}.darija-swap{background:#3bb77e;color:#fff;border:none;border-radius:50%;width:2.2em;height:2.2em;font-size:1.2em;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 .2em;transition:background .13s}.darija-swap:hover{background:#0bab64}.darija-text-row{display:flex;gap:1em;width:100%}.darija-text-col{flex:1;display:flex;flex-direction:column;min-width:0}.darija-textarea{width:100%;min-height:130px;padding:.8em;font-size:1.1em;border:1px solid #dfe1e5;border-radius:.6em;margin-bottom:.5em;resize:none;background:#f9fafc;color:#1a2a3a;font-family:Roboto,Arial,sans-serif!important}.darija-textarea.darija-arabe{text-align:right;direction:rtl}.darija-translation-box .darija-textarea{background:#e9ecef;color:#000}.darija-footer{display:flex;align-items:center;gap:.5em;margin-bottom:.2em}.darija-count{font-size:.95em;color:#666}.darija-count.limit-exceeded{color:red;font-weight:700}.darija-example,.darija-record,.darija-tts,.darija-copy{background:#fff;border:1px solid #b4c0d3;border-radius:.5em;width:2em;height:2em;display:flex;align-items:center;justify-content:center;font-size:1.1em;cursor:pointer;opacity:.8;transition:background .13s,opacity .13s}.darija-example:hover,.darija-record:hover,.darija-tts:hover,.darija-copy:hover{background:#e8f7ee;opacity:1}.darija-record.recording{background:#f44;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.darija-status-msg{margin-top:1em;background:#3bb77e;color:#fff;padding:.6em 1.5em;border-radius:.7em;font-size:1em;text-align:center;box-shadow:0 2px 8px #3bb77e13}.darija-error{margin-top:.7em;background:#f44;color:#fff;padding:.5em 1em;border-radius:.7em;font-size:1em;text-align:center}@media (max-width: 700px){.darija-audio-demo{max-width:99vw;padding:1em .3em}.darija-row,.darija-text-row{flex-direction:column;gap:.5em}}