@layer reset, base, components, responsive, readability;
/* Shared readable sizing for navigation and typing controls, including mobile. */
@layer readability {
  .mode-description { margin: 0; padding: 13px 28px; border-bottom: 1px solid var(--line); background: var(--blue-soft); color: var(--text); font-size: 14px; line-height: 1.7; }
  .language-help p { font-size: 16px; line-height: 1.9; }
  .language-help .native-example { color: var(--text); }
  .language-help .text-link { font-size: 14px; line-height: 1.8; }
  [data-learning-content] h1 { font-size: clamp(32px,4.5vw,46px); line-height: 1.3; letter-spacing: -.7px; margin-top: 18px; }
  [data-learning-content] section p { font-size: 16px; line-height: 1.95; color: var(--muted); margin-block: 14px; }
  [data-learning-content] section { margin-top: 28px; }
  [data-learning-content] .native-example { padding: 16px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); }
  [data-learning-related] .text-link { font-size: 13px; line-height: 1.8; }
  [data-learning-related] .text-link { display: block; margin-block: 10px; }
  #toast:not(.show) { visibility: hidden; }
  #toast.show { visibility: visible; }
  .localized-methodology>section { margin-bottom: 30px; }
  .localized-methodology p { font-size: 16px; line-height: 1.95; }
  .score-equations { padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--blue-soft); text-align: left; }
  .score-equations p { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; margin-block: 7px; color: var(--text); }
  .score-legend { margin-block: 18px; }
  .score-legend>div { display: flex; gap: 12px; margin-block: 9px; font-size: 14px; line-height: 1.8; }
  .score-legend dt { font-weight: 700; min-width: 16px; }
  .score-legend dd { margin: 0; color: var(--muted); }
  [data-methodology-content] h1 { line-height: 1.4; }
  @media(max-width:700px){
    .mode-description { padding: 12px 14px; font-size: 13px; line-height: 1.8; }
    .language-help p,[data-learning-content] section p,.localized-methodology p { font-size: 15px; line-height: 1.9; }
    [data-learning-content] h1 { font-size: 32px; }
  }
  .trust-strip>.container { gap: 22px; padding-block: 22px; }
  .trust-strip span { min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.5; gap: 10px; }
  .trust-strip .icon { width: 21px; height: 21px; flex-shrink: 0; }
  @media (max-width:900px) {
    .trust-strip>.container { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 20px; }
    .trust-strip span { justify-content: center; }
  }
  @media (max-width:700px) {
    .trust-strip>.container { padding-block: 20px; gap: 15px 12px; }
    .trust-strip span { font-size: 14px; gap: 7px; }
    .trust-strip .icon { width: 19px; height: 19px; }
  }
  @media (max-width:359px) {
    .trust-strip>.container { grid-template-columns: 1fr; gap: 12px; }
  }
  #theme-toggle { width: auto; min-width: 128px; min-height: 44px; padding: 10px 13px; gap: 8px; border: 1px solid var(--blue); border-radius: 10px; background: var(--blue-soft); color: var(--blue); font-size: 14px; font-weight: 700; white-space: nowrap; flex-shrink: 0; }
  #theme-toggle:hover { background: var(--blue); color: var(--surface); }
  #theme-toggle .icon { width: 19px; height: 19px; flex-shrink: 0; }
  #theme-toggle:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
  @media (max-width:350px) {
    .site-header .brand-icon { display: none; }
  }
  @media (min-width:701px) and (max-width:1220px) {
    .site-header nav { display: none; position: absolute; top: 78px; left: 0; right: 0; align-items: stretch; flex-direction: column; gap: 0; background: var(--surface); padding: 10px 24px 20px; box-shadow: 0 20px 30px #0001; border-bottom: 1px solid var(--line); }
    .site-header nav.open { display: flex; }
    .site-header nav>a { font-size: 16px; min-height: 44px; padding: 11px; }
    .mobile-menu { display: inline-flex; }
    .nav-actions { margin-left: auto; }
  }
  @media (max-width:700px) {
    #theme-toggle { min-width: 112px; min-height: 44px; padding: 9px 10px; gap: 6px; font-size: 13px; }
    #theme-toggle .icon { width: 18px; height: 18px; }
    .nav-actions>.button { display: none; }
    .nav-actions { gap: 7px; }
    .nav-wrap { gap: 10px; }
    #menu-toggle { width: 36px; min-height: 44px; }
  }
  .site-header nav { gap: 20px; }
  .site-header nav>a { font-size: 15px; font-weight: 650; padding-block: 25px; }
  .language-heading>span:first-child { font-size: 12px; letter-spacing: .075em; }
  .language-heading .icon { width: 19px; height: 19px; }
  .language-badge { font-size: 11px; padding: 5px 11px; }
  .language-choice { min-height: 84px; padding: 13px 16px; gap: 13px; }
  .language-choice>span:nth-child(2) { font-size: 18px; line-height: 1.4; }
  .language-choice small { font-size: 15px; line-height: 1.5; margin-top: 2px; }
  .lang-monogram { width: 42px; height: 42px; font-size: 24px; }
  .language-choice>.icon { width: 18px; height: 18px; }
  .more-language { min-height: 76px; padding: 12px 16px; }
  .more-language>span { font-size: 13px; }
  .more-language select { font-size: 16px; line-height: 1.5; margin-top: 4px; }
  .language-panel>p { font-size: 13px; line-height: 1.8; }
  .studio-tabs { gap: 28px; }
  .studio-tabs>button { font-size: 15px; min-height: 60px; gap: 8px; }
  .studio-tabs>button .icon { width: 19px; height: 19px; }
  .control-label,.select-settings label { font-size: 14px; line-height: 1.5; }
  .control-label { margin-bottom: 10px; }
  .duration-options { flex-wrap: wrap; gap: 7px; }
  .duration { min-width: 44px; height: 44px; font-size: 15px; padding: 8px 10px; line-height: 1.3; }
  .duration span { font-size: 12px; margin-left: 3px; }
  .custom-duration { font-size: 13px; gap: 8px; padding-left: 7px; }
  .custom-duration input { width: 76px; height: 44px; font-size: 14px; padding: 8px; }
  .select-settings { gap: 14px; }
  .select-settings label { max-width: 190px; }
  .select-settings select { font-size: 14px; min-height: 44px; max-width: 190px; padding: 9px 26px 9px 11px; margin-top: 10px; }
  .tool-actions .button,.tool-actions .text-button { font-size: 13px; min-height: 44px; }
  .tool-actions .button { padding: 11px 16px; }
  .typing-help { font-size: 12px; }
  @media (min-width:1001px) and (max-width:1220px) {
    .site-header nav { gap: 14px; }
    .site-header nav>a { font-size: 14px; }
    .nav-wrap { gap: 22px; }
  }
  @media (max-width:1000px) {
    .site-header nav>a { font-size: 16px; padding: 11px; min-height: 44px; }
    .more-language>span { font-size: 13px; }
    .more-language select { font-size: 16px; }
    .select-settings label { max-width: none; }
    .select-settings select { max-width: none; }
  }
  @media (max-width:700px) {
    .language-heading { flex-wrap: wrap; align-items: center; gap: 9px; }
    .language-heading>span:first-child { font-size: 11px; gap: 7px; }
    .language-heading .icon { width: 16px; height: 16px; }
    .language-badge { font-size: 10px; }
    .language-choice { min-height: 108px; padding: 12px 6px; gap: 5px; }
    .language-choice>span:nth-child(2) { font-size: 17px; }
    .language-choice small { font-size: 14px; }
    .lang-monogram { width: 31px; height: 31px; font-size: 22px; }
    .language-choice>.icon { width: 13px; height: 13px; right: 6px; top: 6px; }
    .more-language { min-height: 76px; padding: 10px 13px; }
    .more-language>span { display: block; font-size: 12px; }
    .more-language select { width: 100%; max-width: none; font-size: 15px; }
    .language-panel>p { font-size: 12px; }
    .studio-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 12px; padding: 0 14px; }
    .studio-tabs>button { font-size: 14px; min-height: 52px; gap: 7px; }
    .studio-tabs>button .icon { width: 17px; height: 17px; }
    .duration-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
    .duration { width: 100%; min-width: 0; font-size: 15px; }
    .custom-duration { grid-column: 1/-1; padding-left: 0; margin-top: 3px; }
    .select-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
    .select-settings label { min-width: 0; font-size: 13px; }
    .select-settings label:last-child { grid-column: 1/-1; }
    .select-settings select { width: 100%; min-width: 0; font-size: 14px; margin-top: 7px; padding: 9px 5px; }
    .control-label { font-size: 13px; }
    .tool-actions .button,.tool-actions .text-button { font-size: 12px; }
    .typing-help { font-size: 11px; }
  }
  /* Give the task itself more room without reducing control readability. */
  .typing-page .page-hero { padding-block: 30px 20px; }
  .typing-page .page-hero h1 { font-size: clamp(32px,4vw,44px); }
  .typing-page .tool-section,.typing-page .page-hero+.tool-section { padding-block: 28px 46px; }
  .studio-heading { margin-bottom: 14px; }
  .studio-heading-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; }
  #workspace-focus { min-height: 44px; font-size: 14px; white-space: nowrap; color: var(--blue); background: var(--blue-soft); border-color: var(--blue); }
  #workspace-focus:hover { background: var(--surface); }
  .button.secondary { color: var(--text); }
  :is(.passage,.typing-input,[data-language-help]>div,[data-learning-content]>div,[data-learning-related]>div,[data-methodology-content]>div)[lang=zh] { font-family: "Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif; letter-spacing: 0; line-break: strict; }
  :is(.passage,.typing-input,[data-language-help]>div,[data-learning-content]>div,[data-learning-related]>div,[data-methodology-content]>div)[lang=ja] { font-family: "Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; letter-spacing: 0; line-break: strict; }
  .language-panel { padding: 14px 18px 12px; margin-bottom: 12px; }
  .language-choices { margin-top: 12px; }
  .language-choice { min-height: 70px; padding-block: 8px; }
  .lang-monogram { width: 36px; height: 36px; }
  .more-language { min-height: 70px; padding-block: 8px; }
  .language-panel>p { margin-top: 7px; }
  .studio-tabs { padding-inline: 22px; }
  .studio-tabs>button { min-height: 50px; }
  .mode-description { padding: 8px 22px; }
  .tool-settings { padding: 14px 22px; gap: 14px; }
  .control-label { margin-bottom: 7px; }
  .select-settings select { margin-top: 7px; }
  .live-stats { padding: 15px 26px; gap: 20px; }
  .passage-header { margin: 14px 24px 6px; font-size: 11px; }
  .passage { margin: 8px 22px 0; padding: 20px 22px; height: clamp(260px,32vh,330px); max-height: none; font-size: 24px; line-height: 1.85; scrollbar-gutter: stable; }
  .passage[lang=bn],.passage[lang=hi],.passage[lang=ne],.passage[dir=rtl] { line-height: 1.95; }
  .typing-input { width: calc(100% - 44px); margin-inline: 22px; min-height: 132px; max-height: 280px; padding: 16px 20px; font-size: 18px; line-height: 1.8; resize: vertical; }
  .typing-help,.input-status { margin-inline: 24px; }
  .tool-actions { padding: 10px 22px 18px; }
  .focus-view .studio-heading { display: flex; justify-content: flex-end; position: sticky; top: 0; z-index: 30; background: var(--bg); padding-block: 8px; margin-bottom: 8px; }
  .focus-view .studio-heading>div:first-child,.focus-view .studio-heading .privacy-tag,.focus-view .tool-settings,.focus-view #exam-settings { display: none; }
  .focus-view .tool-section { padding-block: 4px 22px; }
  .focus-view .passage { height: clamp(280px,44svh,460px); }
  @media(max-width:700px) {
    .typing-page .page-hero { padding-block: 24px 12px; }
    .typing-page .tool-section,.typing-page .page-hero+.tool-section { padding-block: 20px 34px; }
    .studio-heading { align-items: flex-start; gap: 10px; }
    .studio-heading h2 { font-size: 27px; }
    .studio-heading-actions { gap: 7px; }
    .studio-heading-actions .privacy-tag { display: none; }
    #workspace-focus { font-size: 12px; padding-inline: 10px; }
    .language-panel { padding: 12px 14px 10px; }
    .language-choice { min-height: 94px; padding-block: 8px; }
    .lang-monogram { width: 31px; height: 31px; }
    .more-language { min-height: 64px; }
    .studio-tabs { padding-inline: 14px; }
    .studio-tabs>button { min-height: 44px; }
    .mode-description { padding: 8px 14px; }
    .tool-settings { padding: 12px 14px; }
    .live-stats { padding: 14px 17px 12px; gap: 12px; }
    .live-stats .stat-detail { padding-top: 8px; }
    .passage-header { margin: 12px 15px 6px; font-size: 10px; }
    .passage { margin-inline: 14px; padding: 16px 15px; height: clamp(210px,29svh,260px); font-size: 21px; line-height: 1.85; }
    .typing-input { width: calc(100% - 28px); margin-inline: 14px; min-height: 120px; padding: 14px; font-size: 17px; }
    .typing-help,.input-status { margin-inline: 15px; }
    .tool-actions { padding-inline: 14px; }
    .focus-view .tool-section { padding-block: 4px 22px; }
    .focus-view .passage { height: clamp(210px,37svh,340px); }
  }
}
@layer reset {
*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}
}
@layer base {
:root{color-scheme:light;--bg:#fff;--surface:#fff;--soft:#f7f9fd;--text:#17243d;--muted:#63718b;--line:#e5eaf3;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eef4ff;--green:#087d58;--red:#c53146;--hero:#f4f8ff;--shadow:0 12px 48px #1c37600a;--radius:18px}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1220;--surface:#121d30;--soft:#101a2a;--text:#ecf1fc;--muted:#acb9d2;--line:#29364e;--blue:#80acff;--blue-dark:#5489f3;--blue-soft:#1b2e50;--green:#6adbb2;--red:#ff95a6;--hero:#101e34;--shadow:0 12px 48px #0002}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:Inter,"Segoe UI",Arial,"Nirmala UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased}button,select,input,textarea{border:1px solid var(--line);border-radius:9px;background:var(--surface)}button{transition:background .15s,transform .15s}a,button,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-weight:750}h2{font-size:36px;font-weight:720}h3{font-size:19px;font-weight:650}p{color:var(--muted)}input,textarea,select{padding:10px 12px;max-width:100%;color:var(--text)}textarea{resize:vertical}select{cursor:pointer}label{font-size:13px;font-weight:600}label input,label textarea{display:block;width:100%;margin-top:6px}kbd{border:1px solid var(--line);padding:3px 7px;border-radius:5px}::selection{background:#b5d1ff;color:#10264b}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.section{padding-block:84px}.soft-section{background:var(--soft);border-block:1px solid var(--line)}.icon{flex-shrink:0}.blue{color:var(--blue)}.subtle,.small-print{color:var(--muted);font-size:12px}.small-print{line-height:1.8}.eyebrow{display:inline-block;font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--blue);line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 21px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:white;font-weight:650;font-size:13px;line-height:1.4;box-shadow:0 4px 9px #2563eb12}.button:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}:root[data-theme=dark] .button{color:#09152b}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:none}.button.secondary:hover{background:var(--blue-soft);border-color:var(--blue)}.button.small{font-size:12px;min-height:39px;padding:10px 15px}.button.large{padding:15px 22px;min-height:51px}.button.white{background:#fff;color:#214bd9;border-color:#fff}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:650;color:var(--blue)}.text-link:hover{text-decoration:underline}.text-button{display:inline-flex;align-items:center;gap:7px;padding:10px 4px;border:0;background:transparent;font-size:12px;font-weight:600;color:var(--muted)}.text-button:hover{color:var(--blue)}.icon-button{display:inline-flex;width:39px;height:39px;align-items:center;justify-content:center;background:transparent;border-color:transparent}.icon-button:hover{background:var(--blue-soft)}.section-heading{margin-bottom:35px}.section-heading h2{margin-top:12px}.section-heading p{margin-top:15px;max-width:650px;font-size:14px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.heading-row>.text-link{white-space:nowrap;margin-bottom:25px}.pill,.privacy-tag{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.pill{padding:7px 12px;border:1px solid var(--line);border-radius:30px}.notice{padding:26px;background:var(--blue-soft);border:1px solid var(--line);border-radius:14px;margin-top:35px}.notice h2{font-size:22px;margin-bottom:12px}.notice p+p{margin-top:12px}.notice a{margin-top:16px}.native-example{font-size:26px;padding:25px;background:var(--soft);border-radius:12px}.content-narrow{max-width:820px}.content-narrow h2{font-size:27px;margin:28px 0 14px}.content-narrow p+p{margin-top:15px}.content-narrow ol{padding-left:25px;color:var(--muted)}.content-narrow li{padding:6px 0}.content-narrow .button-row{margin-top:22px}
}
@layer components {
.skip{position:absolute;top:-100px;left:15px;padding:10px;background:var(--surface);z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:var(--surface)}.nav-wrap{width:min(1360px,calc(100% - 64px));min-height:78px;margin:auto;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:24px;letter-spacing:-1px;font-weight:780}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:9px;background:var(--blue);color:#fff}.brand-icon .icon{width:23px;height:23px}.brand-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#25b8d0;margin-left:3px}.site-header nav{display:flex;align-items:center;justify-content:center;gap:23px;flex:1}.site-header nav>a{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;padding-block:28px}.site-header nav>a[aria-current],.site-header nav>a:hover{color:var(--blue)}.nav-actions{display:flex;gap:10px;align-items:center}.mobile-menu{display:none}.hero{background:radial-gradient(ellipse at 72% 45%,#dceafe70,transparent 45%),linear-gradient(140deg,var(--hero),var(--bg));overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center;padding-block:85px 82px;min-height:625px}.hero-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;padding:6px 11px;border-radius:20px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.hero-pill>span{width:6px;height:6px;border-radius:50%;background:#15a675}.hero h1{font-size:70px;line-height:1.09;letter-spacing:-4px;margin-top:23px}.hero h1>span{background:linear-gradient(100deg,var(--blue),#5662df);background-clip:text;color:transparent}.hero h2{font-size:19px;line-height:1.55;letter-spacing:-.4px;font-weight:600;margin:21px 0 14px}.hero-copy>p{font-size:14px;max-width:480px;line-height:1.9}.hero-copy>.button-row{margin-top:27px;gap:11px}.hero-perks{display:flex;gap:20px;flex-wrap:wrap;margin-top:21px;font-size:10px;color:var(--muted)}.hero-perks span{display:flex;align-items:center;gap:4px}.hero-perks .icon{color:var(--green);width:13px;height:13px}.hero-visual{position:relative;min-width:0;padding:50px 0 40px 20px}.hero-window{position:relative;z-index:2;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 30px 65px #284b8617;transform:rotate(-1deg)}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1px;color:var(--muted)}.window-bar>span:first-child{display:flex;gap:4px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#cad2df}.window-bar i:first-child{background:#fbb9ad}.window-bar i:nth-child(2){background:#f7d788}.window-bar i:nth-child(3){background:#a2dfba}.window-bar .icon{width:15px;height:15px}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 28px 0}.demo-heading>.icon{color:#f3b237}.demo-badge{font-size:10px;color:var(--blue);font-weight:600}.demo-text{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:24px;letter-spacing:-.7px;line-height:1.8;margin:18px 28px;white-space:nowrap}.demo-text>span:first-child{color:var(--green)}.demo-word{color:var(--blue)}.demo-caret{display:inline-block;height:29px;width:2px;background:var(--blue);vertical-align:middle;animation:blink 1.1s step-end infinite}.demo-languages{display:flex;gap:8px;margin:0 28px 23px;font-size:9px;color:var(--muted)}.demo-languages>span{border:1px solid var(--line);padding:2px 9px;border-radius:5px}.demo-languages>span:first-child{background:var(--blue-soft);color:var(--blue)}.virtual-keyboard{margin:15px 25px 21px;background:var(--soft);padding:16px 10px 11px;border:1px solid var(--line);border-radius:12px}.key-row{display:flex;justify-content:center;gap:5px;margin-bottom:5px}.key{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-bottom-width:3px;border-radius:5px;background:var(--surface);font-size:9px;color:var(--muted)}.key.home-key{background:var(--blue-soft);color:var(--blue);border-color:#c2d6fe}.hero .key.home-key{animation:key-tap 3s infinite}.hero .key.home-key:nth-child(7){animation-delay:1.5s}.space-key{width:170px;height:23px;border:1px solid var(--line);border-bottom-width:3px;border-radius:5px;background:var(--surface)}.demo-footer{border-top:1px solid var(--line);padding:13px 20px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.demo-footer>span{display:flex;align-items:center;gap:5px}.demo-footer .icon{width:13px;height:13px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%}.floating-chip{position:absolute;z-index:3;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 35px #274e7c12;padding:11px 15px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600}.chip-language{top:18px;right:8px;transform:rotate(3deg)}.chip-language>.icon{color:var(--blue);width:16px;height:16px}.chip-progress{bottom:13px;left:0;transform:rotate(-4deg);font-weight:400;color:var(--muted)}.chip-progress strong{display:block;font-size:12px;color:var(--text)}.mini-chart{color:var(--green);font-size:16px;letter-spacing:1px}.visual-caption{position:absolute;bottom:0;right:18px;font-size:10px;color:var(--muted)}.visual-orbit{position:absolute;border:1px dashed #c0d4f3;border-radius:50%;width:460px;height:460px;left:30px;top:0}.orbit-two{width:520px;height:520px;left:0;top:-30px;opacity:.4}.trust-strip{border-block:1px solid var(--line);background:var(--surface)}.trust-strip>.container{display:flex;justify-content:space-around;align-items:center;gap:20px;padding-block:19px}.trust-strip span{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:550;color:var(--muted)}.trust-strip .icon{color:var(--blue);width:17px;height:17px}
.tool-section{padding-block:76px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}.studio-heading h2{margin:9px 0;font-size:34px}.studio-heading p{font-size:13px}.language-panel{padding:22px 25px 15px;border:1px solid #cfddff;border-radius:14px;background:var(--blue-soft);margin-bottom:19px}.language-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.language-heading>span:first-child{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;font-weight:750;color:var(--blue)}.language-heading .icon{width:17px;height:17px}.language-badge{font-size:9px;font-weight:600;color:var(--blue);background:var(--surface);padding:4px 9px;border-radius:20px}.language-choices{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:12px;margin-top:15px}.language-choice{display:flex;align-items:center;gap:11px;min-height:65px;padding:9px 15px;border-color:transparent;background:var(--surface);text-align:start;position:relative}.language-choice.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.language-choice>span:nth-child(2){font-size:12px;font-weight:650}.language-choice small{display:block;color:var(--muted);font-size:10px;font-weight:400}.language-choice>.icon{margin-left:auto;width:15px;height:15px;color:var(--blue);opacity:0}.language-choice.selected>.icon{opacity:1}.lang-monogram{width:34px;height:34px;display:grid;place-items:center;font-size:18px;font-weight:550;border-radius:8px;background:var(--soft);color:var(--blue)}.more-language{display:flex;align-items:center;gap:10px;padding:7px 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.more-language>.icon{color:var(--muted)}.more-language>span{font-size:10px;color:var(--muted);min-width:0}.more-language select{display:block;width:100%;border:0;background:transparent;padding:0;margin:2px 0;font-size:12px;font-weight:600}.language-panel>p{font-size:10px;margin-top:11px}.studio-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.studio-tabs{display:flex;gap:25px;padding:0 27px;border-bottom:1px solid var(--line);background:var(--soft)}.studio-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;font-size:11px;font-weight:600;border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted)}.studio-tabs>button .icon{width:16px;height:16px}.studio-tabs>button.active{color:var(--blue);border-bottom-color:var(--blue)}.tool-settings{padding:22px 27px 18px;display:flex;gap:22px;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);flex-wrap:wrap}.control-label,.select-settings label{font-size:10px;color:var(--muted);font-weight:600}.control-label{display:block;margin-bottom:7px}.duration-options{display:flex;gap:5px;align-items:center}.duration{min-width:36px;height:34px;padding:4px 8px;font-size:11px;font-weight:600;background:var(--surface);border-color:var(--line)}.duration span{font-size:9px;color:var(--muted);margin-left:2px}.duration.selected{color:var(--blue);background:var(--blue-soft);border-color:var(--blue)}.duration.selected span{color:inherit}.custom-duration{display:flex;align-items:center;gap:5px;padding-left:5px;font-size:10px;color:var(--muted)}.custom-duration input{width:62px;height:34px;padding:5px;margin:0;font-size:10px}.select-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.select-settings label{display:block;max-width:170px}.select-settings select{display:block;font-size:11px;min-height:34px;max-width:158px;padding:5px 25px 5px 8px;margin-top:7px}.live-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:23px 35px;gap:25px}.live-stats>div{border-right:1px solid var(--line)}.live-stats>div:last-child{border:0}.stat-label{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:600;display:flex;gap:6px;align-items:center}.stat-label .icon{width:13px;height:13px}.live-stats strong{display:block;font-size:34px;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-weight:680;line-height:1.3;margin-top:7px}.live-stats small{font-size:11px;font-weight:500;margin-left:6px;letter-spacing:0;color:var(--muted)}#live-wpm{color:var(--blue)}#live-accuracy{color:var(--green)}.stat-detail{display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:10px;color:var(--muted)}.stat-detail>span{display:flex;justify-content:space-between;gap:15px}.stat-detail b{color:var(--text);font-weight:600}.time-progress{height:3px;background:var(--line)}#time-progress-fill{height:100%;background:var(--blue);width:0}.passage-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 30px 7px;font-size:10px;color:var(--muted)}.passage-header>span:first-child{display:flex;gap:6px;align-items:center}.passage{margin:10px 29px 0;padding:24px 25px;border:1px solid var(--line);border-radius:11px 11px 0 0;background:var(--soft);font-family:"Segoe UI","Nirmala UI",Arial,sans-serif;font-size:23px;line-height:2;letter-spacing:.15px;max-height:240px;overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;scrollbar-width:thin;color:var(--muted)}.passage[lang=bn],.passage[lang=hi],.passage[lang=ne]{font-family:"Nirmala UI","Vrinda","Mangal",sans-serif;line-height:2.2;letter-spacing:0}.passage[dir=rtl]{font-family:"Nirmala UI","Traditional Arabic",Tahoma,sans-serif;line-height:2.2;letter-spacing:0}.passage .typed-correct{color:var(--green);background:color-mix(in srgb,var(--green) 5%,transparent)}.passage .typed-error{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.passage .current-char{color:var(--blue);background:color-mix(in srgb,var(--blue) 15%,transparent);box-shadow:inset 2px 0 var(--blue);border-radius:2px}.passage[dir=rtl] .current-char{box-shadow:inset -2px 0 var(--blue)}.typing-input{display:block;width:calc(100% - 58px);margin:0 29px;border-radius:0 0 11px 11px;border-top:0;padding:15px 22px;min-height:82px;font-size:16px;line-height:1.8;caret-color:var(--blue);color:var(--text)}.typing-input::placeholder{color:var(--muted);font-size:13px}.typing-input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.typing-input:disabled{background:var(--soft)}.typing-help{margin:12px 30px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.color-key{white-space:nowrap}.color-key i{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin:0 4px 2px 10px}.correct-dot{background:var(--green)}.error-dot{background:var(--red)}.input-status{font-size:11px;min-height:18px;margin:4px 30px;color:var(--red)}.tool-actions{padding:12px 29px 25px;display:flex;justify-content:space-between;gap:15px;align-items:center}.tool-actions .button{font-size:11px;min-height:38px;padding:9px 15px}.tool-actions .icon{width:15px;height:15px}.tool-footnote{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-size:10px;margin-top:17px}.tool-footnote>.icon{width:13px;height:13px}.tool-footnote>a{color:var(--blue)}.session-details{border-top:1px solid var(--line);font-size:11px;background:var(--soft);padding:12px 29px}.session-details>summary{cursor:pointer;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:15px 0}.detail-grid b{display:block;font-size:18px;color:var(--text)}.custom-panel{background:var(--soft);padding:24px 30px;border-bottom:1px solid var(--line)}.custom-panel>label{font-size:13px}.custom-panel>textarea{width:100%;display:block;margin:10px 0}.custom-panel>p{font-size:11px;margin-top:10px}.file-button{display:inline-flex;align-items:center;gap:8px;position:relative;font-size:11px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.file-button input{font-size:10px;max-width:200px}.exam-settings{display:flex;align-items:center;gap:20px;padding:20px 29px;border-bottom:1px solid var(--line);background:var(--blue-soft)}.exam-settings>div{flex:1;font-size:12px}.exam-settings p{font-size:10px}.exam-settings label{font-size:10px;max-width:105px}.exam-settings input{margin-top:5px;padding:7px 9px}.focus-view .site-header,.focus-view .site-footer,.focus-view .page-hero,.focus-view .breadcrumb,.focus-view .tool-section~section,.focus-view .studio-heading,.focus-view .tool-section~.ad-slot{display:none}.focus-view .tool-section{padding-block:20px}.focus-view #focus-mode{color:var(--blue)}.focus-view .tool-section{width:min(1100px,calc(100% - 40px))}.focus-view .language-panel{display:none}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.feature-card{padding:28px 25px;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#b8cdf5;transform:translateY(-3px)}.feature-icon{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:11px;margin-bottom:22px;background:var(--blue-soft);color:var(--blue)}.feature-icon.cyan{background:#e8f8fb;color:#098098}.feature-icon.violet{background:#f1edff;color:#7454d2}.feature-icon.amber{background:#fff5df;color:#a97116}.feature-card h3,.feature-card h2{font-size:17px;margin-bottom:13px}.feature-card p{font-size:12px;line-height:1.85;margin-bottom:23px}.feature-card>.text-link{margin-top:auto;font-size:11px;gap:6px}.feature-card .icon{width:19px;height:19px}.feature-card .text-link .icon{width:15px;height:15px}.language-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.language-card{padding:22px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .2s,transform .2s}.language-card:hover{border-color:var(--blue);transform:translateY(-2px)}.language-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:8px}.language-symbol{font-size:23px;color:var(--blue);font-weight:550;letter-spacing:-.5px}.language-card .icon{width:14px;height:14px;color:var(--muted)}.language-card h3{font-size:12px;letter-spacing:0;margin-bottom:10px}.language-card p{font-size:11px;line-height:1.9}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.duration-links{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;max-width:420px;margin-bottom:15px}.duration-links>a{padding:12px;text-align:center;border:1px solid var(--line);border-radius:9px;font-size:22px;font-weight:650}.duration-links>a:hover{border-color:var(--blue);background:var(--blue-soft)}.duration-links span{display:block;font-size:10px;color:var(--muted);font-weight:400}.exam-promo{background:var(--blue-soft);border:1px solid #d5e1ff;border-radius:17px;padding:35px}.exam-promo h2{font-size:29px;line-height:1.3;margin:12px 0}.exam-promo>p{font-size:12px}.mini-tags{display:flex;gap:8px;margin:20px 0}.mini-tags>span{font-size:10px;border:1px solid #c4d7fa;padding:4px 9px;border-radius:5px;background:var(--surface);color:var(--blue)}.exam-promo>.small-print{margin-top:15px;font-size:10px}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.practice-tile{display:flex;align-items:center;gap:17px;background:var(--surface);padding:24px 20px;border:1px solid var(--line);border-radius:12px}.practice-tile:hover{border-color:var(--blue)}.practice-number{font-size:10px;color:var(--blue);font-weight:650;background:var(--blue-soft);padding:8px;border-radius:8px}.practice-tile h3{font-size:14px;letter-spacing:-.2px}.practice-tile p{font-size:10px;margin-top:7px}.practice-tile>.icon{margin-left:auto;width:14px;height:14px;color:var(--muted)}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.three-grid>article>h3{font-size:18px;margin-bottom:12px}.three-grid p{font-size:13px;line-height:1.9}.check-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);width:32px;height:32px;margin-bottom:20px}.check-circle .icon{width:16px;height:16px}.benefit-section{border-bottom:1px solid var(--line)}.steps article{position:relative;padding-right:35px}.steps article>span{display:block;font-size:32px;font-weight:650;color:var(--blue);margin-bottom:18px}.progress-card{border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--surface);box-shadow:var(--shadow)}.progress-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}.progress-controls h3{font-size:18px}.progress-controls p{font-size:12px;margin-top:9px}.switch-label{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap;cursor:pointer}.switch-label input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.progress-options{display:flex;align-items:center;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line);padding-top:20px}.progress-options label{font-size:11px;color:var(--muted)}.progress-options select{margin-left:7px;font-size:11px;padding:6px}.progress-options>span{font-size:11px;color:var(--muted);margin-left:auto}.history-list{margin:22px 0;overflow:auto}.history-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.history-table th,.history-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:start}.history-table th{font-weight:600;color:var(--muted);background:var(--soft)}.progress-card>.small-print{margin-top:16px}.empty-journal{display:flex;align-items:center;gap:20px;padding:24px;border:1px dashed var(--line);border-radius:12px;margin:20px 0}.empty-journal .icon{width:35px;height:35px;color:var(--blue)}.empty-journal h3{font-size:15px;margin-bottom:5px}.empty-journal p{font-size:12px}.progress-metrics{display:flex;gap:40px;margin-top:25px}.progress-metrics b{font-size:25px;display:block;font-variant-numeric:tabular-nums;color:var(--text)}.progress-metrics span{font-size:10px;color:var(--muted)}.score-explainer{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.formula-card{border:1px solid var(--line);background:var(--soft);border-radius:13px;padding:32px}.formula-card>span{font-size:9px;letter-spacing:1px;font-weight:600;color:var(--muted)}.formula-card>strong{display:block;font-size:23px;letter-spacing:-.7px;line-height:1.7;margin:15px 0}.formula-card em{font-style:normal;color:var(--blue);white-space:nowrap}.formula-card p{font-size:11px;line-height:1.9}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lesson-card{border:1px solid var(--line);border-radius:13px;padding:25px 23px;display:flex;flex-direction:column;transition:background .2s}.lesson-card:hover{background:var(--blue-soft)}.lesson-card>span:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:var(--blue);font-size:10px;letter-spacing:1px}.lesson-card h3,.lesson-card h2{font-size:18px;margin-bottom:12px}.lesson-card p{font-size:12px;margin-bottom:24px}.lesson-card>.text-link{margin-top:auto;font-size:11px}.lesson-card .text-link .icon{width:14px;height:14px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s}.article-card:hover{transform:translateY(-3px)}.article-art{height:156px;position:relative;background:#eaf0ff;color:#7293df;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:20px}.article-art>span{font-size:75px;font-weight:650;letter-spacing:-6px;transform:rotate(-8deg);color:#4e73d1}.art-lines{transform:rotate(-8deg);display:flex;flex-direction:column;gap:12px}.art-lines>i{display:block;width:75px;height:7px;border-radius:4px;background:#bdcdf1}.art-lines>i:nth-child(2){width:100px}.art-lines>i:last-child{width:60px}.article-art>.icon{position:absolute;bottom:21px;right:25px;width:28px;height:28px;transform:rotate(10deg);opacity:.7}.art-1{background:#e8f5f0;color:#2a9475}.art-1>span{color:#339f7d}.art-1 i{background:#acd9c9}.art-2{background:#f1edfb;color:#9675ce}.art-2>span{color:#9574d1}.art-2 i{background:#d1c1e8}.art-3{background:#fff3e2;color:#c89549}.art-3>span{color:#b88845}.art-3 i{background:#e9cfa8}.article-body{padding:24px}.article-body>.eyebrow{font-size:9px}.article-body h3{font-size:19px;line-height:1.45;margin:12px 0}.article-body>p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:25px}.card-bottom>.icon{width:15px;height:15px;color:var(--blue)}.faq-section .section-heading{text-align:center}.faq-list{max-width:850px;margin-inline:auto}.faq-list details{padding:19px 0;border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;cursor:pointer;gap:20px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--muted);font-size:20px;font-weight:400;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;margin:16px 30px 0 0}.faq-section>.text-link{display:flex;justify-content:center;margin-top:30px}.cta{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:44px 55px;border-radius:18px;background:linear-gradient(115deg,#2559d8,#374bc4);color:white;margin-top:20px;margin-bottom:80px;position:relative;overflow:hidden}.cta:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff12;border-radius:50%;right:50px;top:-140px;pointer-events:none}.cta .eyebrow{color:#cbdcff;font-size:9px}.cta h2{font-size:33px;line-height:1.25;margin-top:15px}.cta p{font-size:12px;color:#d9e4ff;margin-top:14px}.cta>div:last-of-type{display:flex;flex-direction:column;align-items:center;gap:13px;z-index:1}.cta>div:last-of-type>span{font-size:10px;color:#d9e4ff}.site-footer{padding-top:63px;background:var(--soft);border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:35px;padding-bottom:45px}.footer-brand p{font-size:12px;line-height:1.9;margin:20px 0 11px}.footer-brand .subtle{font-size:10px}.footer-top>div>h3{font-size:11px;font-weight:650;letter-spacing:0;margin-bottom:19px}.footer-top>div>a:not(.brand){display:block;font-size:10px;color:var(--muted);margin-bottom:10px}.footer-top>div>a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:9px}.footer-bottom>span:last-child{display:flex;align-items:center;gap:6px}.footer-bottom .icon{width:12px;height:12px}.breadcrumb{display:flex;align-items:center;gap:9px;padding-top:24px;font-size:10px;color:var(--muted)}.breadcrumb a{color:var(--blue)}.breadcrumb .icon{width:11px;height:11px}.page-hero{padding-block:50px 25px;max-width:980px;text-align:center}.page-hero h1{font-size:49px;margin:16px 0 19px;line-height:1.15}.page-hero>p{font-size:15px;max-width:730px;margin:auto}.page-hero+.tool-section{padding-top:40px}.page-hero+.section{padding-top:45px}.exam-notice{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--blue-soft);border-radius:10px;padding:16px 22px;margin-top:20px}.exam-notice>p{font-size:11px}.exam-notice>.icon{color:var(--blue)}.keyboard-guide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:30px;border:1px solid var(--line);border-radius:14px}.keyboard-guide>.virtual-keyboard{margin:0}.keyboard-guide h3{margin-bottom:15px}.keyboard-guide p{font-size:13px;margin-top:12px}.article-search{display:flex;align-items:center;gap:8px;max-width:450px;border:1px solid var(--line);border-radius:10px;padding:3px 15px;margin-bottom:15px}.article-search input{border:0;outline:0;background:transparent;margin:0;font-size:13px;font-weight:400;width:100%}.article-search>.icon{color:var(--muted)}#article-count{font-size:11px;margin-bottom:25px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:80px;justify-content:center;padding-block:65px 90px}.article-main>h1{font-size:45px;line-height:1.18;margin:15px 0 20px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:var(--muted)}.article-intro{font-size:18px;line-height:1.85;margin:30px 0}.article-toc{padding:22px 25px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin-bottom:38px}.article-toc strong{display:block;font-size:13px;margin-bottom:12px}.article-toc a{display:block;font-size:12px;color:var(--blue);padding:4px 0}.article-main>section{margin-top:36px;scroll-margin-top:105px}.article-main h2{font-size:26px;margin-bottom:17px}.article-main>section p{line-height:1.95;font-size:15px}.article-takeaway{padding:27px;background:var(--blue-soft);border:1px solid var(--line);border-radius:12px;margin-top:35px}.article-takeaway h2{font-size:23px}.article-takeaway p{font-size:14px;margin-bottom:20px}.article-related{margin-top:35px}.article-related>.text-link{display:flex;margin:10px 0;font-size:12px}.article-related h2{font-size:22px}.article-sidebar{align-self:start;position:sticky;top:110px;padding:27px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.article-sidebar h2{font-size:23px}.article-sidebar p{font-size:12px;line-height:1.9;margin:18px 0}.article-sidebar>.button{width:100%;font-size:12px}.info-content{padding:30px 0 80px}.info-content>section{margin-top:30px}.info-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.info-content code{font-size:13px}.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;max-width:1000px;padding-block:50px 90px}.contact-card{padding:30px;background:var(--soft);border:1px solid var(--line);border-radius:14px;align-self:start}.contact-card h2,.contact-form h2{font-size:26px}.contact-card p{font-size:13px;margin:15px 0}.contact-card>a{color:var(--blue);font-weight:600;overflow-wrap:anywhere}.contact-form>label{display:block;margin:18px 0}.contact-form select{display:block;width:100%;margin-top:6px}.contact-form>.small-print{margin-top:16px}.contact-form #contact-status{font-size:12px;margin-top:15px}.empty-state{border:1px dashed var(--line);border-radius:15px;text-align:center;padding:65px 25px;max-width:800px;margin:auto}.empty-state>.icon{color:var(--blue);width:40px;height:40px}.empty-state h2{font-size:28px;margin:22px 0 15px}.empty-state p{font-size:14px;max-width:500px;margin:0 auto 25px}.result-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;padding:24px 28px;background:var(--blue-soft);border:1px solid var(--line);border-radius:12px}.result-banner h2{font-size:23px}.result-banner p{font-size:12px;margin-top:8px}.assessment-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--blue);padding:7px 10px;border-radius:25px;background:var(--surface);white-space:nowrap}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.result-stat{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.result-stat>span{font-size:11px;color:var(--muted)}.result-stat>strong{display:block;font-size:38px;font-weight:680;letter-spacing:-1px;color:var(--blue);margin-top:7px;font-variant-numeric:tabular-nums}.result-stat small{font-size:13px;margin-left:5px;color:var(--muted);font-weight:500}.result-detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid var(--line);border-radius:12px;padding:28px;margin:25px 0}.result-detail-panel h3{font-size:18px;margin-bottom:15px}.result-detail-panel dl{display:grid;grid-template-columns:1fr auto;margin:0;font-size:12px;gap:10px}.result-detail-panel dt{color:var(--muted)}.result-detail-panel dd{font-weight:600;margin:0;text-align:end}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.chart-panel{padding:25px;border:1px solid var(--line);border-radius:12px}.chart-panel h3{font-size:17px;margin-bottom:15px}.chart-container{font-size:12px;color:var(--muted)}.performance-chart{display:block;width:100%;height:auto;max-height:235px;overflow:visible}.performance-chart text{font:10px "Segoe UI",sans-serif;fill:var(--muted)}.chart-caption{font-size:10px;margin-top:10px}.weak-keys{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.weak-key{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--blue-soft);font-size:16px}.weak-key small{font-size:10px;color:var(--muted)}.recommendation{padding:25px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:25px 0}.recommendation h3{font-size:18px;margin-bottom:12px}.recommendation p{font-size:13px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.result-actions .button{font-size:12px}.result-save-status{font-size:12px;margin:20px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(130px);max-width:min(90vw,600px);padding:13px 20px;border:1px solid var(--line);border-radius:10px;background:var(--text);color:var(--surface);font-size:12px;box-shadow:var(--shadow);z-index:100;transition:transform .2s;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0)}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:470px;width:calc(100% - 40px);background:var(--surface);color:var(--text);box-shadow:0 30px 80px #0003}dialog::backdrop{background:#0b152966;backdrop-filter:blur(3px)}dialog h2{font-size:29px;margin:15px 0}dialog p{font-size:14px;line-height:1.8;margin-bottom:25px}.ad-slot{min-height:100px;margin:30px auto;max-width:100%;background:var(--soft)}
@keyframes blink{50%{opacity:0}}@keyframes key-tap{20%,35%{background:var(--blue);color:white;transform:translateY(2px)}45%{transform:translateY(0)}}
}
@layer responsive {
@media(min-width:1500px){.hero-grid{gap:80px}.hero h1{font-size:77px}}
@media(max-width:1220px){.nav-wrap{gap:25px;width:calc(100% - 40px)}.site-header nav{gap:14px}.site-header nav>a{font-size:10px}.brand{font-size:22px}.nav-actions>.button{font-size:10px}.hero h1{font-size:61px}.hero-grid{gap:25px}.hero-copy>.button-row>.button{font-size:11px;padding:13px 15px}.hero-visual{padding-left:0}.demo-text{font-size:22px}.key{width:27px;height:28px}.language-grid{grid-template-columns:repeat(5,1fr)}.language-symbol{font-size:20px}.select-settings{gap:9px}.tool-settings{gap:15px}.split-section{gap:45px}.article-layout{gap:40px;grid-template-columns:minmax(0,720px) 240px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;align-items:stretch;flex-direction:column;gap:0;background:var(--surface);padding:10px 24px 20px;box-shadow:0 20px 30px #0001;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav>a{font-size:13px;padding:11px}.mobile-menu{display:inline-flex}.nav-actions{margin-left:auto}.nav-actions>.button{font-size:12px}.hero h1{font-size:55px;letter-spacing:-3px}.hero h2{font-size:16px}.hero-grid{padding-block:60px;min-height:540px;gap:25px}.hero-copy>p{font-size:12px}.hero-copy>.button-row{align-items:start;gap:10px}.hero-copy>.button-row>.button{font-size:10px;padding:12px 13px}.hero-perks{font-size:9px;gap:12px}.hero-visual{padding-block:40px}.demo-text{font-size:19px;margin-inline:20px}.demo-languages{margin-inline:20px;gap:4px}.demo-languages>span{font-size:8px;padding-inline:7px}.demo-heading{margin-inline:20px}.virtual-keyboard{margin-inline:16px;padding-inline:5px}.key-row{gap:4px}.key{width:23px;height:25px;font-size:8px}.demo-footer{padding-inline:13px;font-size:7px}.chip-language{right:-5px;font-size:9px}.floating-chip{padding:8px 11px}.visual-caption{font-size:8px;right:0}.studio-heading>.privacy-tag{display:none}.language-choices{grid-template-columns:repeat(3,1fr)}.more-language{grid-column:1/-1;padding:8px 12px;min-height:45px}.more-language>span{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px}.more-language select{width:auto;font-size:11px}.tool-settings{align-items:start}.select-settings{width:100%}.select-settings label{max-width:none;flex:1}.select-settings select{width:100%;max-width:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.language-grid{grid-template-columns:repeat(3,1fr)}.language-symbol{font-size:24px}.practice-grid{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:repeat(2,1fr)}.section{padding-block:65px}.split-section{gap:35px}.exam-promo{padding:27px}.exam-promo h2{font-size:25px}.section-heading h2{font-size:31px}.score-explainer{gap:35px}.formula-card{padding:25px}.formula-card>strong{font-size:19px}.footer-top{grid-template-columns:1.4fr repeat(2,1fr);row-gap:35px}.footer-brand{grid-row:span 2}.article-grid{gap:16px}.article-body{padding:20px}.article-body h3{font-size:17px}.article-art{height:135px}.article-layout{grid-template-columns:minmax(0,760px);max-width:850px}.article-sidebar{display:none}.page-hero h1{font-size:42px}.contact-layout{gap:35px}.keyboard-guide{gap:30px}.keyboard-guide .key{width:22px}.result-grid{gap:12px}.result-stat{padding:20px}.result-stat>strong{font-size:32px}.live-stats{padding-inline:26px;gap:20px}}
@media(max-width:700px){h2{font-size:29px}.container{width:calc(100% - 36px)}.nav-wrap{width:calc(100% - 30px);min-height:68px}.brand{font-size:22px}.brand-icon{width:31px;height:31px}.nav-actions{gap:3px}.nav-actions>.button{font-size:10px;min-height:35px;padding:8px 11px}.nav-actions>.button>.icon{display:none}.site-header nav{top:68px}.hero-grid{grid-template-columns:1fr;padding-block:45px 40px;gap:22px}.hero-copy{text-align:center}.hero-pill{font-size:9px;padding:5px 10px}.hero h1{font-size:58px;letter-spacing:-3px;margin-top:20px}.hero h2{font-size:16px;margin-top:18px}.hero-copy>p{font-size:13px;max-width:430px;margin-inline:auto}.hero-copy>.button-row{justify-content:center;margin-top:23px}.hero-copy>.button-row>.button{font-size:11px;padding:13px 16px}.hero-perks{justify-content:center;font-size:9px;gap:15px}.hero-visual{width:min(440px,100%);margin-inline:auto;padding:32px 12px 35px;min-height:0}.hero-window{transform:none}.visual-orbit{width:330px;height:330px;left:25px;top:25px}.orbit-two{width:390px;height:390px;left:-5px;top:-5px}.demo-text{font-size:23px}.demo-languages{gap:7px}.demo-languages>span{font-size:9px}.demo-heading{margin-top:20px}.hero .virtual-keyboard{margin-bottom:16px}.key{width:27px;height:27px}.hero-visual .key{width:29px;height:28px}.demo-footer{font-size:8px}.chip-language{top:10px;right:3px}.chip-progress{bottom:10px;left:0;font-size:9px}.chip-progress strong{font-size:11px}.visual-caption{font-size:8px;bottom:0;right:8px}.trust-strip>.container{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-block:18px}.trust-strip span{font-size:10px;justify-content:center}.trust-strip .icon{width:15px;height:15px}.section,.tool-section{padding-block:48px}.studio-heading h2{font-size:29px}.studio-heading .eyebrow{font-size:9px}.studio-heading p{font-size:12px}.language-panel{padding:16px 14px 12px}.language-heading{align-items:start;gap:9px}.language-heading>span:first-child{font-size:8px;letter-spacing:.5px;gap:5px}.language-heading .icon{width:13px;height:13px}.language-badge{font-size:7px;padding:3px 6px;white-space:nowrap}.language-choices{gap:8px;margin-top:12px}.language-choice{min-height:62px;gap:6px;padding:7px;flex-direction:column;text-align:center}.lang-monogram{width:24px;height:24px;font-size:17px;background:transparent}.language-choice>span:nth-child(2){font-size:10px}.language-choice small{font-size:8px;margin-top:1px}.language-choice>.icon{position:absolute;width:11px;height:11px;right:5px;top:5px}.more-language{gap:9px;min-height:42px}.more-language .icon{width:15px;height:15px}.more-language>span{font-size:9px}.more-language select{font-size:10px;max-width:180px}.language-panel>p{font-size:9px;line-height:1.7}.studio-tabs{padding:0 12px;gap:0;justify-content:space-between}.studio-tabs>button{font-size:9px;min-height:46px;gap:4px}.studio-tabs>button .icon{width:13px;height:13px}.tool-settings{padding:17px 14px;gap:14px}.duration-options{gap:4px;flex-wrap:wrap}.duration{min-width:31px;height:32px;font-size:10px;padding:3px 6px}.duration span{font-size:8px}.custom-duration{font-size:9px;padding-left:0;gap:3px}.custom-duration input{width:58px;font-size:9px;height:32px}.select-settings{gap:7px}.select-settings label{font-size:9px;min-width:80px}.select-settings select{font-size:10px;padding:6px 2px;min-height:32px}.live-stats{grid-template-columns:repeat(3,1fr);padding:18px 18px 14px;gap:12px}.live-stats>div:nth-child(3){border:0}.live-stats .stat-detail{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;flex-direction:row;justify-content:space-between;gap:9px;font-size:8px}.stat-detail>span{gap:4px}.stat-label{font-size:8px;letter-spacing:.4px;gap:4px}.stat-label .icon{width:11px;height:11px}.live-stats strong{font-size:28px;margin-top:5px}.live-stats small{font-size:9px;margin-left:4px}.passage-header{margin:18px 15px 7px;font-size:8px}.passage-header>span:last-child{text-align:end;max-width:50%}.passage{margin:8px 14px 0;padding:18px 15px;font-size:20px;max-height:235px;line-height:1.95}.typing-input{width:calc(100% - 28px);margin-inline:14px;padding:12px 14px;min-height:83px;font-size:16px}.typing-input::placeholder{font-size:12px}.typing-help{margin-inline:15px;align-items:start;font-size:9px;gap:8px}.color-key{display:none}.input-status{margin-inline:15px;font-size:10px}.tool-actions{padding:12px 14px 18px;align-items:start;flex-wrap:wrap;gap:5px}.tool-actions>.button-row{gap:8px}.tool-actions .button{font-size:10px;padding:8px 11px}.tool-actions .text-button{font-size:10px}.tool-actions>.text-button{margin-left:auto}.tool-footnote{font-size:9px;gap:5px;line-height:1.7;text-align:center}.tool-footnote>.icon{display:none}.session-details{padding:11px 15px}.detail-grid{grid-template-columns:1fr 1fr;gap:12px;font-size:10px}.custom-panel{padding:20px 15px}.custom-panel>p{font-size:10px}.file-button{flex-wrap:wrap;font-size:10px}.exam-settings{padding:17px 15px;flex-wrap:wrap;gap:12px}.exam-settings>div{flex-basis:100%;font-size:11px}.exam-settings label{max-width:95px}.exam-settings .text-button{font-size:10px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:29px}.section-heading p{font-size:12px;line-height:1.8}.eyebrow{font-size:9px}.heading-row{display:block}.heading-row>.text-link{margin:0 0 24px}.heading-row>.pill{margin:-8px 0 22px}.feature-grid{gap:13px}.feature-card{padding:22px 18px}.feature-icon{width:36px;height:36px;margin-bottom:18px}.feature-card h3,.feature-card h2{font-size:16px}.feature-card p{font-size:11px}.feature-card>.text-link{font-size:10px}.language-grid{grid-template-columns:repeat(2,1fr);gap:12px}.language-card{padding:19px 15px}.language-symbol{font-size:23px}.language-card p{font-size:10px}.split-section,.score-explainer{grid-template-columns:1fr;gap:35px}.duration-links{max-width:none}.exam-promo{padding:27px}.exam-promo h2{font-size:28px}.practice-grid{grid-template-columns:1fr;gap:11px}.practice-tile{padding:20px}.practice-tile p{font-size:11px}.practice-tile h3{font-size:15px}.three-grid{grid-template-columns:1fr;gap:30px}.three-grid p{font-size:13px}.benefit-section .three-grid{gap:26px}.check-circle{margin-bottom:15px}.progress-card{padding:22px 17px}.progress-controls{display:block}.progress-controls h3{font-size:17px}.progress-controls p{font-size:11px}.switch-label{margin-top:18px;min-height:30px;font-size:11px}.progress-options{gap:15px}.progress-options label{font-size:10px}.progress-options select{font-size:10px;margin-left:5px}.progress-options>span{margin-left:0;font-size:10px}.empty-journal{padding:20px 15px;gap:15px}.empty-journal h3{font-size:13px}.empty-journal p{font-size:11px}.progress-metrics{gap:25px}.progress-metrics b{font-size:24px}.progress-metrics span{font-size:9px}.progress-card .button{font-size:10px}.progress-card .text-button{font-size:11px}.steps article{padding:0}.steps article>span{font-size:27px;margin-bottom:12px}.formula-card>strong{font-size:22px}.lesson-grid{gap:12px}.lesson-card{padding:21px 17px}.lesson-card h3,.lesson-card h2{font-size:16px}.lesson-card p{font-size:11px}.lesson-card>span:first-child{margin-bottom:20px}.lesson-card>.text-link{font-size:10px}.article-grid{grid-template-columns:1fr;gap:22px}.article-art{height:170px}.article-body{padding:24px}.article-body h3{font-size:21px}.article-body>p{font-size:13px}.article-body>.eyebrow{font-size:9px}.card-bottom{font-size:11px}.faq-list summary{font-size:12px}.faq-list details p{font-size:12px}.cta{width:calc(100% - 36px);display:block;padding:32px 26px;margin-block:0 50px;border-radius:14px}.cta h2{font-size:30px}.cta p{font-size:12px}.cta>div:last-of-type{align-items:start;margin-top:26px;gap:10px}.cta .button{font-size:12px}.cta>div:last-of-type>span{font-size:9px}.site-footer{padding-top:42px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:30px}.footer-brand{grid-row:auto;grid-column:1/-1}.footer-brand p{margin:13px 0 8px;font-size:12px}.footer-top>div>h3{font-size:11px;margin-bottom:15px}.footer-top>div>a:not(.brand){font-size:11px}.footer-bottom{display:block;font-size:9px}.footer-bottom>span:last-child{margin-top:10px}.page-hero{padding-block:35px 20px}.page-hero h1{font-size:36px;line-height:1.2}.page-hero>p{font-size:13px;line-height:1.9}.breadcrumb{font-size:9px;padding-top:18px}.page-hero+.tool-section{padding-top:25px}.exam-notice{padding:14px;font-size:10px}.exam-notice>.icon{width:18px;height:18px}.exam-notice p{font-size:10px;line-height:1.8}.content-narrow h2{font-size:24px}.content-narrow p,.content-narrow li{font-size:13px;line-height:1.95}.keyboard-guide{grid-template-columns:1fr;padding:20px;gap:25px}.keyboard-guide>.virtual-keyboard{padding:13px 4px 8px}.keyboard-guide .key{width:25px;height:26px}.keyboard-guide h3{font-size:18px}.keyboard-guide p{font-size:12px}.article-layout{padding-block:40px 60px}.article-main>h1{font-size:35px;line-height:1.22}.article-meta{font-size:9px;gap:8px}.article-intro{font-size:16px;margin-block:25px;line-height:1.9}.article-main h2{font-size:24px}.article-main>section p{font-size:14px}.article-toc{padding:20px}.article-toc a{font-size:11px;line-height:1.8}.article-takeaway{padding:22px}.article-takeaway p{font-size:13px}.info-content{padding-block:10px 60px}.contact-layout{grid-template-columns:1fr;gap:30px;padding-block:30px 60px}.contact-card{padding:25px}.contact-form h2{font-size:25px}.contact-form>label{font-size:12px}.empty-state{padding:40px 20px}.empty-state h2{font-size:25px}.result-banner{display:block;padding:22px}.result-banner h2{font-size:23px}.result-banner p{font-size:11px}.assessment-tag{margin-top:15px}.result-grid{grid-template-columns:1fr 1fr;gap:12px}.result-stat{padding:19px}.result-stat>span{font-size:10px}.result-stat>strong{font-size:31px}.result-stat small{font-size:11px}.result-detail-panel{grid-template-columns:1fr;padding:22px;gap:28px}.result-detail-panel dl{font-size:11px;gap:10px}.chart-grid{grid-template-columns:1fr;gap:20px}.chart-panel{padding:22px 18px}.result-actions{gap:8px}.result-actions .button{font-size:10px;padding:10px 12px}.recommendation{padding:22px}.recommendation p{font-size:12px}.focus-view .tool-section{width:calc(100% - 20px)}
}
@media(max-width:370px){.nav-actions>.button{display:none}.hero h1{font-size:51px}.hero .key{width:24px}.demo-text{font-size:20px}.demo-footer{font-size:7px}.hero-copy>.button-row>.button{font-size:10px;padding:12px}.language-heading{flex-wrap:wrap}.duration{min-width:30px}.duration-options{gap:3px}.language-symbol{font-size:20px}.feature-grid{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr}.stat-detail{font-size:7px}.keyboard-guide .key{width:20px}.article-main>h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.breadcrumb,.page-hero,.result-actions,.result-save-status,.ad-slot,#toast,.cta{display:none!important}body{background:#fff;color:#17243d}.container{width:100%;max-width:100%}.section{padding:0}.result-banner{break-inside:avoid;background:#fff}.result-stat{break-inside:avoid}.result-grid{grid-template-columns:repeat(4,1fr)}.chart-grid{grid-template-columns:1fr 1fr;break-inside:avoid}.result-detail-panel{break-inside:avoid}.performance-chart{max-height:180px}.chart-panel{padding:12px}.recommendation{break-inside:avoid}a[href]::after{content:none}}
}