@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#101119;--panel:#191b26;--panel-raised:#202230;--line:#2b2d3d;--text:#f1f0f7;--muted:#a3a4b8;--faint:#8c8ea5;--accent:#b9a4ff;--accent-ink:#211932;--green:#86dabb;--red:#ff9baa;--radius:20px;font-family:'DM Sans',sans-serif;font-size:14px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button{border:0}a{color:inherit;text-decoration:none}button,input,select{border-radius:10px}button{color:var(--text);background:transparent}input,select{width:100%;border:1px solid #3c3e51;background:#12141e;color:var(--text);min-height:45px;padding:10px 12px}select{padding-right:26px}input:focus,select:focus{border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input:focus-visible{outline-offset:1px}button{min-height:44px}button svg{pointer-events:none}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center}h1,h2,h3,.brand{font-family:Manrope,'DM Sans',sans-serif}h1,h2,h3,p{margin:0}h2{font-size:21px;letter-spacing:-.65px}h3{font-size:16px;letter-spacing:-.25px}p{line-height:1.65;color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:50;left:15px;top:-70px;background:var(--accent);color:var(--accent-ink);padding:15px}.skip:focus{top:10px}
.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#14151e;border-right:1px solid var(--line);padding:35px 22px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:40px;height:43px;background:var(--accent);color:var(--accent-ink);font-size:29px;border-radius:12px;box-shadow:0 4px 20px #b9a4ff12}.brand-sub{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2.7px;color:var(--muted);margin-top:5px;font-weight:550}.nav-label{font-size:10px;letter-spacing:1.9px;color:var(--faint);margin:56px 12px 16px}.nav-item{display:flex;align-items:center;gap:12px;min-height:49px;padding:0 13px;width:100%;font-size:13px;font-weight:500;margin:5px 0;color:var(--muted);border:1px solid transparent;border-radius:10px;text-align:left}.nav-item svg{width:19px;height:19px}.nav-item.selected{background:#b9a4ff12;border-color:#b9a4ff24;color:#d0beff}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.soon{margin-left:auto;font-size:8px;letter-spacing:.8px;color:var(--faint)}.future:hover{background:var(--panel)}.sidebar-quote{margin:auto 12px 60px;padding-top:80px}.quote-spark{font-size:39px;color:var(--accent);font-weight:400}.sidebar-quote p{font-family:Manrope,sans-serif;font-size:25px;line-height:1.6;letter-spacing:-.6px;color:#d2cfe3;margin:15px 0}.sidebar-quote p span{color:#77748f}.sidebar-quote small{color:var(--faint);font-size:10px}.sandbox{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:#d3d1df}.sandbox small{display:block;font-size:9px;color:var(--faint);margin-top:7px}.sandbox-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-top:4px}.workspace{margin-left:242px}.topbar{height:81px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar>div{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.topbar strong{font-weight:500;color:#dbd9e6}.breadcrumb{color:#5f6075}.test-badge{font-size:9px;letter-spacing:1px;color:var(--faint);border:1px solid var(--line);padding:6px 9px;border-radius:5px}.icon-button{width:40px;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--muted);border-radius:10px}.icon-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mobile-brand{display:none}main{max-width:1430px;margin:auto;padding:44px 44px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:31px}.eyebrow{color:var(--accent);letter-spacing:1.5px;font-size:9px;font-weight:650}.page-heading .eyebrow{display:flex;align-items:center;gap:7px}.eyebrow>span:empty{width:5px;height:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(28px,2.8vw,42px);font-weight:750;letter-spacing:-1.8px;line-height:1.4;margin:8px 0 6px}h1 em{font-style:normal;color:var(--accent)}.page-heading p{font-size:13px}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:500;color:var(--muted);padding:8px 10px}.quiet-button:hover:not(:disabled){background:#b9a4ff0a;color:var(--accent)}.quiet-button svg{width:16px;height:16px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.mode-card{background:#171922;border:1px solid var(--line);display:flex;align-items:center;padding:20px;gap:15px;text-align:left;min-height:95px;border-radius:14px}.mode-card.active{border-color:#a18bd9;background:linear-gradient(110deg,#252136,#1c1d2a)}.mode-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffffff05;border:1px solid #ffffff08;color:var(--muted);font-family:Manrope,sans-serif;font-size:19px;font-weight:650}.mode-card.active .mode-symbol{background:#b9a4ff1c;color:var(--accent);border-color:#b9a4ff17}.mode-symbol svg{width:24px;height:24px}.mode-card strong{display:block;font-size:14px;font-weight:650;margin-bottom:7px}.mode-card small{font-size:10px;color:var(--muted)}.mode-select{margin-left:auto;border:1px solid #535165;border-radius:50%;width:16px;height:16px;min-width:16px}.active .mode-select{border:4px solid var(--accent);background:var(--accent-ink)}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 0;gap:12px}.panel-top h2{margin-top:8px}.round-badge{border:1px solid #373747;padding:6px 9px;border-radius:6px;color:var(--muted);font-size:10px;white-space:nowrap}.audio-stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 15px 28px;overflow:hidden}.wave-disc{height:95px;width:95px;display:grid;place-items:center;border:1px solid #b9a4ff35;border-radius:50%;background:radial-gradient(circle,#a48af126,#a48af108);box-shadow:0 0 60px #ab8afa10;z-index:1}.waveform{display:flex;align-items:center;gap:3px;height:43px}.waveform i{width:3px;background:var(--accent);border-radius:4px;height:16px}.waveform i:nth-child(2n){height:25px}.waveform i:nth-child(3n){height:34px}.waveform i:nth-child(6){height:44px}.stage-orbit{position:absolute;width:170px;height:170px;top:-4px;left:calc(50% - 85px);border:1px solid #b9a4ff08;border-radius:50%;pointer-events:none}.orbit-b{width:242px;height:242px;top:-40px;left:calc(50% - 121px)}.audio-language{font-size:8px;letter-spacing:1.4px;margin:17px 0 13px;color:#b7afc8}.audio-language span{margin:0 4px;color:var(--accent)}.audio-stage h3{font-size:17px;letter-spacing:-.4px}.audio-stage p{font-size:11px;margin-top:7px}.playback-controls{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:21px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:650;border-radius:9px}.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 14px #b9a4ff10}.primary:hover{background:#c9baff}.secondary{background:#b9a4ff0b;border:1px solid #b9a4ff3b;color:#d0beff}.secondary:hover:not(:disabled){background:#b9a4ff1b}.primary svg,.secondary svg{width:16px;height:16px}.repeat-button{height:44px;width:44px}.audio-notice{display:flex;align-items:center;gap:8px;padding:11px 15px;background:#ffffff03;border-top:1px solid #ffffff04;border-bottom:1px solid #ffffff04;color:var(--muted);font-size:10px;line-height:1.5}.audio-notice>span:first-child svg{width:14px;height:14px}.audio-notice>span:nth-child(2){flex:1}.audio-notice.warning{color:#f1c78f;background:#e5b95c08}.text-button{font-size:10px;color:var(--accent);min-height:32px;padding:4px;white-space:nowrap}.answer-section{padding:26px 28px}.answer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.answer-heading h3{font-size:13px}.answer-heading>span{font-size:10px;color:var(--muted)}.progress-track{margin:13px 0 16px;height:4px;background:#303040;border-radius:5px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;border-radius:5px;background:var(--accent);transition:width 280ms ease}.input-rule{font-size:10px;line-height:1.7;margin-bottom:17px}.answer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.answer-cell{position:relative;border-radius:10px;border:1px solid #36384a;background:#141620;min-width:0;overflow:hidden}.answer-cell .cell-number{position:absolute;left:9px;top:7px;color:#85869e;font-size:8px;pointer-events:none}.answer-cell input{width:100%;border:0;border-radius:0;background:transparent;text-align:center;font-family:'DM Sans',sans-serif;font-size:17px;font-weight:550;height:64px;padding:20px 5px 7px;outline:none;min-width:0;color:var(--text)}.answer-cell:focus-within{outline:2px solid var(--accent);outline-offset:2px}.answer-cell.current{border-color:#b9a4ff;background:#b9a4ff0b}.answer-cell.current .cell-number{color:#d3c3ff}.answer-cell.correct{border-color:#65b499;background:#86dabb0c}.answer-cell.incorrect{border-color:#c87383;background:#ff9baa0a}.answer-cell.correct input{color:var(--green)}.answer-cell.incorrect input{color:var(--red)}.answer-cell .mark{position:absolute;right:6px;top:5px;font-size:11px;line-height:13px}.answer-cell.correct .mark{color:var(--green)}.answer-cell.incorrect .mark{color:var(--red)}.block-label{grid-column:1/-1;color:var(--muted);font-size:10px;margin:8px 0 3px}.keyboard-hint{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;color:var(--faint);font-size:9px}.keyboard-hint span{display:flex;gap:6px;align-items:center}kbd{font:10px 'DM Sans',sans-serif;border:1px solid #46475a;border-bottom-width:2px;min-width:20px;text-align:center;border-radius:4px;padding:2px 4px;color:#c1becf}.answer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding-top:17px;border-top:1px solid var(--line)}.settings{padding:23px}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings-heading h2{font-size:17px}.settings-heading>span{color:var(--muted)}.settings-sub{font-size:10px;margin:7px 0 25px}.settings fieldset{border:0;padding:0;margin:0;min-width:0}.settings label{display:block;font-size:11px;color:#d0cddd;font-weight:500;margin:19px 0 9px}.settings #vv-settings label,.settings #number-settings>label:first-child{margin-top:0}.settings select,.settings input[type=number]{font-size:11px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.count-stepper{display:flex;align-items:center;justify-content:space-between;background:#12141e;border:1px solid #3c3e51;border-radius:9px;padding:0 3px}.count-stepper input{border:0;width:80px;appearance:textfield;-moz-appearance:textfield;text-align:center;font-size:15px!important;background:none}.count-stepper input::-webkit-inner-spin-button{appearance:none}.count-stepper button{width:42px;font-size:22px;color:var(--muted);min-height:40px}.count-stepper button:hover{color:var(--accent)}.section-divider{margin:23px 0 18px;padding-top:22px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.5px;color:var(--faint)}.field-note{font-size:10px;line-height:1.6;margin:8px 0 0;color:var(--muted)}output{float:right;color:var(--accent);font-size:11px}input[type=range]{accent-color:var(--accent);min-height:30px;padding:0;background:none;border:0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--faint)}.advanced{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.advanced summary{font-size:10px;color:var(--muted);min-height:30px;cursor:pointer}.advanced .field-note{font-size:9px}.settings-error{color:var(--red);font-size:11px;line-height:1.6;margin-top:16px}.settings-lock{color:var(--accent)}fieldset:disabled{opacity:.55}.tip-card{display:flex;gap:11px;padding:22px 8px 17px}.tip-card>span{color:var(--accent);align-self:flex-start}.tip-card strong{font-size:11px;font-weight:550}.tip-card p{font-size:10px;line-height:1.7;margin-top:7px}.audio-info{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:16px 8px;border-top:1px solid var(--line);border-radius:0;font-size:10px;color:#d4d0e0}.audio-info>span:first-child{color:var(--muted)}.audio-info small{display:block;color:var(--faint);font-size:8px;margin-top:7px}.audio-info>span:last-child{margin-left:auto}.audio-info>span:last-child svg{width:15px;height:15px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:23px 0 0;margin-top:34px;color:var(--faint);font-size:9px}.page-footer>span>span{padding:0 9px}.result{padding:25px 28px;border-top:1px solid var(--line);background:linear-gradient(140deg,#86dabb0a,transparent)}.result-summary{display:flex;align-items:center;gap:14px;margin-bottom:20px}.result-icon{border:1px solid #86dabb40;background:#86dabb11;color:var(--green);padding:11px;border-radius:50%}.result-summary h3{margin:7px 0;font-size:21px}.result-summary p{font-size:11px}.result-summary>strong{margin-left:auto;color:var(--green);font-size:29px;font-family:Manrope,sans-serif}.result .eyebrow{font-size:8px;color:var(--green)}.result details{margin-top:24px;font-size:11px}.result summary{min-height:44px;cursor:pointer;color:#d1cbdf}.result-row{display:grid;grid-template-columns:25px 50px 1fr 35px;gap:9px;padding:15px 0;border-top:1px solid var(--line);align-items:center}.result-row .expected{color:var(--green);font-size:15px;font-weight:600}.result-row.incorrect .expected{color:var(--red)}.result-row p{font-size:11px;color:var(--text)}.result-row small{color:var(--muted);font-size:10px}.result-row button{min-height:35px;width:35px}.result-row .result-number{color:var(--faint);font-size:10px}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);z-index:30;background:#2c283d;border:1px solid #b9a4ff55;color:#e1d8fb;border-radius:12px;box-shadow:0 10px 35px #0005;font-size:12px;line-height:1.6;max-width:calc(100% - 36px);padding:0}.toast:not(:empty){padding:12px 20px}dialog{color:var(--text);background:var(--panel);border:1px solid #514963;border-radius:20px;width:600px;max-width:calc(100vw - 30px);max-height:85dvh;padding:24px}dialog::backdrop{background:#090910cc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}dialog h2{font-size:25px;margin:10px 0 15px}dialog h3{margin:22px 0 9px}dialog p,dialog li{font-size:13px;line-height:1.8;color:#c1bbd2}dialog ul{padding-left:20px}dialog .reference-item{border-top:1px solid var(--line);padding:15px 0;display:grid;grid-template-columns:55px 1fr;gap:16px}dialog .reference-item strong{color:var(--accent);font-size:18px}dialog .reference-item p{color:var(--text)}dialog .reference-item small{color:var(--muted);line-height:1.8}dialog .reference-item button{font-size:10px;color:var(--accent);min-height:32px}dialog code{color:var(--accent)}.noscript{position:fixed;bottom:0;left:0;right:0;background:#562735;color:white;padding:20px;z-index:100}
@keyframes pop{0%{transform:scale(.95);box-shadow:0 0 0 #86dabb00}55%{transform:scale(1.045);box-shadow:0 0 17px #86dabb30}100%{transform:scale(1);box-shadow:0 0 0 #86dabb00}}@keyframes check-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}30%{transform:translateX(-2px)}70%{transform:translateX(2px)}}@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background 200ms,border-color 200ms,color 200ms}button:active:not(:disabled){transform:translateY(1px)}.answer-cell.correct{animation:pop 300ms ease}.correct .mark{animation:check-in 300ms ease}.answer-cell.incorrect{animation:shake 250ms ease}.audio-stage.speaking .waveform i{animation:wave 650ms ease-in-out infinite alternate}.audio-stage.speaking .waveform i:nth-child(2n){animation-delay:180ms}.audio-stage.speaking .waveform i:nth-child(3n){animation-delay:350ms}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1550px){.studio-layout{grid-template-columns:minmax(0,1fr) 330px}.audio-stage{padding:40px 15px 34px}.wave-disc{height:110px;width:110px}.answer-cell input{height:74px}.settings{padding:28px}.mode-card{padding:24px}}
@media(max-width:1250px){.sidebar{width:202px;padding:30px 15px 20px}.workspace{margin-left:202px}.brand{font-size:19px}.brand-sub{font-size:7px;letter-spacing:2px}.nav-item{font-size:11px;gap:9px;padding:0 9px}.topbar{padding:0 28px}main{padding:35px 28px 22px}.studio-layout{gap:18px;grid-template-columns:minmax(0,1fr) 270px}.settings{padding:21px}.panel-top,.answer-section{padding-left:22px;padding-right:22px}.panel-top h2{font-size:18px}.mode-card{padding:16px;gap:11px}.mode-card small{font-size:9px}.keyboard-hint{gap:9px}.toast{left:calc(50% + 90px)}}
@media(max-width:1050px){.sidebar{width:78px;padding:27px 13px}.brand{justify-content:center}.brand>span:last-child,.nav-label,.nav-item~.future,.sidebar-quote,.sandbox{display:none}.nav-item{font-size:0;justify-content:center;padding:0;margin-top:35px}.nav-dot{display:none}.nav-item svg{width:22px;height:22px}.workspace{margin-left:78px}.mode-card small{font-size:10px}.toast{left:calc(50% + 39px)}}
@media(max-width:800px){.studio-layout{grid-template-columns:1fr}.settings-column{display:contents}.settings{grid-row:1;padding:20px}.settings fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:end}.settings fieldset>div:first-of-type{grid-column:1}.settings fieldset>#count-label{grid-column:2;grid-row:1;align-self:start;margin-top:0}.settings fieldset>.count-stepper{grid-column:2;grid-row:1;align-self:end}.settings fieldset>.section-divider{grid-column:1/-1}.settings fieldset>label,.settings fieldset>select,.settings fieldset>input,.settings fieldset>.field-note,.settings fieldset>.range-labels,.settings fieldset>.advanced,.settings fieldset>#second-settings{grid-column:1/-1}.settings fieldset>label{margin-top:16px}.settings fieldset>#vv-settings label{margin-top:0}.settings-sub{margin-bottom:18px}.settings fieldset>#number-settings{grid-column:1}.settings .section-divider{margin:18px 0 0;padding-top:17px}.settings fieldset:disabled{display:none}.settings-lock{margin-top:12px}.settings:has(fieldset:disabled) .settings-sub{display:none}.settings:has(fieldset:disabled){padding:17px 22px}.settings:has(fieldset:disabled) .settings-heading h2{font-size:14px}.tip-card{display:none}.audio-info{grid-row:4;max-width:400px;margin:auto}.trainer{grid-row:2}.page-heading{align-items:flex-start}h1{font-size:33px}.page-heading .quiet-button{font-size:0;min-width:45px;border:1px solid var(--line);padding:10px}.page-heading .quiet-button>span:last-child{display:none}.mode-card small{font-size:9px}.page-footer{margin-top:20px}}
@media(max-width:560px){.sidebar{display:none}.workspace{margin:0}.topbar{height:65px;padding:0 20px}.topbar>div{gap:12px;font-size:10px}.mobile-brand{display:grid;place-items:center;width:28px;height:30px;border-radius:8px;color:var(--accent-ink);background:var(--accent);font-size:22px;font-weight:700}.test-badge{font-size:8px;letter-spacing:.8px;padding:5px}.topbar .icon-button{border:0;min-width:32px;width:32px}main{padding:28px 18px 24px}.page-heading{margin-bottom:23px;gap:8px}.page-heading .eyebrow{font-size:8px}h1{font-size:30px;letter-spacing:-1.35px;line-height:1.25;max-width:260px;margin:12px 0}.page-heading p{font-size:11px;max-width:250px}.page-heading .quiet-button{margin-top:29px}.mode-switch{gap:9px;margin-bottom:17px}.mode-card{min-height:117px;display:grid;grid-template-columns:1fr 18px;gap:11px;padding:14px;border-radius:12px}.mode-symbol{width:34px;height:34px;border-radius:9px;font-size:16px}.mode-symbol svg{width:21px;height:21px}.mode-card>span:nth-child(2){grid-column:1/-1;grid-row:2}.mode-card strong{font-size:11px;margin-bottom:4px}.mode-card small{font-size:8px;line-height:1.6;display:block}.mode-select{grid-column:2;grid-row:1}.studio-layout{gap:14px}.settings{border-radius:15px;padding:18px}.settings-heading h2{font-size:16px}.settings-sub{font-size:9px}.settings fieldset{column-gap:12px}.settings label{font-size:10px}.settings select{font-size:10px;min-height:45px;padding-left:10px}.panel{border-radius:16px}.panel-top{padding:22px 20px 0}.panel-top h2{font-size:17px;letter-spacing:-.7px}.round-badge{font-size:9px}.audio-stage{padding-top:29px;padding-bottom:23px}.audio-stage h3{font-size:15px}.audio-stage p{font-size:10px;padding:0 7px}.audio-stage .primary{font-size:11px}.audio-notice{padding:10px 13px;font-size:9px;gap:6px}.audio-notice .text-button{font-size:9px}.answer-section{padding:23px 18px}.answer-heading h3{font-size:12px}.answer-heading>span{font-size:9px}.answer-grid{gap:7px}.answer-cell{border-radius:8px}.answer-cell input{height:60px;font-size:16px;padding:21px 3px 7px}.answer-cell .cell-number{font-size:8px;left:7px}.input-rule{font-size:9px}.keyboard-hint{font-size:8px;gap:10px}.answer-actions .secondary{font-size:11px;padding:10px 14px}.answer-actions .quiet-button{font-size:10px;padding-left:0}.page-footer{font-size:8px;flex-direction:column;gap:9px;padding-top:20px}.toast{left:50%;font-size:11px;width:max-content;bottom:16px}.result{padding:22px 18px}.result-summary{gap:9px;flex-wrap:wrap}.result-summary>strong{font-size:25px}.result-summary .eyebrow{font-size:7px}.result-icon{padding:8px}.result-summary h3{font-size:19px}.result-summary p{font-size:10px}.result-row{grid-template-columns:19px 38px 1fr 32px;gap:7px}.result-row p{font-size:10px}dialog{padding:19px}dialog h2{font-size:21px}.audio-info{padding:12px 15px}.audio-info small{font-size:9px}.audio-info>span{font-size:11px}}
.settings-toggle{display:none}.settings-heading>span{margin-left:auto}.settings-heading .settings-toggle{margin-left:8px}
@media(max-width:800px){.settings-toggle{display:block}.settings:not(.expanded) fieldset>:not(#vv-settings):not(#number-settings):not(#count-label):not(.count-stepper):not(#second-settings){display:none}.settings:has(fieldset:disabled) .settings-toggle{display:none}.settings:not(.expanded) #second-settings{margin-top:5px}}
@media(max-width:359px){main{padding-left:12px;padding-right:12px}.mode-card{padding:11px}.mode-card strong{font-size:10px}.answer-section{padding-left:13px;padding-right:13px}.answer-cell input{font-size:14px}.panel-top{padding-left:15px;padding-right:15px}.panel-top h2{font-size:15px}}