@font-face {
  font-family: 'Vazirmatn';
  src: url('/site/assets/fonts/vazirmatn-arabic-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C, U+200D;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('/site/assets/fonts/vazirmatn-latin-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('/site/assets/fonts/vazirmatn-arabic-600.woff2') format('woff2');
  font-weight: 600 800;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C, U+200D;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('/site/assets/fonts/vazirmatn-latin-600.woff2') format('woff2');
  font-weight: 600 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{box-sizing:border-box}html{color-scheme:dark;background:#0c0f13;color:#e5e9ed;font-family:Vazirmatn,system-ui,sans-serif}html[data-theme=light]{color-scheme:light;background:#f5f6f8;color:#202a34}body{margin:0}button,select{font:inherit}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e9897e;outline-offset:4px}.lab-header,footer{max-width:1260px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.lab-header{border-bottom:1px solid #3d444d}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750}.brand svg{color:#e18980}.lab-header nav{display:flex;gap:20px;align-items:center}.lab-header button{border:0;background:transparent;color:inherit;padding:8px;min-width:44px;min-height:44px}main{max-width:1200px;margin:auto;padding:58px 32px}.intro{max-width:760px;margin-bottom:42px}.eyebrow{color:#ce8b83;font-size:14px}.intro h1{font-size:clamp(28px,4vw,46px);line-height:1.5;margin:12px 0;font-weight:700}.intro>p:last-child{font-size:18px;color:#aab4bf;line-height:1.9}.lab-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}h2{font-size:18px;margin:0 0 24px}.editions{display:flex;flex-direction:column;gap:4px}.editions button{display:flex;justify-content:space-between;gap:24px;padding:16px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:start;min-height:56px;font-weight:650;transition:background .18s,border-color .18s,transform .18s}.editions button span{font-weight:400;color:#aab4bf}.editions button[aria-pressed=true]{border-color:#a97570;background:#e58d8012}.editions button:hover{background:#aab4bf14;transform:translateX(-2px)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 18px}.fields label{font-size:13px;display:grid;gap:10px}.fields select{width:100%;min-height:46px;border:1px solid #56616d;background:#141b23;color:#e5e9ed;border-radius:8px;padding:8px}#explanation,.quiet{font-size:13px;line-height:1.9;color:#aab4bf}.run{background:#d68379;color:#170f10;border:1px solid #d68379;border-radius:9px;min-height:48px;padding:12px 22px;font-weight:700;margin-top:10px;transition:transform .15s,background .15s}.run:hover{background:#e49b92}.run:active{transform:scale(.98)}.preview{background:#10161c;border:1px solid #39434e;border-radius:20px;padding:24px;min-height:370px}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.preview-heading h2{margin:0}.preview-heading span{font-size:12px;color:#aab4bf;direction:ltr}.preview #result{font-size:14px;line-height:1.8;margin:20px 0}.truth{border-top:1px solid #39434e;margin-top:52px;padding-top:26px;max-width:840px}.truth h2{margin-bottom:12px}.truth p{font-size:14px;line-height:2;color:#aab4bf}footer{border-top:1px solid #39434e;font-size:13px;color:#aab4bf}html[data-theme=light] .preview{background:#fff;border-color:#c3cbd3}html[data-theme=light] .fields select{background:#fff;color:#202a34}html[data-theme=light] :is(.quiet,#explanation,.truth p,.intro>p:last-child,.editions button span,.preview-heading span,footer){color:#536273}html[data-theme=light] .eyebrow{color:#9d4c43}[hidden]{display:none!important}@media(max-width:780px){.lab-layout{grid-template-columns:1fr;gap:32px}.editions{flex-direction:row;flex-wrap:wrap;gap:8px}.editions button{flex:1 1 120px;flex-direction:column;gap:5px}.lab-header{padding:16px;gap:10px}.brand{font-size:18px;gap:8px}.lab-header nav{gap:4px}.lab-header nav>a{display:none}main{padding:30px 16px}.intro{margin-bottom:28px}.preview{padding:16px;border-radius:14px}.fields{gap:10px}footer{flex-wrap:wrap;padding:24px 16px;gap:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.difficulty{padding:12px;border-inline-start:2px solid #a97570;font-size:12px;line-height:1.9;color:#b9c3c9}.intro h1{font-size:clamp(25px,3.6vw,40px)}.intro>p:last-child{font-size:15px}.preview{min-width:0}#widget{min-width:0}.editions button span{font-size:12px;direction:ltr}html[data-theme=light] .difficulty{color:#52636b}#protected-form{margin:0}.lab-header .brand{white-space:nowrap}footer{padding-bottom:145px}@media(max-width:380px){.brand{font-size:16px}.brand svg{width:24px}.preview{padding:12px}.editions button{padding:12px;flex-basis:100px}.preview-heading{flex-wrap:wrap}}
