:root{color-scheme:dark;--bg:#10171b;--panel:#182126;--panel-light:#1d282e;--border:#29353b;--muted:#8b9ca5;--text:#f1f2ec;--cyan:#91dbe7;--cyan-deep:#213e47;--green:#a5d8aa;--red:#f0a296;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.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}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:focus:not(:focus-visible){outline:none}a{color:var(--cyan);text-decoration:none}svg{width:23px;height:23px}.shell{max-width:1280px;padding:0 48px;margin:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;color:var(--text);font-size:19px;letter-spacing:-.5px;line-height:1.3}.brand-symbol{background:var(--cyan);color:var(--bg);width:43px;height:47px;border-radius:11px;display:grid;place-items:center;font:34px Georgia,serif}.brand strong{font-weight:400;color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:2.4px;margin-top:5px}.header-right{display:flex;align-items:center;gap:24px}.saved-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.saved-label i,.practice-badge i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%}.icon-button{display:grid;place-items:center;border:1px solid var(--border);background:transparent;width:40px;height:40px;border-radius:12px;color:#b7c9d1;font-size:26px}.icon-button:hover{background:var(--panel-light);color:var(--text)}.workspace{display:grid;grid-template-columns:238px minmax(0,1fr);gap:52px;padding-top:39px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.cyan{color:var(--cyan)}.route-label{display:flex;justify-content:space-between;margin:0 12px 19px}.route-label span{color:#53656e;letter-spacing:1px}.levels{display:flex;flex-direction:column;gap:10px}.level-button{position:relative;display:flex;align-items:center;gap:13px;background:transparent;border:1px solid transparent;text-align:left;padding:17px 12px;border-radius:15px;width:100%;min-height:93px;transition:background .15s,border .15s}.level-button:hover{background:var(--panel)}.level-button.active{background:#1c3037;border-color:#35545f}.level-glyph{font:28px Georgia,serif;min-width:32px;text-align:center;color:#8498a1}.active .level-glyph{color:var(--cyan)}.word-glyph{font-size:21px;line-height:.95;letter-spacing:-1px}.level-copy{display:flex;flex-direction:column;gap:3px}.level-copy small{font-size:9px;color:var(--muted);letter-spacing:1.4px}.level-copy strong{font-size:13px;font-weight:500;letter-spacing:-.2px;white-space:nowrap}.level-copy>span{font-size:10px;color:var(--muted)}.level-indicator{margin-left:auto;color:#5c727b}.active .level-indicator{color:var(--cyan)}.side-progress{padding:29px 12px 24px;border-bottom:1px solid var(--border);margin-bottom:15px}.side-progress .eyebrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.side-progress .eyebrow span{color:var(--cyan)}.coverage-track{height:3px;border-radius:4px;background:#29383f;margin-top:14px;overflow:hidden}.coverage-track>span{display:block;height:100%;background:var(--cyan);width:0;transition:width .3s}.side-progress p{font-size:10px;color:#8b9ca5;margin:10px 0 0}.side-link{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:none;border:0;text-align:left;font-size:12px;color:#bac8ce;border-radius:10px}.side-link:hover,.side-link.active{background:var(--panel);color:var(--cyan)}.side-link>span:first-child{font-size:19px;color:var(--muted);line-height:1}.side-link b{margin-left:auto;background:#26343b;color:var(--muted);border-radius:6px;padding:1px 6px;font-size:10px;font-weight:500}.link-arrow{margin-left:auto}.sidebar-bottom{padding:53px 12px 25px}.sidebar-bottom>span:first-child{font:italic 20px Georgia,serif;color:#9eacb1}.sidebar-bottom p{color:#71858e;font-size:11px;margin:7px 0}.little-line{display:block;width:25px;height:1px;background:#41535d;margin:23px 0 13px}main{min-width:0;max-width:790px}.practice-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.practice-heading h1{font-size:28px;font-weight:450;letter-spacing:-1px;margin:6px 0 6px}.practice-heading p{font-size:12px;color:var(--muted);margin:0}.practice-badge{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.15px;border:1px solid var(--border);border-radius:30px;padding:7px 10px;color:var(--muted);white-space:nowrap;margin-left:10px}.practice-controls{display:flex;justify-content:space-between;gap:16px;align-items:center}.segmented{display:flex;background:#192328;border:1px solid var(--border);padding:4px;border-radius:11px;gap:2px}.segmented button{border:0;background:transparent;font-size:11px;padding:7px 13px;border-radius:7px;color:var(--muted);white-space:nowrap;transition:background .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:#304953;color:#bcecf3;box-shadow:0 1px 3px #0003}.segmented button span{opacity:.7;margin:0 3px}.time-control{display:flex;align-items:center;gap:10px}.control-label{font-size:8px;letter-spacing:1px;color:var(--muted);white-space:nowrap}.timer-group button{padding:7px 9px;min-width:32px}.timer-group button:first-child{font-size:17px;line-height:16px}.filter-row{display:flex;align-items:center;gap:8px;height:49px;font-size:10px;color:var(--muted)}select{background:#182328;color:#d3dde1;border:1px solid var(--border);border-radius:7px;padding:6px 27px 6px 10px;font-size:11px;max-width:240px}#pool-filter{background-color:transparent;border-color:transparent;font-size:10px;padding-left:3px;max-width:215px;color:#b9cbd3}#pool-count{color:#607680;font-size:9px;white-space:nowrap}.text-button{background:none;border:0;color:var(--cyan);font-size:10px;padding:5px 0;margin-left:auto}.question-card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid #304048;background:radial-gradient(ellipse at 60% 15%,#23343d55,transparent 70%),var(--panel);height:270px;padding:20px 25px 16px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0001}.question-top,.question-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.question-top .eyebrow{font-size:9px;letter-spacing:1.5px}.timer-display{display:flex;align-items:center;gap:8px;padding:0;background:none;border:0;color:#90a7b0;min-height:20px}.timer-display>span:first-child{font-size:18px;color:var(--cyan);line-height:1;min-width:20px}.timer-display>span:nth-child(2){font-size:8px;letter-spacing:1.5px}.pause-icon{font-size:12px;border-left:1px solid #3b4d56;padding-left:11px;margin-left:5px}.prompt-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:0}.prompt-wrap>p{margin:0;color:#a3b5bd;font-size:11px}.question-prompt{font:108px/.95 Georgia,"Times New Roman",serif;letter-spacing:1px;margin:12px 0 14px;color:#f3f2e8;text-shadow:0 2px 20px #ffffff07;overflow-wrap:anywhere;max-width:100%}.question-prompt.word{font-size:76px}.question-prompt.long{font-size:59px;letter-spacing:0}.question-prompt.latin{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;font-size:70px;letter-spacing:-2px}.question-prompt.latin.long{font-size:48px;letter-spacing:-1px}.prompt-wrap>.prompt-hint{font-size:10px;color:#708892}.question-bottom{font-size:8px;letter-spacing:1.2px;color:#627c89;margin-top:12px}.timer-track{position:absolute;height:3px;bottom:0;left:0;right:0;background:#263b45}.timer-track>span{display:block;height:100%;width:100%;background:var(--cyan);transition:background .1s;transform-origin:left}#timer-fill.urgent{background:var(--red)}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.answer-button{position:relative;min-height:79px;border:1px solid #2d3c44;border-radius:13px;background:#1c282e;color:#e4e9e9;display:flex;align-items:center;justify-content:center;font-size:23px;letter-spacing:.2px;transition:background .12s,border-color .12s}.answer-button:hover:not(:disabled){background:#263a43;border-color:#5f929f}.answer-number{position:absolute;top:12px;left:14px;font-size:9px;color:#718690}.answer-value{padding:12px 36px;overflow-wrap:anywhere;max-width:100%;line-height:1.2}.answer-button.cyrillic .answer-value{font:29px/1.1 Georgia,serif}.answer-button.correct{background:#20392e;border-color:#749e7f;color:#c2e5c9}.answer-button.incorrect{background:#3d2a29;border-color:#b7786f;color:#f0b5a9}.answer-button.dimmed{opacity:.43}.answer-mark{position:absolute;right:14px;font-size:16px}.feedback{margin-top:15px;min-height:42px}.ready-message{font-size:11px;color:#829aa6;display:flex;gap:9px;align-items:center;padding:0 2px}.ready-message>span:first-child{font-size:17px;color:#57727e}.keyboard-help{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:9px;color:#5f7a86}kbd{font:9px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:inline-grid;place-items:center;min-width:18px;height:20px;border:1px solid #344952;border-radius:4px;color:#9bb4be;background:#19262b}.feedback-result{border:1px solid #365144;background:#172922;border-radius:13px;padding:16px 18px;display:flex;gap:16px;align-items:center;animation:rise .18s ease-out}.feedback-result.wrong{border-color:#63473d;background:#2c2421}.feedback-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid #5b8966;color:var(--green);border-radius:50%}.wrong .feedback-icon{color:var(--red);border-color:#956458}.feedback-content{flex:1;min-width:0}.feedback-content strong{font-size:12px;font-weight:500;color:var(--green)}.wrong .feedback-content strong{color:var(--red)}.feedback-reading{font-size:15px;overflow-wrap:anywhere;margin-top:4px}.feedback-reading .ru-reading{font-family:Georgia,serif;font-size:21px}.reading-stress{color:var(--cyan)}.word-meaning{color:#bfcdc8;font-size:11px;margin:4px 0 0}.feedback-note{color:#92a7a0;font-size:10px;line-height:1.6;margin:7px 0 0}.wrong .feedback-note{color:#b3a19a}.next-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;align-self:stretch;min-width:91px;background:#a3dce4;border:0;border-radius:9px;color:#15262c;padding:9px 14px;font-size:11px;font-weight:600}.next-button:hover{background:#c1eff4}.next-button small{font-size:8px;opacity:.7;font-weight:400}.session-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);margin-top:9px;padding:23px 0 21px}.session-stats>div{display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid var(--border)}.session-stats>div:first-child{align-items:flex-start}.session-stats>div:last-child{border:0;align-items:flex-end}.session-stats>div>span{font-size:21px;font-weight:400;line-height:1.2;color:#d1dee1;font-variant-numeric:tabular-nums}.session-stats small{font-size:8px;letter-spacing:1.6px;color:#6c8692}.streak-number{display:flex;gap:7px;align-items:center}.streak-number svg{height:17px;width:14px;color:#dbb987}.practice-footer{display:flex;justify-content:space-between;border-top:1px solid #26363e;padding:13px 0 24px;font-size:9px;color:#617b87}.practice-footer>span:last-child{font-style:italic}.pause-overlay{position:absolute;inset:0;background:#18262af5;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(8px);text-align:center}.pause-big{font:27px Georgia;color:var(--cyan)}.pause-overlay h2{font:25px Georgia,serif;margin:8px 0 0}.pause-overlay p{font-size:12px;color:var(--muted);margin:5px 0 15px}.primary-button{background:var(--cyan);border:0;border-radius:9px;color:#17282f;font-weight:600;padding:11px 17px;font-size:12px}.primary-button:hover{background:#b4eaf3}.primary-button span{margin-left:20px}.empty-state{padding:25px;text-align:center;color:var(--muted);grid-column:1/-1}.empty-state h2{color:var(--cyan);font:25px Georgia,serif}.empty-state p{font-size:12px}dialog{border:1px solid #3a505a;border-radius:20px;background:#142026;color:var(--text);width:min(640px,calc(100vw - 30px));max-height:86dvh;padding:0;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#071015b8;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:25px 27px 20px;border-bottom:1px solid var(--border)}.dialog-header h2{font-size:24px;font-weight:450;letter-spacing:-.6px;margin:4px 0 0}.dialog-header .eyebrow{font-size:8px}.dialog-body{padding:22px 27px}.dialog-body h3{font:24px Georgia,serif;margin:0 0 10px}.dialog-body p{color:#a4b8c1;font-size:12px;line-height:1.8}.dialog-footer{border-top:1px solid var(--border);padding:17px 27px;display:flex;justify-content:flex-end}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:20px}.setting-row>span{display:flex;flex-direction:column;gap:4px}.setting-row strong,.setting-info strong{font-size:12px;font-weight:500}.setting-row small{color:var(--muted);font-size:10px}.setting-info{border-top:1px solid var(--border);padding-top:17px;margin-top:5px}.setting-info p{margin:6px 0 19px;font-size:11px}.reset-section{border-top:1px solid var(--border);padding:15px 0 0;font-size:11px;color:#b6a79b}.reset-section summary{cursor:pointer}.danger-button{background:#3b2826;border:1px solid #82554f;border-radius:7px;padding:9px 12px;font-size:11px;color:var(--red)}.guide-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding:10px 23px}.guide-tabs button{flex:1;border:0;border-radius:7px;background:none;color:var(--muted);padding:8px 5px;font-size:11px}.guide-tabs button[aria-selected=true]{background:#2b414c;color:var(--cyan)}.guide-convention{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.guide-convention strong{font:19px Georgia,serif;color:var(--cyan)}.guide-convention span{font-size:11px;color:#a4b8c1}.coverage-note{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:10px}.coverage-note h4{font-size:12px;margin:0 0 7px;font-weight:500}.coverage-note p{font-size:11px;margin:0}.guide-sources{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:10px}.reference-search{width:100%;background:#1b2d36;border:1px solid #39515c;border-radius:8px;padding:10px 12px;color:var(--text);font-size:12px;margin-bottom:12px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reference-item{background:#1b2b33;border:1px solid #2e434c;border-radius:10px;padding:12px 8px;text-align:center}.reference-item .ru{font:24px Georgia,serif;color:var(--text);overflow-wrap:anywhere}.reference-item .lat{font-size:10px;color:var(--cyan);overflow-wrap:anywhere;margin-top:5px}.reference-item .note{font-size:9px;color:var(--muted);margin-top:5px}.reference-item.explored{border-color:#507775}.reference-summary{font-size:10px;color:var(--muted);margin:0 0 14px}.reference-list{width:100%;border-collapse:collapse}.reference-list th{text-align:left;font-size:9px;color:#79939e;letter-spacing:1px;font-weight:500;padding:0 8px 10px}.reference-list td{border-top:1px solid var(--border);padding:10px 8px;font-size:11px;color:#b3c6cf;overflow-wrap:anywhere}.reference-list td:first-child{font:21px Georgia,serif;color:var(--text)}.reference-list td:nth-child(2){color:var(--cyan)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid #4e747e;background:#243e48;color:#c8e5ec;border-radius:10px;padding:13px 20px;box-shadow:0 5px 40px #0006;font-size:12px;z-index:50;width:max-content;max-width:90vw}[hidden]{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1450px){.shell{padding-top:15px}.workspace{padding-top:50px}.practice-heading{margin-bottom:30px}.question-card{height:295px}.answer-button{min-height:88px}}@media(max-width:1100px){.shell{padding:0 28px}.workspace{grid-template-columns:213px minmax(0,1fr);gap:30px}.practice-badge{display:none}.level-copy strong{font-size:12px}.practice-controls{gap:10px}.segmented button{padding:7px 10px}.timer-group button{padding:7px 8px}.control-label{display:none}.question-prompt.word{font-size:67px}.question-prompt.word.long{font-size:53px}.feedback-result{gap:10px;padding:14px}.feedback-icon{display:none}}@media(max-width:780px){.shell{padding:0 22px;max-width:660px}.site-header{height:83px}.brand{font-size:17px}.brand-symbol{height:40px;width:37px;font-size:29px}.brand small{font-size:8px;letter-spacing:1.8px}.saved-label{display:none}.workspace{display:flex;flex-direction:column;gap:24px;padding-top:22px}.sidebar{width:100%}.route-label,.side-progress,.sidebar-bottom,.sidebar>.side-link{display:none}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.level-button{min-height:78px;padding:10px 11px;gap:8px;justify-content:center}.level-copy small{font-size:8px;letter-spacing:1px}.level-copy strong{font-size:11px}.level-copy>span,.level-indicator{display:none}.level-glyph{min-width:23px;font-size:25px}.word-glyph{font-size:17px}.level-button[data-level="3"] .level-copy strong{font-size:10px;white-space:normal;line-height:1.2}.practice-heading{margin-bottom:20px}.practice-heading h1{font-size:25px;margin-top:4px}.practice-heading .eyebrow{font-size:9px}.practice-heading p{font-size:11px}.question-card{height:260px}.question-prompt{font-size:98px}.question-prompt.word{font-size:65px}.question-prompt.word.long{font-size:49px}.practice-controls{justify-content:space-between}.practice-footer{padding-bottom:20px}.mobile-links{display:flex}.header-right{gap:8px}.question-bottom{font-size:7px;letter-spacing:1px}.keyboard-help{display:none}.feedback{min-height:37px}.session-stats{padding-top:18px;margin-top:3px}.filter-row{height:44px}.practice-footer{font-size:8px}.practice-footer>span:last-child{display:none}.feedback-result{gap:10px}.feedback-content{max-width:100%}.feedback-note{font-size:10px}.next-button{min-width:75px;padding:9px 11px}.session-stats small{font-size:7px;letter-spacing:1px}.session-stats>div>span{font-size:19px}.header-guide{display:grid}.reference-grid{grid-template-columns:repeat(3,1fr)}.guide-convention{grid-template-columns:70px 1fr}.dialog-header{padding:20px}.dialog-body{padding:20px}.guide-tabs{padding:10px 16px}.setting-row{align-items:flex-start;flex-direction:column;gap:13px}}
@media(max-width:390px){.shell{padding:0 14px}.brand{font-size:15px}.brand small{font-size:7px}.level-button{gap:5px;padding:9px 7px}.level-glyph{font-size:22px;min-width:20px}.word-glyph{font-size:15px}.level-copy strong{font-size:10px}.segmented button{padding:7px 8px;font-size:10px}.timer-group button{min-width:28px;padding:7px 6px}.question-card{padding:17px 18px;height:240px}.question-prompt.word{font-size:58px}.question-prompt.word.long{font-size:43px}.question-prompt.latin{font-size:60px}.question-prompt.latin.long{font-size:39px}.answer-button{min-height:72px;font-size:21px}.answer-value{padding-left:30px;padding-right:25px}.practice-heading h1{font-size:23px}.reference-list td{font-size:10px;padding:9px 4px}.reference-list td:first-child{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Version 2: five levels, session modes and pronunciation feedback. */
.levels{gap:6px}.level-button{min-height:78px;padding:12px 10px;gap:11px}.level-glyph{font-size:25px;min-width:31px}.level-button[data-level="3"] .level-glyph{font-size:18px}.level-button[data-level="4"] .level-copy strong{font-size:12px}.word-glyph{font-size:20px}.sidebar-bottom{padding-top:25px}.sidebar-bottom .little-line,.sidebar-bottom>p:last-child{display:none}.side-progress{padding-top:22px;padding-bottom:18px}.session-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.mode-group{background:transparent;border-color:#35505c}.mode-group button{padding:7px 13px;font-size:11px}.mode-group button[aria-pressed=true]{background:var(--cyan);color:#162a32}.restart-button{background:transparent;border:0;color:#a5bdc8;font-size:17px;display:flex;align-items:center;gap:7px;padding:7px}.restart-button span{font-size:10px}.restart-button:hover{color:var(--cyan)}.run-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#839eaa;font-size:9px;margin:0 1px 12px;min-height:14px}.run-row>span:last-child{color:var(--cyan);white-space:nowrap;font-variant-numeric:tabular-nums}.run-track{height:3px;background:#2b3f49;margin:-4px 0 13px;border-radius:3px;overflow:hidden}.run-track>span{display:block;height:100%;background:var(--cyan);width:0;transition:width .2s}.practice-heading{margin-bottom:22px}.practice-badge{font-size:8px}.countdown-overlay{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at center,#28455080,transparent),#18282f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.countdown-overlay .eyebrow{font-size:10px;letter-spacing:2px}.countdown-overlay>div{font:84px/1.15 Georgia,serif;color:#e9f0ea;font-variant-numeric:tabular-nums;margin:9px 0 0}.countdown-overlay>p{color:#95afba;font-size:11px;margin:6px 0 12px}.countdown-overlay button{padding:8px 13px}.starting-options{grid-column:1/-1;min-height:169px;display:grid;place-items:center;text-align:center;border:1px dashed #304a56;border-radius:13px;color:#71909f;font-size:11px}.question-prompt.geo{font-size:66px;line-height:1.04;letter-spacing:0;margin:10px 0 14px}.question-prompt.geo.long{font-size:43px}.question-prompt.geo.extra-long{font-size:34px;max-width:95%}.question-prompt.geo.latin{font:500 43px/1.15 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1px}.question-prompt.geo.latin.long{font-size:33px}.question-prompt.geo.latin.extra-long{font-size:27px}.answer-button.long-answer{font-size:17px}.answer-button.long-answer.cyrillic .answer-value{font-size:22px;line-height:1.25}.answer-button.extra-long-answer{font-size:14px;min-height:88px}.answer-button.extra-long-answer.cyrillic .answer-value{font-size:18px}.feedback-result{align-items:flex-start}.feedback-content{flex:1;min-width:0}.feedback-content>.feedback-reading{margin-top:6px}.pronunciation-block{display:flex;flex-wrap:wrap;gap:6px 11px;align-items:baseline;margin-top:10px}.pronunciation-label{font-size:8px;letter-spacing:1px;color:#89aaa6;white-space:nowrap}.pronunciation-value{font-size:19px;font-weight:500;color:#dbece7;overflow-wrap:anywhere;line-height:1.5}.pronunciation-note{font-size:9px;color:#839b95;margin-top:1px}.wrong .pronunciation-label{color:#b29c8d}.wrong .pronunciation-note{color:#ad968b}.word-example{border-top:1px solid #355047;margin-top:12px;padding-top:10px}.wrong .word-example{border-color:#543c34}.example-label{display:block;font-size:8px;letter-spacing:1.2px;color:#96aaa3;margin-bottom:4px}.example-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;font-size:12px;color:#c2d3cf}.example-russian{font:21px Georgia,serif;color:#e4ebe5}.example-russian mark{background:transparent;color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.example-latin{font-size:11px;color:#a9c6bf}.example-meaning{color:#92a8a0;font-size:10px}.example-pt{font-size:15px;color:#d5e9e2;margin-top:3px;overflow-wrap:anywhere}.feedback-note{margin-top:8px}.next-button{align-self:flex-start;min-height:68px}.complete-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:15px}.complete-card h2{margin:0;color:var(--cyan);font:27px Georgia,serif}.complete-card p{max-width:440px;margin:0;font-size:12px;color:#a1bac5}.complete-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:8px}.secondary-button{padding:10px 14px;border:1px solid #4d6a78;border-radius:9px;background:transparent;color:var(--cyan);font-size:12px}.run-summary{color:var(--cyan);font-size:14px;margin-top:6px}.reference-list .pt-cell{font-size:10px;color:#c4d8ce}.reference-item .pt{font-size:10px;color:#b9d3c9;margin-top:6px;overflow-wrap:anywhere}.reference-item .note{font-size:9px}.guide-tabs{gap:1px;padding-left:13px;padding-right:13px}.guide-tabs button{font-size:10px;padding:8px 4px}.pt-guide{border:1px solid #355446;background:#1b3028;padding:15px;border-radius:11px;margin:17px 0}.pt-guide h4{font-size:12px;font-weight:500;margin:0 0 5px;color:#b6dcca}.pt-guide p{font-size:11px;margin:0;line-height:1.8}.mode-guide{margin:16px 0;padding-top:8px;border-top:1px solid var(--border)}.mode-guide strong{font-weight:500;color:var(--cyan)}.source-version{font-size:9px;color:#76939e}
@media(max-width:1100px){.question-prompt.geo{font-size:58px}.question-prompt.geo.long{font-size:37px}.question-prompt.geo.extra-long{font-size:31px}.mode-group button{padding-left:11px;padding-right:11px}.level-copy strong{font-size:12px}.level-button[data-level="4"] .level-copy strong{font-size:11px}.session-stats{margin-top:12px}.guide-tabs{padding-left:10px;padding-right:10px}}
@media(max-width:780px){.workspace{gap:23px;padding-top:18px}.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.level-button{min-height:65px;padding:9px 8px;gap:7px}.level-button .level-copy strong,.level-button[data-level="4"] .level-copy strong{white-space:normal;font-size:10px;line-height:1.2}.level-button .level-copy small{font-size:7px}.level-button .level-glyph{min-width:22px;font-size:22px}.level-button[data-level="3"] .level-glyph{font-size:16px}.level-button .word-glyph{font-size:16px}.level-button[data-level="5"]{grid-column:span 2}.geo-glyph{font-family:Inter,sans-serif}.practice-heading{margin-bottom:18px}.practice-heading h1{font-size:24px}.practice-heading p{line-height:1.6;font-size:11px}.session-bar{margin-bottom:12px}.mode-group button{font-size:10px;padding:7px 10px}.restart-button{gap:5px;padding:5px 0}.restart-button span{font-size:9px}.practice-controls{gap:9px}.direction-group button{padding-left:9px;padding-right:9px}.timer-group button{min-width:29px;padding-left:6px;padding-right:6px}.filter-row{height:42px}.run-row{font-size:8px;gap:10px;align-items:flex-start;margin-bottom:10px}.run-row>span:first-child{max-width:75%}.question-prompt.geo{font-size:54px}.question-prompt.geo.long{font-size:35px}.question-prompt.geo.extra-long{font-size:28px}.question-prompt.geo.latin{font-size:37px}.question-prompt.geo.latin.long{font-size:29px}.question-prompt.geo.latin.extra-long{font-size:23px}.feedback-result{padding:13px;gap:9px}.next-button{min-width:64px;padding:9px;min-height:58px;font-size:10px}.next-button small{font-size:7px}.pronunciation-value{font-size:17px}.pronunciation-label{font-size:7px}.example-russian{font-size:19px}.example-pt{font-size:14px}.feedback-note{font-size:9px}.answer-button.long-answer{font-size:16px}.answer-button.long-answer.cyrillic .answer-value{font-size:22px}.answer-button.extra-long-answer{font-size:13px}.answer-button.extra-long-answer.cyrillic .answer-value{font-size:17px}.answer-value{padding-left:28px;padding-right:24px}.reference-list td{padding:9px 5px}.reference-list th{padding:0 5px 10px}.reference-list td:first-child{font-size:18px}.reference-list .pt-cell{font-size:9px}.guide-tabs{flex-wrap:wrap}.guide-tabs button{flex:0 0 calc(33.33% - 2px)}.reference-list.geo-reference td:first-child{font-size:15px}.reference-list.geo-reference td:nth-child(2){font-size:9px}}
@media(max-width:390px){.direction-group button{padding-left:6px;padding-right:6px;font-size:9px}.direction-group button span{margin:0 1px}.timer-group button{min-width:27px;font-size:10px;padding-left:5px;padding-right:5px}.practice-controls{gap:5px}.mode-group button{font-size:9px;padding:7px 9px}.level-copy strong{font-size:9px!important}.level-button{padding-left:7px;padding-right:7px;gap:6px}.question-prompt.geo.extra-long{font-size:25px}.question-prompt.geo.latin.extra-long{font-size:21px}.feedback-result{flex-direction:column;gap:10px}.next-button{align-self:stretch;flex-direction:row;gap:10px;min-height:40px}.next-button small{margin-left:auto}.pronunciation-value{font-size:17px}.example-line{gap:5px}.reference-list th{font-size:8px}.reference-list td:first-child{font-size:16px}.reference-list td:nth-child(2){font-size:9px}.reference-list td:nth-child(3){font-size:10px}}

/* V3: three session modes and the same syllable shown in its word context. */
.session-bar{flex-wrap:wrap;gap:10px}
.mode-group{min-width:0}
.syllable-dot{font:12px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#73978c}
.syllable-context{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 9px;margin-top:8px;color:#d5e9e2;font-size:16px}
.syllable-context strong{font-weight:500;font-size:19px}
.stress-tag{color:#9db8ad;font-size:10px;border:1px solid #3c5b4b;border-radius:5px;padding:0 5px}
.context-note{color:#a9c8bb;font-size:11px;line-height:1.65;margin:7px 0 0;max-width:61ch}
.wrong .context-note{color:#c8afa0}
.reference-item .word-example{text-align:left;margin-top:11px;padding-top:9px;border-color:#304850}
.reference-item .example-label{font-size:7px;line-height:1.6}
.reference-item .example-line{gap:3px 5px}
.reference-item .example-russian{font-size:19px;overflow-wrap:anywhere}
.reference-item .example-latin{font-size:10px}
.reference-item .example-pt{font-size:12px}
.reference-item .pronunciation-label{white-space:normal;font-size:7px}
.reference-item .context-note{font-size:10px;margin-top:5px}
.reference-item .syllable-context{font-size:12px;gap:3px 6px}
.reference-item .syllable-context strong{font-size:15px}
.reference-item .stress-tag{font-size:8px}
.reference-item .pt small{color:#839f99;font-size:8px}
@media(max-width:780px){
  .mode-group{flex:1;min-width:250px}
  .mode-group button{flex:1;padding-left:7px;padding-right:7px}
  .restart-button{margin-left:auto}
  .pronunciation-note{font-size:10px;line-height:1.6}
  .context-note{font-size:11px}
}
@media(max-width:600px){
  .feedback-result{flex-direction:column;gap:10px}
  .next-button{align-self:stretch;flex-direction:row;gap:10px;min-height:43px}
  .next-button small{margin-left:auto}
}
@media(max-width:360px){
  .practice-controls{flex-wrap:wrap;gap:9px}
  .time-control{margin-left:auto}
}
.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.reference-grid{grid-template-columns:minmax(0,1fr)}}

/* V4: explicit start, bilingual controls and progress for each level. */
.language-control select{color:#cfdee2;background:#18262c;border:1px solid #31444c;border-radius:8px;padding:7px 23px 7px 10px;font-size:11px;max-width:116px}
.header-right{gap:15px}.route-label>span:first-child{color:inherit}
.setup-panel{position:relative;overflow:hidden;min-height:365px;border:1px solid #354c54;border-radius:var(--radius);padding:35px 34px;background:radial-gradient(ellipse at 95% 10%,#26434b80,transparent 65%),var(--panel)}
.setup-symbol{position:absolute;right:32px;top:15px;font:144px Georgia,serif;color:#8ed6de12;pointer-events:none;line-height:1}
.setup-symbol span{font:50px Georgia,serif;margin-left:8px}
.setup-panel h2{position:relative;font:38px/1.2 Georgia,serif;letter-spacing:-.8px;margin:23px 0 10px;color:var(--text)}
.setup-intro{position:relative;color:#9eb2bb;font-size:13px;line-height:1.8;margin:0;max-width:48ch}
.setup-summary{display:flex;flex-wrap:wrap;gap:8px 10px;margin:23px 0;color:#c7dce0;font-size:11px}
.setup-summary>span{border:1px solid #354b53;border-radius:6px;padding:5px 9px;background:#10242a66}
.setup-summary>span:last-child{flex-basis:100%;border:0;background:none;padding:2px 0;color:#8ca9b2;font-size:11px}
.start-button{display:flex;align-items:center;justify-content:space-between;gap:44px;min-width:190px;padding:13px 19px;font-size:13px;box-shadow:0 4px 20px #91dbe70a}
.start-button:disabled{opacity:.4}.setup-note{color:#79949f;font-size:10px;margin:12px 0 0;line-height:1.7}
.session-stats .best-streak{color:#a0b7ab;font-size:9px;letter-spacing:0;line-height:1.2}
.creator-credit{position:fixed;bottom:7px;right:12px;font-size:9px;color:#8599a1;opacity:.65;letter-spacing:.2px;pointer-events:none;z-index:2}
.practice-footer{gap:14px;padding-bottom:30px}.side-link>span[data-i18n]{font-size:inherit;flex:1;text-align:left}
.filter-row select{min-width:0}.filter-row{gap:9px}.practice-heading>div{min-width:0}.practice-badge{flex-shrink:0}
.reference-list{overflow-wrap:anywhere}.reference-item .pt{overflow-wrap:anywhere}.pronunciation-value{overflow-wrap:anywhere}
@media(max-width:1100px){.practice-heading{align-items:flex-start}.practice-heading h1{font-size:30px}.practice-badge{font-size:8px;padding:7px 8px}}
@media(max-width:780px){
  .header-right{gap:6px}.language-control select{font-size:10px;padding:6px 14px 6px 7px;max-width:98px}
  .setup-panel{padding:26px 23px;min-height:350px}.setup-panel h2{font-size:32px;margin-top:22px}
  .setup-symbol{right:14px;top:24px;font-size:115px}.setup-symbol span{font-size:38px}
  .setup-intro{font-size:12px}.setup-summary{margin:20px 0;font-size:10px}.setup-summary>span{padding:5px 7px}
  .practice-heading{gap:12px;flex-wrap:wrap}.practice-heading h1{font-size:26px}
  .session-stats small{letter-spacing:.6px;font-size:7px}.session-stats .best-streak{font-size:8px}
  .filter-row select{font-size:10px;max-width:53%}.filter-row label{font-size:9px;white-space:normal}.filter-row #pool-count{font-size:9px;white-space:nowrap}
}
@media(max-width:390px){
  .brand{gap:8px;font-size:14px}.brand small{letter-spacing:1px;font-size:6px}.brand-symbol{width:30px;height:35px;font-size:25px}
  .header-right{gap:3px}.header-right .icon-button{width:29px;height:32px}.header-right svg{width:20px;height:20px}
  .language-control select{font-size:9px;max-width:86px;padding-left:5px;padding-right:5px}
  .setup-panel{padding:24px 18px}.setup-panel h2{font-size:29px}.setup-summary{gap:7px}
  .setup-note{font-size:9px}.mode-group{min-width:240px}.mode-group button{font-size:9px;padding-left:5px;padding-right:5px}
  .session-stats small{font-size:6px;letter-spacing:.3px}.creator-credit{font-size:8px}
}

/* Six answer-time choices stay within narrow phone screens. */
@media(max-width:600px){.practice-controls{flex-wrap:wrap;gap:9px}.time-control{margin-left:auto}.timer-group button{min-width:30px}}

/* Real Sign Challenge: photograph pixels, with an empty outline around the target. */
.geo-view-control{border:1px solid #36505a;background:linear-gradient(115deg,#1c3038,#17252b);border-radius:12px;padding:14px 17px;margin:-2px 0 17px}
.geo-view-top,.geo-view-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.geo-view-top>.eyebrow{font-size:9px;letter-spacing:1.6px}.geo-view-group{flex-shrink:0}.geo-view-group button{font-size:11px;padding:7px 14px}
.geo-view-bottom{margin-top:9px;align-items:baseline}.geo-view-bottom p{margin:0;max-width:62ch;font-size:11px;line-height:1.65;color:#92b1bc}.geo-view-bottom button{white-space:nowrap;font-size:10px;color:var(--cyan);padding:0}
.setup-sign-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:23px 0 0}
.sign-photo{margin:0;min-width:0;color:#a4b8bd;line-height:1.4;font-family:Inter,Arial,sans-serif;text-align:left}
.photo-window{position:relative;isolation:isolate;width:100%;overflow:hidden;background:#273a40;border-radius:9px}
.photo-original{position:absolute;max-width:none;height:auto;display:block;z-index:0}
.photo-target-frame{position:absolute;z-index:1;pointer-events:none;outline:2px dashed #ffe291;outline-offset:3px;border-radius:1px;background:none}
.photo-caption{display:flex;align-items:baseline;justify-content:space-between;gap:7px 12px;flex-wrap:wrap;padding-top:9px;font-size:9px;line-height:1.5}
.photo-caption a{color:#a6c6cf;text-decoration:underline;text-underline-offset:2px}.photo-credit{min-width:0;flex:1;overflow-wrap:anywhere}.photo-open{color:var(--cyan);font-size:10px;white-space:nowrap;padding:0}
.setup-sign-preview .photo-caption{font-size:7px;gap:5px;line-height:1.5}.setup-sign-preview .photo-open{font-size:8px}.setup-sign-preview .photo-target-frame{outline-width:1px;outline-offset:2px}.setup-sign-preview .photo-credit{flex-basis:100%}
.sign-question .sign-photo{max-width:520px;margin-inline:auto}
.question-card.sign-question{height:auto;min-height:425px;padding-bottom:17px}.sign-question .prompt-wrap{flex:none;min-height:0}.sign-question #question-instruction{margin:15px 0 0;font-size:12px;color:#bed0d6}
.question-prompt.sign-prompt{font:inherit;line-height:1.3;letter-spacing:normal;text-shadow:none;width:100%;max-width:none;margin:15px 0 10px;color:inherit}.sign-question .question-bottom{margin-top:15px}.sign-question .prompt-hint{font-size:10px}
.photo-status{padding:10px 0 0;color:#e4cd9e;font-size:11px;line-height:1.6}.photo-status button{margin-left:9px;color:var(--cyan);text-decoration:underline}.answer-options[inert]{opacity:.55}
.sign-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sign-reference-item{border:1px solid #344750;border-radius:12px;overflow:hidden;background:#16242a}.sign-reference-item .photo-window{border-radius:0}.sign-reference-item .photo-caption{padding:8px 12px;font-size:8px}.sign-reference-reading{display:flex;flex-direction:column;gap:4px;padding:12px 16px;font-size:12px;color:#bed0d5}.sign-reference-reading strong{font:23px/1.35 Georgia,serif;color:var(--text)}.sign-reference-reading>span:nth-of-type(2){color:#a3d5c2}.sign-reference-reading>span:last-child{font-size:11px;color:#7f9da8}
#photo-dialog{width:min(1040px,94vw)}#photo-dialog .dialog-body{padding:18px 22px 24px}.photo-integrity-note{font-size:11px;line-height:1.7;color:#9fb8bf;margin:0 0 14px}.full-photo-host .photo-caption{font-size:11px}.photo-dialog-header{gap:12px}
@media(max-width:780px){.geo-view-control{padding:12px 13px;margin-bottom:14px}.geo-view-top{flex-wrap:wrap;gap:8px}.geo-view-top>.eyebrow{font-size:8px}.geo-view-group button{font-size:10px;padding:7px 10px}.geo-view-bottom p{font-size:10px}.geo-view-bottom button{font-size:9px}.question-card.sign-question{min-height:0;padding:15px 16px}.sign-question #question-instruction{font-size:11px;margin-top:12px}.sign-question .question-bottom{font-size:7px;letter-spacing:.5px}.setup-sign-preview{gap:7px;margin-top:19px}.sign-reference-grid{gap:12px}}
@media(max-width:600px){.geo-view-bottom{align-items:flex-start;gap:9px}.geo-view-bottom p{flex:1}.geo-view-bottom button{margin-top:2px}.sign-reference-grid{grid-template-columns:minmax(0,1fr)}.sign-question .question-top .eyebrow{font-size:8px;letter-spacing:.7px}.sign-question .prompt-hint{font-size:9px}.photo-caption{font-size:8px}.photo-open{font-size:9px}.photo-credit{flex-basis:100%}.setup-sign-preview .photo-credit{display:none}.setup-sign-preview .photo-caption{padding-top:6px}.setup-sign-preview .photo-open{font-size:7px;white-space:normal}.photo-target-frame{outline-width:1.5px;outline-offset:2px}#photo-dialog .dialog-body{padding:12px 14px 20px}}
@media(max-width:360px){.geo-view-group{width:100%}.geo-view-group button{flex:1}.geo-view-top{gap:10px}.geo-view-bottom{flex-wrap:wrap}.geo-view-bottom p{flex-basis:100%}.question-card.sign-question{padding:14px 12px}.setup-sign-preview{gap:5px}}

/* Feedback appears after the answer, so the trap remains part of the exercise. */
.lookalike-note{margin-top:13px;padding:10px 12px;border:1px solid #698d744d;border-radius:8px;background:#10211c38}
.lookalike-note>strong{font-size:10px;color:#d4d8ae;font-weight:500}.lookalike-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.lookalike-chips>span{display:inline-flex;align-items:center;gap:6px;border:1px solid #687e685c;border-radius:5px;padding:3px 7px;font-size:12px;color:#d9e5d8}.lookalike-chips b{font-weight:500}.lookalike-chips small{font-size:9px;color:#a5b8a8}.lookalike-chips b[lang=ru]{font-family:Georgia,serif;font-size:16px}

/* Keep city spellings on one line where a phone card has enough room. */
@media(max-width:600px){
  .answer-button{container-type:inline-size}
  #answer-options .answer-value{padding:12px 26px;font-size:clamp(12px,calc((100cqw - 58px) / (var(--answer-chars,1) * .60)),23px)}
  #answer-options .cyrillic .answer-value{font-size:clamp(12px,calc((100cqw - 58px) / (var(--answer-chars,1) * .65)),29px)}
}

.backup-section{padding-bottom:20px}.backup-actions{display:flex;gap:9px;flex-wrap:wrap}.backup-section p{margin-bottom:12px}.backup-confirm{margin-top:15px;padding:14px;border:1px solid #4d6a78;border-radius:10px;background:#1b3038}.backup-confirm p:first-child{color:var(--cyan);font-weight:500}#backup-message{color:var(--cyan);margin:12px 0 0;overflow-wrap:anywhere}