@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{color:#f1f4ed;font-synthesis:none;background:#0d100e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 8%,#24372a 0,#0000 28rem),#0d100e;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #a8ef79}.app-shell{width:min(1160px,100% - 40px);margin:auto;padding:28px 0 42px}header{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.brand{color:#f2f4ef;letter-spacing:.11em;align-items:center;gap:9px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.brand b{color:#92a395;font-weight:500}.brand-mark{color:#172218;letter-spacing:0;background:#b8f86e;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:25px;display:grid}.mode-pill{color:#bde49e;letter-spacing:.1em;background:#19211b;border:1px solid #303c31;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.mode-pill i{background:#adf778;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #adf778}.layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:22px;display:grid}.trainer-card,.settings-card,.statistics-card{background:#181d19c2;border:1px solid #b5d6ae21;border-radius:24px;box-shadow:0 25px 65px #0000003d}.trainer-card{padding:clamp(25px,5vw,48px)}.lesson-head,.section-heading{justify-content:space-between;align-items:flex-start;display:flex}.section-kicker{color:#9aac99;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}h1{letter-spacing:-.045em;margin:8px 0 30px;font-size:clamp(33px,4vw,48px);line-height:1.05}h2{letter-spacing:-.025em;margin:5px 0 0;font-size:19px}.level-select{color:#aeb8ad;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.level-select select{color:#ebefe8;background:#242c25;border:1px solid #3d493d;border-radius:8px;padding:6px 8px}.signal-panel{background:#111613;border:1px solid #2b352c;border-radius:17px;min-height:192px;padding:19px 21px;position:relative;overflow:hidden}.signal-panel.active{border-color:#6eab5b;box-shadow:inset 0 0 30px #88ec6c0d}.signal-label{justify-content:space-between;display:flex}.signal-label span{color:#b7e4a0;letter-spacing:.15em;font:700 10px ui-monospace,SFMono-Regular,monospace}.signal-label time{color:#879187;font:11px ui-monospace,SFMono-Regular,monospace}.wave{color:#b8f86e;letter-spacing:.13em;opacity:.48;white-space:nowrap;width:calc(100% - 42px);font:600 clamp(23px,4vw,36px)/1 ui-monospace,SFMono-Regular,monospace;position:absolute;bottom:46px;left:21px;overflow:hidden}.active .wave{opacity:.9;animation:1.1s ease-in-out infinite alternate pulse}@keyframes pulse{50%{opacity:.5}}.signal-panel p{color:#748076;margin:0;font-size:12px;position:absolute;bottom:11px;left:21px}.controls{flex-wrap:wrap;gap:9px;margin:22px 0 30px;display:flex}.play-button,.secondary-button,.submit-button{border:0;border-radius:11px;font-weight:700;transition:transform .12s,filter .12s,background .12s}.play-button:active,.secondary-button:active,.submit-button:active{transform:scale(.97)}.play-button{color:#162019;background:#b8f86e;padding:12px 20px}.secondary-button{color:#d9e1d8;background:#263028;padding:12px 15px}.secondary-button:hover{background:#344036}.next-button span{color:#b8f86e;margin-left:4px;font-size:17px}.audio-error{color:#ffc4bd;background:#3a201f;border:1px solid #77403b;border-radius:9px;margin:-18px 0 24px;padding:9px 11px;font-size:12px}.answer-form label{color:#b6c0b5;margin-bottom:9px;font-size:13px;font-weight:600;display:block}.answer-line{gap:9px;display:flex}.answer-line input{color:#eff3ec;background:#0d110e;border:1px solid #3d493d;border-radius:11px;flex:1;min-width:0;padding:13px 14px}.answer-line input::placeholder{color:#69726a}.answer-line input:disabled{opacity:.68}.submit-button{color:#172019;white-space:nowrap;background:#eef2e9;padding:0 15px}.submit-button:disabled{cursor:not-allowed;opacity:.38}.submit-button kbd{background:#d3d9d0;border-radius:4px;margin-left:6px;padding:2px 4px;font-size:10px}aside{gap:22px;display:grid}.settings-card,.statistics-card{padding:24px}.slider-row{margin-top:20px;display:block}.slider-row span{justify-content:space-between;align-items:baseline;display:flex}.slider-row strong,.switch-row strong{font-size:13px}.slider-row em{color:#b8f86e;font-size:12px;font-style:normal}.slider-row input{accent-color:#b8f86e;width:100%;margin:10px 0 0;display:block}.switch-row{border-top:1px solid #303932;justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;display:flex}.switch-row span{gap:3px;display:grid}.switch-row small{color:#8e998e;font-size:11px}.switch-row input{accent-color:#b8f86e;width:19px;height:19px}.text-button{color:#9ba89a;background:0 0;border:0;padding:5px;font-size:11px}.text-button:hover{color:#e3ebe0}.metric-grid{grid-template-columns:1fr 1fr;gap:16px 10px;margin:24px 0;display:grid}.metric-grid div{gap:2px;display:grid}.metric-grid strong{color:#f0f5ed;letter-spacing:-.04em;font-size:25px}.metric-grid span,.level-rates>span,.mistakes>span{color:#8d998e;font-size:11px}.level-rates{border-top:1px solid #303932;gap:9px;padding-top:16px;display:grid}.level-rates div{grid-template-columns:18px 1fr 30px;align-items:center;gap:8px;display:grid}.level-rates b{color:#aab5aa;font-size:10px}.level-rates i{background:#303a31;border-radius:999px;height:5px;overflow:hidden}.level-rates em{border-radius:inherit;background:#b8f86e;height:100%;display:block}.level-rates small{color:#8d998e;text-align:right;font-size:10px}.mistakes{border-top:1px solid #303932;flex-wrap:wrap;gap:7px;margin-top:17px;padding-top:15px;display:flex}.mistakes>span{width:100%}.mistakes b{color:#d9e5d3;background:#293128;border-radius:6px;padding:4px 6px;font:12px ui-monospace,monospace}.mistakes small{color:#b8f86e}.result{background:#292319;border:1px solid #5d4b2c;border-radius:13px;margin-top:17px;padding:15px}.result.perfect{background:#172719;border-color:#426d3a}.result-top{justify-content:space-between;align-items:center;display:flex}.result-top span{color:#f0c46d;font-size:13px;font-weight:700}.perfect .result-top span{color:#b8f86e}.result-top strong{font-size:22px}.answer-label{color:#bac2b7;margin:13px 0 5px;font-size:12px}.answer-label code{color:#f1f5ed;margin-left:7px}.diff{overflow-wrap:anywhere;white-space:pre-wrap;background:#101411;border-radius:7px;margin:0;padding:8px;font:14px/1.65 ui-monospace,SFMono-Regular,monospace}.diff .correct{color:#b8f86e}.diff .substitution{color:#ffe2a1;background:#6a5026}.diff .missing{color:#ffc76a;text-decoration:underline}.diff .extra{color:#ffb8b9;background:#702f31}.result small{color:#9ca69a;margin-top:9px;font-size:10px;display:block}footer{color:#6d786e;letter-spacing:.04em;margin:23px 4px 0;font-size:11px}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr}}.next-button{margin-left:0}@media(max-width:560px){.app-shell{width:min(100% - 24px,1160px);padding-top:17px}header{margin-bottom:25px}.brand{font-size:11px}.brand b{display:none}.trainer-card{border-radius:19px;padding:22px 17px}.lesson-head{display:block}.level-select{margin-bottom:20px}.answer-line{display:grid}.submit-button{min-height:44px}.controls{margin-bottom:23px}.play-button{flex:1}.secondary-button{padding-inline:11px}aside{grid-template-columns:1fr}.settings-card,.statistics-card{border-radius:19px;padding:20px}.wave{font-size:23px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.trainer-card,.settings-card,.statistics-card{background:#181d19}}