*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.left-5{left:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-\[26px\]{top:26px}.top-\[2px\]{top:2px}.top-\[calc\(50\%\+10px\)\]{top:calc(50% + 10px)}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-6{margin-left:1.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-0\.5{height:.125rem}.h-11{height:2.75rem}.h-24{height:6rem}.min-h-24{min-height:6rem}.min-h-screen{min-height:100vh}.w-11{width:2.75rem}.w-28{width:7rem}.w-full{width:100%}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-violet-200{--tw-border-opacity: 1;border-color:rgb(221 214 254 / var(--tw-border-opacity, 1))}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/70{background-color:#18181bb3}.p-1{padding:.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pl-5{padding-left:1.25rem}.pr-24{padding-right:6rem}.pr-40{padding-right:10rem}.pr-5{padding-right:1.25rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[0\.16em\]{letter-spacing:.16em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-violet-950{--tw-text-opacity: 1;color:rgb(46 16 101 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.caret-zinc-200{caret-color:#e4e4e7}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.typing-big{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2px}.btn{border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.practice-page .btn{color:var(--echo-text);border:1px solid var(--echo-line);background:var(--echo-surface)}.btn:hover{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.btn-solid{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.btn-solid:hover{opacity:.9}.slider{width:11rem}.card{border-radius:1rem;border-width:1px;border-color:#27272a99;background-color:#18181b80;--tw-shadow: 0 10px 25px rgba(0,0,0,.15);--tw-shadow-colored: 0 10px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal{width:100%;max-width:42rem;padding:1.5rem;border-radius:1rem;border-width:1px;border-color:#27272a99;background-color:#18181b80;--tw-shadow: 0 10px 25px rgba(0,0,0,.15);--tw-shadow-colored: 0 10px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.switch{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.switch-track{position:relative;height:1.5rem;width:3rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.switch-thumb{position:absolute;top:.125rem;left:.125rem;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.switch-on .switch-track{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.switch-on .switch-thumb{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.word-ok{border-bottom:0px solid transparent}.word-wrong{border-bottom:2px solid #E53935}.word-off{border-bottom:2px solid #FFA726}.tooltip{position:absolute;background:#18181bf2;color:#fff;padding:4px 7px;font-size:12px;border-radius:6px;border:1px solid rgba(82,82,91,.6);white-space:nowrap;z-index:9999;transform:translateY(-120%);pointer-events:none;opacity:0;transition:opacity .15s ease}.tooltip.show{opacity:1}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:#080b10;color:#f4f7f5}.login-story{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:42px clamp(34px,6vw,86px);background:radial-gradient(circle at 18% 88%,rgba(54,211,153,.2),transparent 34%),radial-gradient(circle at 84% 18%,rgba(113,88,226,.2),transparent 31%),linear-gradient(145deg,#0d1519,#091014 48%,#070a0e);border-right:1px solid rgba(255,255,255,.07)}.login-story:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.04);border-radius:50%;left:-260px;bottom:-250px;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff03}.login-logo{position:relative;z-index:1;width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.03em;text-decoration:none}.login-logo em{color:#7ee3bd;font-style:normal}.login-logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#08110d;background:linear-gradient(145deg,#99f0cf,#54cda0);box-shadow:0 10px 30px #54cda02e}.login-logo-mark svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.login-story-content{position:relative;z-index:1;margin:auto 0;max-width:670px;padding:70px 0}.login-kicker{display:inline-flex;align-items:center;gap:9px;color:#a7b2ad;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700}.login-kicker i{width:7px;height:7px;border-radius:50%;background:#6ee0b5;box-shadow:0 0 0 5px #6ee0b51a}.login-story h1{margin:22px 0 24px;font-size:clamp(48px,6.5vw,82px);line-height:.98;letter-spacing:-.065em;font-weight:650}.login-story h1 strong{color:#75ddb5;font-weight:inherit}.login-story-content>p{max-width:560px;color:#aab4af;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.login-wave-card{margin-top:52px;height:104px;max-width:510px;display:flex;align-items:center;gap:7px;padding:22px 25px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff09;box-shadow:inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-wave-card span{flex:1;min-width:3px;max-width:7px;border-radius:999px;background:linear-gradient(to top,#5bdaa94d,#75ddb5);animation:loginWave 2.3s ease-in-out infinite alternate;transform-origin:center}@keyframes loginWave{0%{transform:scaleY(.55);opacity:.55}to{transform:scaleY(1);opacity:1}}.login-note{position:relative;z-index:1;color:#68736e;font-size:12px}.login-panel{min-height:100vh;display:grid;place-items:center;padding:56px clamp(32px,6vw,86px);background:linear-gradient(180deg,#0d1015,#090c11)}.login-form-wrap{width:100%;max-width:430px}.login-heading>span{color:#75ddb5;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-heading h2{margin:13px 0 10px;font-size:clamp(30px,3.4vw,42px);line-height:1.08;letter-spacing:-.045em;font-weight:650}.login-heading p{color:#7f8984;line-height:1.6;font-size:14px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:34px 0 28px;padding:4px;border-radius:12px;background:#15191f;border:1px solid rgba(255,255,255,.055)}.login-tabs button{border:0;border-radius:9px;padding:11px 12px;color:#717a76;background:transparent;font-size:13px;font-weight:650;cursor:pointer;transition:.18s ease}.login-tabs button:hover{color:#cdd4d1}.login-tabs button.active{color:#f5f8f6;background:#252a30;box-shadow:0 5px 14px #0003}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:#c8cfcc;font-size:13px;font-weight:600}.login-form input{width:100%;height:52px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.09);outline:none;color:#f3f6f4;background:#13171c;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-form input::-moz-placeholder{color:#525b57}.login-form input::placeholder{color:#525b57}.login-form input:hover{background:#151a1f;border-color:#ffffff24}.login-form input:focus{border-color:#75ddb59e;box-shadow:0 0 0 4px #75ddb514}.login-error{padding:11px 13px;border-radius:10px;border:1px solid rgba(248,113,113,.2);color:#fca5a5;background:#7f1d1d29;font-size:13px}.login-primary,.login-secondary{min-height:52px;width:100%;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.login-primary{margin-top:4px;border:0;color:#07100c;background:linear-gradient(135deg,#92ebc9,#61d5a8);box-shadow:0 12px 30px #4cca9b29;cursor:pointer}.login-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.login-divider{display:flex;align-items:center;gap:13px;margin:25px 0;color:#555e59;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#fff1}.login-secondary{color:#c9d0cd;border:1px solid rgba(255,255,255,.095);background:#12161b}.login-secondary:hover{border-color:#75ddb559;color:#fff}.login-terms{margin-top:22px;color:#515955;font-size:11px;line-height:1.6;text-align:center}@media (max-width: 860px){.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:28px 24px 34px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.login-story-content{padding:58px 0 22px}.login-story h1{font-size:clamp(44px,12vw,68px)}.login-wave-card,.login-note{display:none}.login-panel{min-height:auto;padding:52px 24px 64px}}.login-site-header{height:72px;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 48px;border-bottom:1px solid #e7e6e1;background:#fcfcfa;color:#24242a}.login-header-logo{color:#24242a;font-size:22px;font-weight:650;letter-spacing:-.035em;text-decoration:none}.login-header-logo span{color:#6257e8}.login-header-nav{display:flex;align-items:center;gap:28px}.login-header-nav a{color:#66666f;font-size:15px;text-decoration:none;transition:color .18s ease}.login-header-nav a:hover{color:#24242a}.login-header-avatar{justify-self:end;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#57575f;background:#e7e6e1;font-size:12px;text-decoration:none;transition:background .18s ease}.login-header-avatar:hover{background:#deddd7}.login-page{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,700px) minmax(500px,580px);justify-content:center;background:#f7f6f2;color:#24242a}.login-story{min-height:calc(100vh - 72px);display:flex;align-items:center;padding:72px 68px 72px 72px;border-right:0;background:#f1f0eb}.login-story:before{display:none}.login-story h1{margin:0;max-width:560px;font-size:clamp(58px,5.3vw,68px);line-height:1.04;letter-spacing:-.03em;font-weight:800}.login-story h1 strong{display:block;color:#6257e8;font-weight:inherit}.login-panel{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:42px 72px;border-left:1px solid #e3e2dd;background:#fafaf8}.login-form-wrap{width:100%;max-width:436px}.login-heading h2{margin:0 0 9px;color:#202026;font-size:clamp(30px,2.5vw,32px);line-height:1.2;letter-spacing:-.035em;font-weight:700}.login-heading p{margin:0;color:#72727a;line-height:1.45;font-size:15px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:14px 0;padding:4px;border:1px solid #deddd7;border-radius:12px;background:#efeee9}.login-tabs button{min-height:44px;border:0;border-radius:9px;color:#6f6f77;background:transparent;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.login-tabs button:hover{color:#2c2c33}.login-tabs button.active{color:#2c2c33;background:#fff;box-shadow:0 2px 8px #23232a0f}.login-google{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #d8d7d2;border-radius:12px;color:#2c2c33;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.login-google:hover{border-color:#b9b7b0;background:#fefefd;transform:translateY(-1px)}.google-mark{font-size:14px;font-weight:800}.login-divider{display:flex;align-items:center;gap:13px;margin:13px 0;color:#9999a1;font-size:11px;text-transform:uppercase;letter-spacing:normal}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e4e3de}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:8px;color:#36363e;font-size:13px;font-weight:600}.login-form input{width:100%;height:58px;padding:0 18px;border:1px solid #d7d6d1;border-radius:12px;outline:none;color:#24242a;background:#fff;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.login-form input::-moz-placeholder{color:#92929a}.login-form input::placeholder{color:#92929a}.login-form input:hover{border-color:#bbb9b2;background:#fff}.login-form input:focus{border-color:#6257e8;box-shadow:0 0 0 4px #6257e81a}.login-forgot{width:-moz-fit-content;width:fit-content;padding:0;border:0;color:#6257e8;background:transparent;font-size:12px;font-weight:500;cursor:pointer}.login-forgot:hover{text-decoration:underline}.login-error{padding:10px 12px;border:1px solid #f0c5c5;border-radius:10px;color:#9a3030;background:#fff2f2;font-size:12px;line-height:1.45}.login-primary,.login-secondary{min-height:58px;width:100%;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:650;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.login-primary{margin-top:0;border:1px solid #6257e8;color:#fff;background:#6257e8;box-shadow:none;cursor:pointer}.login-primary:hover:not(:disabled){transform:translateY(-1px);background:#554bd4;filter:none}.login-primary:disabled{opacity:.62;cursor:wait}.login-primary svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.login-secondary{margin-top:14px;color:#34343b;border:1px solid #d8d7d2;background:#fff}.login-secondary:hover{border-color:#b9b7b0;color:#34343b;transform:translateY(-1px)}@media (max-width: 960px){.login-page{grid-template-columns:minmax(0,1fr) minmax(440px,1fr)}.login-story{min-height:calc(100vh - 72px);padding:60px 44px;border-bottom:0}.login-story h1{font-size:clamp(48px,6vw,62px)}.login-panel{min-height:calc(100vh - 72px);padding:42px 46px}}@media (max-width: 760px){.login-site-header{grid-template-columns:1fr auto;padding:0 22px}.login-header-nav{display:none}.login-page{grid-template-columns:1fr}.login-story{min-height:260px;padding:54px 28px;border-bottom:1px solid #e3e2dd}.login-story h1{font-size:clamp(43px,12vw,58px)}.login-panel{min-height:auto;padding:48px 24px 64px;border-top:0;border-left:0}}.workout-create-shell{max-width:1180px;margin:0 auto;padding:54px 32px 90px}.workout-create-intro{max-width:700px;margin-bottom:34px}.workout-eyebrow,.workout-library-title>div>span,.workout-detail-topline>span{color:#8b80ff;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.workout-create-intro h1{margin:10px 0 12px;color:#fafafa;font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:-.045em;font-weight:700}.workout-create-intro p{max-width:650px;color:#a1a1aa;font-size:16px;line-height:1.65}.workout-create-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px;align-items:start}.workout-editor-card,.workout-preview-card{border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#18181bad;box-shadow:0 24px 70px #00000029}.workout-editor-card{padding:28px}.workout-preview-card{min-height:530px;padding:28px;position:sticky;top:24px}.workout-step{display:flex;align-items:center;gap:12px}.workout-step>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(139,128,255,.34);border-radius:9px;color:#b7afff;background:#6257e81f;font-size:12px;font-weight:700}.workout-step strong{display:block;color:#f4f4f5;font-size:15px}.workout-step small{display:block;margin-top:3px;color:#71717a;font-size:12px}.workout-step-spaced{margin-top:28px}.workout-title-input,.workout-source-input{width:100%;margin-top:16px;border:1px solid #3f3f46;border-radius:13px;outline:none;color:#f4f4f5;background:#111113;transition:border-color .18s ease,box-shadow .18s ease}.workout-title-input{height:54px;padding:0 16px;font-size:15px}.workout-source-input{min-height:244px;padding:16px;resize:vertical;font:14px/1.7 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.workout-title-input:focus,.workout-source-input:focus{border-color:#756be9;box-shadow:0 0 0 4px #6257e81f}.workout-title-input::-moz-placeholder,.workout-source-input::-moz-placeholder{color:#5f5f68}.workout-title-input::placeholder,.workout-source-input::placeholder{color:#5f5f68}.workout-editor-meta{display:flex;justify-content:space-between;gap:16px;margin-top:9px;color:#63636c;font-size:11px}.workout-error{padding:11px 13px;border:1px solid rgba(248,113,113,.22);border-radius:10px;color:#fca5a5;background:#7f1d1d24;font-size:13px}.workout-editor-card .workout-error{margin-top:16px}.workout-save-button,.workout-start-button{width:100%;min-height:54px;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:13px;color:#fff;background:#6257e8;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s ease,transform .18s ease}.workout-save-button:hover:not(:disabled),.workout-start-button:hover{background:#7166ee;transform:translateY(-1px)}.workout-save-button:disabled{opacity:.42;cursor:not-allowed}.workout-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.workout-preview-heading>div>span{color:#71717a;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.workout-preview-heading h2{margin-top:5px;color:#f4f4f5;font-size:20px;font-weight:650}.workout-count-badge{min-width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#c8c4ff;background:#6257e824;font-size:12px;font-weight:750}.workout-preview-list,.workout-detail-source ol{margin-top:20px;display:grid;gap:4px}.workout-preview-list{max-height:410px;overflow-y:auto;padding-right:6px}.workout-preview-list li,.workout-detail-source li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;padding:10px 6px;border-radius:9px}.workout-preview-list li:hover,.workout-detail-source li:hover{background:#ffffff06}.workout-preview-list li>span,.workout-detail-source li>span{color:#686872;font:11px/1.8 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.workout-preview-list p,.workout-detail-source p{color:#d4d4d8;font-size:13px;line-height:1.62}.workout-preview-empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.workout-preview-empty>div{width:46px;height:46px;display:grid;place-items:center;margin-bottom:15px;border-radius:14px;color:#9188f5;background:#6257e81a;font-size:23px}.workout-preview-empty strong{color:#d4d4d8;font-size:14px}.workout-preview-empty p{max-width:240px;margin-top:7px;color:#65656f;font-size:12px;line-height:1.55}.workout-library-shell{min-height:calc(100vh - 88px);display:grid;grid-template-columns:320px minmax(0,1fr);border-top:1px solid rgba(255,255,255,.04)}.workout-library-sidebar{border-right:1px solid rgba(255,255,255,.06);background:#09090b6b}.workout-library-title{min-height:112px;display:flex;align-items:center;justify-content:space-between;padding:25px 22px;border-bottom:1px solid rgba(255,255,255,.055)}.workout-library-title h1{margin-top:5px;color:#fafafa;font-size:20px;font-weight:650}.workout-library-title>button{width:36px;height:36px;border:1px solid #3f3f46;border-radius:10px;color:#e4e4e7;background:#202023;font-size:20px;cursor:pointer}.workout-library-list{padding:12px;display:grid;gap:5px}.workout-library-list>button{width:100%;padding:13px 12px;border:1px solid transparent;border-radius:11px;text-align:left;background:transparent;cursor:pointer}.workout-library-list>button:hover{background:#ffffff09}.workout-library-list>button.active{border-color:#8b80ff2e;background:#6257e81a}.workout-library-list strong{display:block;overflow:hidden;color:#dedee3;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.workout-library-list span{display:block;margin-top:5px;color:#686872;font-size:11px}.workout-library-status{padding:18px 12px;color:#71717a;font-size:13px}.workout-library-main{min-width:0;padding:54px}.workout-library-main>.workout-error{max-width:760px;margin:0 auto 20px}.workout-library-empty{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.workout-library-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#aaa3ff;background:#6257e81f;font-size:24px}.workout-library-empty h2{margin-top:18px;color:#f4f4f5;font-size:24px;font-weight:650}.workout-library-empty p{max-width:410px;margin-top:9px;color:#7b7b84;font-size:14px;line-height:1.6}.workout-library-empty button{margin-top:22px;padding:12px 18px;border:0;border-radius:11px;color:#fff;background:#6257e8;font-weight:650;cursor:pointer}.workout-detail{max-width:800px;margin:0 auto}.workout-detail-topline{display:flex;align-items:center;justify-content:space-between}.workout-detail-topline button{padding:5px;border:0;color:#787882;background:transparent;font-size:12px;cursor:pointer}.workout-detail-topline button:hover{color:#f87171}.workout-detail h2{margin-top:12px;color:#fafafa;font-size:clamp(32px,5vw,46px);letter-spacing:-.04em;font-weight:680}.workout-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.workout-detail-metrics>div{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#18181b8c}.workout-detail-metrics strong{display:block;color:#f4f4f5;font-size:22px}.workout-detail-metrics span{display:block;margin-top:4px;color:#6f6f78;font-size:11px}.workout-detail-source{margin-top:24px;padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#18181b7a}.workout-detail-source h3{color:#e4e4e7;font-size:14px;font-weight:650}.workout-start-button{max-width:240px;margin-left:auto}@media (max-width: 900px){.workout-create-grid{grid-template-columns:1fr}.workout-preview-card{position:static;min-height:380px}.workout-library-shell{grid-template-columns:260px minmax(0,1fr)}.workout-library-main{padding:38px 28px}}@media (max-width: 680px){.workout-create-shell{padding:36px 18px 70px}.workout-editor-card,.workout-preview-card{padding:20px;border-radius:17px}.workout-library-shell{display:block}.workout-library-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.workout-library-list{max-height:230px;overflow-y:auto}.workout-library-main{padding:32px 18px 60px}.workout-detail-metrics{grid-template-columns:1fr}}:root{color-scheme:light;--echo-bg: #f5f6f8;--echo-surface: #ffffff;--echo-surface-soft: #fafbfc;--echo-text: #17181c;--echo-muted: #6b707b;--echo-faint: #8a909c;--echo-line: #d9dde5;--echo-purple: #6254e8;--echo-purple-dark: #5143d4;--echo-purple-soft: #eeecff}html,body,#root{min-height:100%}html,body{max-width:100%;overflow-x:hidden}body{margin:0;color:var(--echo-text);background:var(--echo-bg)}.app-header{height:72px;padding-top:0;padding-bottom:0;border-bottom:1px solid var(--echo-line);background:var(--echo-surface)}.app-logo{color:var(--echo-text);text-decoration:none;letter-spacing:-.035em}.app-logo span{color:var(--echo-purple)}.app-nav{color:var(--echo-muted)}.app-nav a{padding:26px 0 22px;color:inherit;text-decoration:none;border-bottom:2px solid transparent}.app-nav a:hover{color:var(--echo-text)}.app-nav a.active{color:var(--echo-text);border-bottom-color:var(--echo-purple)}.app-avatar{color:#575b65;background:#eceef2;text-decoration:none}.app-avatar:hover{background:#e1e4ea}.app-avatar,.login-header-avatar{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;font:inherit;font-size:12px;cursor:pointer}.app-login-link,.login-header-account{color:var(--echo-text);font-size:13px;font-weight:650;text-decoration:none}.app-login-link{min-width:54px;text-align:right}.auth-checking{min-height:calc(100vh - 72px);display:grid;place-items:center;color:var(--echo-muted);background:var(--echo-bg);font-size:13px}.login-header-account{justify-self:end;color:#24242a}.account-menu{position:relative;justify-self:end}.account-popover{position:absolute;z-index:90;top:calc(100% + 12px);right:0;width:230px;overflow:hidden;border:1px solid var(--echo-line);border-radius:14px;color:var(--echo-text);background:var(--echo-surface);box-shadow:0 18px 48px #1f233029}.account-summary{padding:16px;border-bottom:1px solid var(--echo-line)}.account-summary strong,.account-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary strong{font-size:14px}.account-summary span{margin-top:4px;color:var(--echo-muted);font-size:11px}.account-popover>a,.account-popover>button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;border:0;color:var(--echo-text);background:transparent;font:inherit;font-size:13px;text-align:left;text-decoration:none;cursor:pointer}.account-popover>a:hover,.account-popover>button:hover{background:var(--echo-surface-soft)}.account-popover>a span,.account-popover>button span{width:17px;color:var(--echo-muted);text-align:center}.practice-page{min-height:calc(100vh - 72px);padding:30px 0 72px;background:var(--echo-bg);color:var(--echo-text)}.practice-page h1{color:var(--echo-text)}.practice-page .text-zinc-500,.practice-page .text-zinc-400{color:var(--echo-muted)}.practice-library-link{border:0;color:var(--echo-purple-dark);background:transparent;font-size:12px;cursor:pointer}.practice-library-link:hover{text-decoration:underline}.practice-create-button,.practice-control-primary{min-height:42px;padding:0 17px;border:1px solid var(--echo-purple);border-radius:10px;color:#fff;background:var(--echo-purple);font-size:14px;font-weight:650;cursor:pointer;transition:background .18s ease,transform .18s ease}.practice-create-button:hover,.practice-control-primary:hover{background:var(--echo-purple-dark);transform:translateY(-1px)}.practice-hint-control{color:var(--echo-muted)}.practice-hint-control select{border:1px solid var(--echo-line);color:var(--echo-text);background:var(--echo-surface)}.practice-mode-toggle{border:1px solid var(--echo-line);background:#eceef2}.practice-mode-toggle button{padding:7px 12px;border:0;border-radius:8px;color:var(--echo-muted);background:transparent;font-size:14px;cursor:pointer}.practice-mode-toggle button.active{color:#fff;background:var(--echo-text)}.practice-controls{max-width:1024px;margin-left:auto;margin-right:auto;padding:0 16px}.practice-control-secondary{min-height:42px;padding:0 17px;border:1px solid var(--echo-line);border-radius:10px;color:var(--echo-text);background:var(--echo-surface);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .18s ease,background .18s ease}.practice-control-secondary:hover{border-color:#b9bdc7;background:var(--echo-surface-soft)}.practice-control-secondary.disabled{color:#a7abb4;background:#eceef2;cursor:not-allowed;opacity:.65}.practice-range{color:var(--echo-muted)}.practice-range input{accent-color:var(--echo-purple)}.practice-page #typing-input{border-color:var(--echo-line);color:var(--echo-text);background:var(--echo-surface);box-shadow:0 7px 24px #2024340a}.practice-page .sentence-feedback-overlay{color:var(--echo-text)}.practice-page #typing-input.sentence-feedback-input,.practice-page #typing-input.word-feedback-input{color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--echo-text)}.practice-page #typing-input.sentence-feedback-input::-moz-placeholder{color:#9499a4;-webkit-text-fill-color:#9499a4}.practice-page #typing-input.sentence-feedback-input::placeholder{color:#9499a4;-webkit-text-fill-color:#9499a4}.practice-page #typing-input::-moz-placeholder{color:#9499a4}.practice-page #typing-input::placeholder{color:#9499a4}.practice-page #typing-input:focus{border-color:var(--echo-purple);box-shadow:0 0 0 4px #6254e81a}.practice-page .bg-zinc-800{color:var(--echo-text);border:1px solid var(--echo-line);background:var(--echo-surface)}.practice-page .text-purple-400{color:var(--echo-purple)}.results-overlay{z-index:80;padding:22px;background:#21253147;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.results-card{color:var(--echo-text);border:1px solid var(--echo-line);background:var(--echo-surface);box-shadow:0 25px 70px #2024342e}.results-check{color:var(--echo-purple-dark);background:var(--echo-purple-soft)}.results-note{color:var(--echo-muted)}.results-restart{border:1px solid var(--echo-purple);color:#fff;background:var(--echo-purple);font-weight:650;cursor:pointer}.workout-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background:#21253147;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.workout-modal{width:min(1040px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid var(--echo-line);border-radius:20px;color:var(--echo-text);background:var(--echo-surface);box-shadow:0 30px 90px #20243438}.workout-modal-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--echo-line)}.workout-modal-header strong{font-size:19px;letter-spacing:-.035em}.workout-modal-header button{width:40px;height:40px;border:0;color:var(--echo-muted);background:transparent;font-size:28px;cursor:pointer}.workout-modal-body{padding:42px 50px 26px}.workout-modal-body h2{margin:10px 0 0;font-size:clamp(32px,4vw,44px);line-height:1.08;letter-spacing:-.045em;font-weight:680}.workout-modal-body>p{margin-top:10px;color:var(--echo-muted);font-size:17px}.workout-eyebrow{color:var(--echo-purple-dark)}.workout-source-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}.workout-source-options button{min-height:132px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:22px;border:1px solid var(--echo-line);border-radius:14px;color:var(--echo-text);background:var(--echo-surface);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease}.workout-source-options button:hover{border-color:#b9bdc7}.workout-source-options button.active{border:2px solid var(--echo-purple);padding:21px;background:var(--echo-purple-soft)}.workout-source-options button>span{color:var(--echo-purple-dark);font-size:23px}.workout-source-options button strong{font-size:16px;font-weight:650}.workout-modal-settings{margin-top:26px;padding:27px 32px;border:1px solid var(--echo-line);border-radius:16px;background:var(--echo-surface)}.workout-modal-note{margin-bottom:22px;padding:18px 20px;border-radius:12px;color:var(--echo-muted);background:var(--echo-purple-soft);line-height:1.55}.workout-modal-field,.workout-modal-grid label{display:grid;gap:9px;color:var(--echo-text);font-size:13px;font-weight:650}.workout-modal-field input,.workout-modal-field textarea,.workout-modal-grid input,.workout-modal-grid select{width:100%;border:1px solid var(--echo-line);border-radius:10px;outline:none;color:var(--echo-text);background:var(--echo-surface-soft);font-size:15px;font-weight:400}.workout-modal-field input,.workout-modal-grid input,.workout-modal-grid select{min-height:50px;padding:0 14px}.workout-modal-field textarea{min-height:132px;padding:14px;resize:vertical;line-height:1.55}.workout-modal-field input:focus,.workout-modal-field textarea:focus,.workout-modal-grid input:focus,.workout-modal-grid select:focus{border-color:var(--echo-purple);box-shadow:0 0 0 4px #6254e81a}.workout-modal-field small{justify-self:end;color:var(--echo-faint);font-weight:400}.workout-modal-upload{min-height:128px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed #bfc3cc;border-radius:12px;color:var(--echo-text);background:var(--echo-surface-soft);cursor:pointer;text-align:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.workout-modal-upload.is-dragging{border-color:var(--echo-purple);background:#f3f0ff;box-shadow:0 0 0 3px #6453f624}.workout-modal-upload input{position:absolute;width:1px;height:1px;opacity:0}.workout-modal-upload span{color:var(--echo-purple-dark);font-weight:650}.workout-modal-upload small{color:var(--echo-muted)}.workout-upload-file{display:grid;gap:3px;max-width:min(100%,520px);padding:8px 12px;border-radius:9px;background:#fff;border:1px solid #dedbe9}.workout-upload-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workout-modal-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.5fr);gap:18px;margin-top:20px}.workout-modal-preview{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid #eceef2}.workout-modal-preview span{flex:0 0 auto;padding:6px 9px;border-radius:999px;color:var(--echo-purple-dark);background:var(--echo-purple-soft);font-size:11px;font-weight:700}.workout-modal-preview p{overflow:hidden;color:var(--echo-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.workout-modal-settings .workout-error{margin-top:16px;border-color:#f0c5c5;color:#9a3030;background:#fff2f2}.workout-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 50px 34px}.workout-modal-cancel,.workout-modal-submit{min-height:50px;padding:0 24px;border-radius:10px;font-weight:650;cursor:pointer}.workout-modal-cancel{border:1px solid var(--echo-line);color:var(--echo-text);background:var(--echo-surface)}.workout-modal-submit{border:1px solid var(--echo-purple);color:#fff;background:var(--echo-purple)}.workout-modal-submit:hover:not(:disabled){background:var(--echo-purple-dark)}.workout-modal-submit:disabled{opacity:.62;cursor:wait}.workout-library-shell{min-height:calc(100vh - 72px);border-top:0;color:var(--echo-text);background:var(--echo-bg)}.workout-library-sidebar{border-right-color:var(--echo-line);background:#fafbfc}.workout-library-title{border-bottom-color:var(--echo-line)}.workout-library-title h1,.workout-detail h2,.workout-library-empty h2{color:var(--echo-text)}.workout-library-title>button{border-color:var(--echo-line);color:var(--echo-text);background:var(--echo-surface)}.workout-library-list>button:hover{background:#f0f1f4}.workout-library-list>button.active{border-color:#d8d3ff;background:var(--echo-purple-soft)}.workout-library-list strong{color:var(--echo-text)}.workout-library-list span,.workout-library-status,.workout-library-empty p{color:var(--echo-muted)}.workout-library-main{background:var(--echo-bg)}.workout-library-empty>span,.workout-count-badge{color:var(--echo-purple-dark);background:var(--echo-purple-soft)}.workout-detail-topline button:hover{color:#b23b3b}.workout-detail-metrics>div,.workout-detail-source{border-color:var(--echo-line);background:var(--echo-surface)}.workout-detail-metrics strong,.workout-detail-source h3{color:var(--echo-text)}.workout-detail-metrics span,.workout-detail-source li>span{color:var(--echo-muted)}.workout-detail-source p{color:#454951}.workout-detail-source li:hover{background:#f6f7f9}.settings-page{min-height:calc(100vh - 72px);padding:54px 24px 80px;color:var(--echo-text);background:var(--echo-bg)}.settings-shell{width:min(900px,100%);margin:0 auto}.settings-heading>span{color:var(--echo-purple-dark);font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.settings-heading h1{margin:8px 0 7px;font-size:clamp(34px,5vw,48px);line-height:1;letter-spacing:-.045em}.settings-heading p,.settings-card-heading p{color:var(--echo-muted)}.settings-form{display:grid;gap:18px;margin-top:34px}.settings-card{padding:28px;border:1px solid var(--echo-line);border-radius:17px;background:var(--echo-surface);box-shadow:0 7px 24px #20243409}.settings-card-heading h2{font-size:18px;letter-spacing:-.02em}.settings-card-heading p{max-width:620px;margin-top:5px;font-size:13px;line-height:1.55}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.settings-grid label{display:grid;gap:8px;color:var(--echo-text);font-size:13px;font-weight:650}.settings-grid input,.settings-grid select{width:100%;height:48px;padding:0 13px;border:1px solid var(--echo-line);border-radius:10px;outline:none;color:var(--echo-text);background:var(--echo-surface-soft);font:inherit;font-size:14px;font-weight:400}.settings-grid input:focus,.settings-grid select:focus{border-color:var(--echo-purple);box-shadow:0 0 0 4px #6254e81a}.settings-grid input:disabled,.settings-grid select:disabled{color:var(--echo-muted);cursor:not-allowed;opacity:.78}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;padding:0;border:0}.theme-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.theme-options>label{position:relative;display:grid;gap:9px;padding:11px;border:1px solid var(--echo-line);border-radius:12px;cursor:pointer}.theme-options>label.active{border:2px solid var(--echo-purple);padding:10px;background:var(--echo-purple-soft)}.theme-options input{position:absolute;opacity:0;pointer-events:none}.theme-options strong{padding:0 3px 2px;font-size:13px}.theme-preview{height:70px;display:grid;grid-template-columns:28% 1fr;gap:7px;padding:8px;border:1px solid #d7d9df;border-radius:8px;background:#f3f4f6}.theme-preview i{display:block;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px #e1e3e8}.theme-preview i+i{position:relative}.theme-preview i+i:before{content:"";position:absolute;left:7px;right:7px;top:9px;height:5px;border-radius:99px;background:#6254e8;box-shadow:0 12px #dfe1e7,0 24px #dfe1e7}.theme-preview.dark{border-color:#3a3d47;background:#17191f}.theme-preview.dark i{background:#22252d;box-shadow:inset 0 0 0 1px #343842}.theme-preview.dark i+i:before{background:#8a7dff;box-shadow:0 12px #3a3d47,0 24px #3a3d47}.theme-preview.system{background:linear-gradient(115deg,#f3f4f6 0,#f3f4f6 49%,#17191f 51%,#17191f)}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding-top:4px}.settings-actions span{color:var(--echo-purple-dark);font-size:13px;font-weight:650}.settings-actions button{min-height:48px;padding:0 22px;border:1px solid var(--echo-purple);border-radius:10px;color:#fff;background:var(--echo-purple);font-weight:700;cursor:pointer}.settings-actions button:hover{background:var(--echo-purple-dark)}.settings-loading{width:min(900px,100%);margin:0 auto;color:var(--echo-muted)}.progress-page{min-height:calc(100vh - 72px);padding:54px 24px 90px;color:var(--echo-text);background:var(--echo-bg)}.progress-shell{width:min(1100px,100%);margin:0 auto}.progress-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.progress-heading>div{max-width:700px}.progress-heading>div>span,.progress-card-title>div>span{color:var(--echo-purple-dark);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.progress-heading h1{margin:8px 0;font-size:clamp(36px,5vw,52px);line-height:1;letter-spacing:-.05em}.progress-heading p,.progress-card-title p{color:var(--echo-muted);line-height:1.55}.progress-heading>button,.progress-review .progress-card-title button{flex:0 0 auto;min-height:48px;padding:0 19px;border:1px solid var(--echo-purple);border-radius:11px;color:#fff;background:var(--echo-purple);font:inherit;font-size:13px;font-weight:750;cursor:pointer}.progress-heading>button span{margin-left:7px}.progress-error{margin-top:20px;padding:13px 15px;border:1px solid #efc5c5;border-radius:11px;color:#963838;background:#fff1f1}.progress-loading{padding:48px 0;color:var(--echo-muted)}.progress-hero{display:grid;grid-template-columns:minmax(220px,1.25fr) 1fr 1fr auto;align-items:stretch;gap:1px;margin-top:34px;overflow:hidden;border:1px solid #d9d4ff;border-radius:18px;background:#d9d4ff;box-shadow:0 12px 36px #302a670f}.progress-level,.progress-hero-stat,.progress-goal{min-height:144px;display:flex;flex-direction:column;justify-content:center;padding:24px;background:var(--echo-surface)}.progress-level{background:var(--echo-purple-soft)}.progress-level>span,.progress-hero-stat>span,.progress-goal>span{color:var(--echo-muted);font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.progress-level strong{margin-top:7px;font-size:27px;letter-spacing:-.035em}.progress-level p{margin-top:3px;color:var(--echo-purple-dark);font-size:13px;font-weight:700}.progress-level small,.progress-hero-stat small{margin-top:7px;color:var(--echo-muted);font-size:10px}.progress-hero-stat strong{margin-top:10px;font-size:24px;letter-spacing:-.035em}.progress-hero-stat strong i{color:var(--echo-muted);font-size:14px;font-style:normal;font-weight:550}.progress-goal{min-width:168px}.progress-goal select{height:42px;margin-top:12px;padding:0 10px;border:1px solid var(--echo-line);border-radius:9px;color:var(--echo-text);background:var(--echo-surface-soft);font:inherit;font-size:12px}.progress-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.progress-overview article{min-height:126px;display:grid;align-content:center;gap:5px;padding:21px;border:1px solid var(--echo-line);border-radius:15px;background:var(--echo-surface);box-shadow:0 6px 20px #20243406}.progress-overview article>span{color:var(--echo-muted);font-size:11px;font-weight:700}.progress-overview article strong{font-size:27px;letter-spacing:-.035em}.progress-overview article small{color:var(--echo-faint);font-size:10px;line-height:1.4}.progress-overview article.attention{border-color:#d9d4ff;background:var(--echo-purple-soft)}.progress-overview article.attention strong{color:var(--echo-purple-dark)}.progress-card{margin-top:18px;padding:27px;border:1px solid var(--echo-line);border-radius:17px;background:var(--echo-surface);box-shadow:0 7px 24px #20243408}.progress-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.progress-card-title h2{margin-top:4px;font-size:19px;letter-spacing:-.025em}.progress-card-title p{margin-top:4px;font-size:12px}.progress-card-title>strong{color:var(--echo-purple-dark);font-size:13px}.coverage-track{height:12px;margin-top:23px;overflow:hidden;border-radius:99px;background:var(--echo-surface-soft);box-shadow:inset 0 0 0 1px var(--echo-line)}.coverage-track i{height:100%;display:block;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--echo-purple),#8b80f6)}.coverage-labels{display:flex;justify-content:space-between;margin-top:9px;color:var(--echo-muted);font-size:10px}.progress-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.activity-chart{height:210px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px}.activity-day{min-width:0;display:grid;grid-template-rows:18px 1fr 17px;gap:5px;text-align:center}.activity-day>strong{color:var(--echo-text);font-size:10px}.activity-day>div{position:relative;min-height:130px;overflow:hidden;border-radius:7px;background:var(--echo-surface-soft)}.activity-day>div i{position:absolute;right:0;bottom:0;left:0;display:block;border-radius:7px 7px 0 0;background:var(--echo-purple);opacity:.88}.activity-day>span{color:var(--echo-muted);font-size:10px}.progress-review .progress-card-title button{min-height:36px;padding:0 13px;font-size:11px}.progress-review ul{display:grid;gap:0;margin:16px 0 0;padding:0;list-style:none}.progress-review li{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--echo-line)}.progress-review li>div:first-child{display:grid;gap:2px}.progress-review li>div:first-child strong{font-size:14px}.progress-review li>div:first-child span{color:var(--echo-muted);font-size:9px}.review-skills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.review-skills span{padding:4px 7px;border-radius:99px;color:var(--echo-purple-dark);background:var(--echo-purple-soft);font-size:8px;font-weight:700}.review-empty{min-height:185px;display:grid;place-content:center;padding:25px;text-align:center}.review-empty strong{font-size:15px}.review-empty p{max-width:320px;margin-top:7px;color:var(--echo-muted);font-size:12px;line-height:1.5}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px}.skill-grid article{min-height:166px;padding:19px;border:1px solid var(--echo-line);border-radius:13px;background:var(--echo-surface-soft)}.skill-grid article>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.skill-grid article>div:first-child span{font-size:13px;font-weight:750}.skill-grid article>div:first-child strong{color:var(--echo-purple-dark);font-size:12px}.skill-grid article.future>div:first-child strong{color:var(--echo-faint);font-size:10px}.skill-track{height:5px;margin-top:14px;overflow:hidden;border-radius:99px;background:var(--echo-line)}.skill-track i{height:100%;display:block;background:var(--echo-purple)}.skill-grid article p{margin-top:14px;color:var(--echo-text);font-size:11px;line-height:1.45}.skill-grid article small{display:block;margin-top:8px;color:var(--echo-muted);font-size:9px;line-height:1.45}.skill-grid article.future{opacity:.68}.level-map{display:grid;gap:13px;margin-top:22px}.level-row{display:grid;grid-template-columns:170px minmax(160px,1fr) 220px;align-items:center;gap:20px}.level-row>div:first-child{display:grid;gap:2px}.level-row>div:first-child span{color:var(--echo-purple-dark);font-size:9px;font-weight:800;text-transform:uppercase}.level-row>div:first-child strong{font-size:13px}.level-bars{display:grid;gap:4px}.level-bars>div{height:6px;overflow:hidden;border-radius:99px;background:var(--echo-surface-soft);box-shadow:inset 0 0 0 1px var(--echo-line)}.level-bars i{height:100%;display:block;background:#aaa3f5}.level-bars>div+div i{background:var(--echo-purple)}.level-row>span{color:var(--echo-muted);font-size:10px;text-align:right}.level-legend{display:flex;justify-content:flex-end;gap:16px;color:var(--echo-muted);font-size:9px}.level-legend span{display:flex;align-items:center;gap:5px}.level-legend i{width:12px;height:5px;display:block;border-radius:99px;background:#aaa3f5}.level-legend span+span i{background:var(--echo-purple)}.progress-definition{display:flex;gap:20px;margin-top:18px;padding:19px 22px;border:1px solid #d9d4ff;border-radius:14px;background:var(--echo-purple-soft)}.progress-definition strong{flex:0 0 auto;color:var(--echo-purple-dark);font-size:12px}.progress-definition p{color:var(--echo-muted);font-size:11px;line-height:1.55}html[data-theme=dark]{color-scheme:dark;--echo-bg: #111216;--echo-surface: #191b21;--echo-surface-soft: #20232a;--echo-text: #f2f3f5;--echo-muted: #a0a4ae;--echo-faint: #777c87;--echo-line: #32353e;--echo-purple: #7467f0;--echo-purple-dark: #988eff;--echo-purple-soft: #27233f}html[data-theme=dark] .app-avatar{color:#e5e7eb;background:#2a2d35}html[data-theme=dark] .progress-error{border-color:#743b3b;color:#f2adad;background:#331d1d}html[data-theme=dark] .progress-hero{border-color:#403a68;background:#403a68}html[data-theme=dark] .workout-library-sidebar{background:#15171c}html[data-theme=dark] .workout-library-list>button:hover{background:#202229}html[data-theme=dark] .workout-detail-source p{color:#d6d8dd}html[data-theme=dark] .workout-detail-source li:hover{background:#202229}html[data-theme=dark] .practice-mode-toggle{background:#24262d}html[data-theme=dark] .practice-mode-toggle button.active{color:#17181c;background:#f2f3f5}html[data-theme=dark] .practice-control-secondary.disabled{color:#747984;background:#252830}html[data-theme=dark] .workout-modal-preview{border-top-color:var(--echo-line)}.smart-page{min-height:calc(100vh - 72px);padding:42px 24px 80px;color:var(--echo-text);background:var(--echo-bg)}.smart-shell{width:min(980px,100%);margin:0 auto}.smart-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.smart-heading>div>span{color:var(--echo-purple-dark);font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.smart-heading h1{margin:7px 0 5px;font-size:clamp(34px,5vw,48px);line-height:1;letter-spacing:-.045em}.smart-heading p{color:var(--echo-muted)}.smart-manual-link{min-height:42px;padding:0 16px;border:1px solid var(--echo-line);border-radius:10px;color:var(--echo-text);background:var(--echo-surface);cursor:pointer}.smart-progress-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding:24px 26px;border:1px solid #dad6ff;border-radius:16px;background:var(--echo-purple-soft)}.smart-level-copy{display:grid;gap:4px}.smart-level-copy>span{color:var(--echo-purple-dark);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.smart-level-copy strong{font-size:18px}.smart-level-copy small{color:var(--echo-muted)}.smart-progress-stats{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:9px}.smart-progress-stats>div{min-width:96px;display:grid;gap:2px;padding:12px;border:1px solid rgba(98,84,232,.14);border-radius:11px;background:var(--echo-surface)}.smart-progress-stats strong{font-size:20px}.smart-progress-stats span{color:var(--echo-muted);font-size:10px}.smart-intro-card,.smart-workout-card,.smart-summary-card{margin-top:22px;border:1px solid var(--echo-line);border-radius:18px;background:var(--echo-surface);box-shadow:0 8px 28px #2024340b}.smart-intro-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:32px}.smart-intro-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:var(--echo-purple-dark);background:var(--echo-purple-soft);font-size:25px}.smart-intro-card span,.smart-summary-card>span{color:var(--echo-purple-dark);font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.smart-intro-card h2{margin:5px 0 7px;font-size:22px;letter-spacing:-.025em}.smart-intro-card p{max-width:620px;color:var(--echo-muted);font-size:14px;line-height:1.6}.smart-intro-card>button,.smart-summary-actions>button:not(.secondary),.smart-answer-footer>button{min-height:46px;padding:0 19px;border:1px solid var(--echo-purple);border-radius:10px;color:#fff;background:var(--echo-purple);font-weight:700;cursor:pointer}.smart-intro-card>button:disabled,.smart-answer-footer>button:disabled{opacity:.55;cursor:wait}.smart-error{margin-top:18px;padding:12px 14px;border:1px solid #efc5c5;border-radius:10px;color:#963838;background:#fff1f1}.smart-loading{padding-top:50px;color:var(--echo-muted)}.smart-workout-card{padding:30px 34px 34px}.smart-workout-topline{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px}.smart-workout-topline>div:first-child{display:grid;gap:3px}.smart-workout-topline span{color:var(--echo-purple-dark);font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.smart-workout-topline strong{font-size:15px}.smart-progress-track{height:7px;overflow:hidden;border-radius:99px;background:#e9eaf0}.smart-progress-track i{height:100%;display:block;border-radius:inherit;background:var(--echo-purple);transition:width .25s ease}.smart-reason{margin-top:25px;padding:14px 16px;border-radius:11px;background:var(--echo-purple-soft)}.smart-reason span,.smart-next-focus span{color:var(--echo-purple-dark);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.smart-reason p{margin-top:4px;color:var(--echo-muted);font-size:13px}.smart-mode-row{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.smart-mode-row>span{color:var(--echo-muted);font-size:12px}.smart-mode-row>div{display:flex;padding:3px;border:1px solid var(--echo-line);border-radius:10px;background:var(--echo-surface-soft)}.smart-mode-row button{padding:7px 12px;border:0;border-radius:7px;color:var(--echo-muted);background:transparent;cursor:pointer}.smart-mode-row button.active{color:#fff;background:var(--echo-text)}.smart-audio-actions{display:flex;gap:10px;margin-top:22px}.smart-audio-actions button{min-height:44px;padding:0 16px;border:1px solid var(--echo-line);border-radius:10px;color:var(--echo-text);background:var(--echo-surface);font-weight:650;cursor:pointer}.smart-audio-actions button.primary{border-color:var(--echo-purple);color:#fff;background:var(--echo-purple)}.smart-audio-actions button.selected{border-color:#c9c2ff;color:var(--echo-purple-dark);background:var(--echo-purple-soft)}.smart-answer-form{display:grid;gap:9px;margin-top:25px}.smart-answer-form>label{color:var(--echo-muted);font-size:12px;font-weight:650}.smart-answer-form>input{width:100%;height:74px;padding:0 20px;border:1px solid var(--echo-line);border-radius:14px;outline:none;color:var(--echo-text);background:var(--echo-surface);font:inherit;font-size:20px}.smart-answer-form>input:focus{border-color:var(--echo-purple);box-shadow:0 0 0 4px #6254e81a}.smart-answer-footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px}.smart-answer-footer>div{display:flex;align-items:center;gap:12px}.smart-feedback{color:var(--echo-muted);font-size:13px}.smart-hint{border:0;color:var(--echo-purple-dark);background:transparent;font-weight:650;cursor:pointer}.smart-summary-card{padding:38px;text-align:center}.smart-summary-check{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 15px;border-radius:14px;color:var(--echo-purple-dark);background:var(--echo-purple-soft);font-size:22px;font-weight:800}.smart-summary-card h2{margin:7px 0 24px;font-size:25px;letter-spacing:-.03em}.smart-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.smart-summary-grid>div{display:grid;gap:4px;padding:18px;border:1px solid var(--echo-line);border-radius:12px;background:var(--echo-surface-soft)}.smart-summary-grid strong{font-size:25px}.smart-summary-grid span{color:var(--echo-muted);font-size:11px}.smart-next-focus{display:grid;gap:4px;margin-top:18px;padding:16px;border-radius:11px;background:var(--echo-purple-soft)}.smart-summary-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.smart-summary-actions>button.secondary{min-height:46px;padding:0 19px;border:1px solid var(--echo-line);border-radius:10px;color:var(--echo-text);background:var(--echo-surface);font-weight:650;cursor:pointer}html[data-theme=dark] .smart-progress-card{border-color:#403a68}html[data-theme=dark] .smart-progress-track{background:#2b2e36}html[data-theme=dark] .smart-error{border-color:#743b3b;color:#f2adad;background:#331d1d}.smart-inline-status{display:grid;justify-items:end;gap:2px;padding:9px 12px;border:1px solid #ddd8ff;border-radius:11px;background:var(--echo-purple-soft)}.smart-inline-status span{color:var(--echo-purple-dark);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.smart-inline-status strong{color:var(--echo-text);font-size:12px}.smart-inline-status small{color:var(--echo-muted);font-size:10px}.smart-daily-goal{display:flex;align-items:center;gap:7px;margin-top:3px}.smart-daily-goal>span{color:var(--echo-muted);font-size:9px;letter-spacing:0;text-transform:none}.smart-daily-goal select{max-width:112px;padding:3px 5px;border:1px solid var(--echo-line);border-radius:6px;color:var(--echo-text);background:var(--echo-surface);font-size:10px}.smart-selection-reason{margin-left:12px;color:var(--echo-purple-dark)}.smart-results-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.smart-results-summary>div{display:grid;gap:2px;padding:10px 6px;border:1px solid var(--echo-line);border-radius:10px;background:var(--echo-surface-soft)}.smart-results-summary strong{font-size:19px}.smart-results-summary span{color:var(--echo-muted);font-size:10px}.smart-results-summary p{grid-column:1 / -1;margin:2px 0 0;color:var(--echo-muted);font-size:12px}html[data-theme=dark] .smart-inline-status{border-color:#403a68}.speaking-page{min-height:calc(100vh - 72px);max-width:100%;padding:48px 24px 86px;overflow-x:hidden;color:var(--echo-text);background:var(--echo-bg)}.speaking-shell{width:min(1180px,100%);min-width:0;margin:0 auto}.speaking-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.speaking-heading>div:first-child{min-width:0;max-width:760px}.speaking-heading>div:first-child>span{color:var(--echo-purple-dark);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.speaking-heading h1{margin:8px 0 10px;font-size:clamp(38px,5.2vw,58px);line-height:.98;letter-spacing:-.055em}.speaking-heading p{max-width:690px;color:var(--echo-muted);font-size:16px;line-height:1.55}.speaking-privacy{max-width:100%;flex:0 1 auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--echo-line);border-radius:99px;color:var(--echo-muted);background:var(--echo-surface);font-size:10px;font-weight:650}.speaking-privacy i{width:7px;height:7px;display:block;border-radius:50%;background:#42ad7d;box-shadow:0 0 0 4px #42ad7d1a}.speaking-setup{margin-top:32px}.speaking-choice{padding:18px;border:1px solid var(--echo-line);border-radius:16px;background:var(--echo-surface);box-shadow:0 7px 24px #20243406}.speaking-choice>span{display:block;margin-bottom:11px;color:var(--echo-muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.speaking-choice>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.speaking-choice button{min-height:64px;display:grid;align-content:center;gap:3px;padding:10px 13px;border:1px solid var(--echo-line);border-radius:11px;color:var(--echo-text);background:var(--echo-surface-soft);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.speaking-choice button:hover{border-color:#b8b5d7;transform:translateY(-1px)}.speaking-choice button.active{border-color:var(--echo-purple);background:var(--echo-purple-soft);box-shadow:inset 0 0 0 1px var(--echo-purple)}.speaking-choice button:disabled{opacity:.55;cursor:not-allowed;transform:none}.speaking-choice button strong{font-size:13px}.speaking-choice button small{color:var(--echo-muted);font-size:9px}.speaking-workspace{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;margin-top:18px}.speaking-workspace>*{min-width:0;max-width:100%}.speaking-stage,.speaking-guide-panel{border:1px solid var(--echo-line);border-radius:19px;background:var(--echo-surface);box-shadow:0 9px 30px #20243409}.speaking-stage{min-width:0;padding:28px}.speaking-lesson-title{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--echo-line)}.speaking-lesson-title>div:first-child>span{color:var(--echo-purple-dark);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.speaking-lesson-title h2{margin:5px 0;font-size:25px;letter-spacing:-.035em}.speaking-lesson-title p{color:var(--echo-muted);font-size:12px}.speaking-progress-ring{--speaking-progress: 0deg;position:relative;width:76px;height:76px;flex:0 0 auto;display:grid;place-content:center;border-radius:50%;text-align:center;background:conic-gradient(var(--echo-purple) var(--speaking-progress),var(--echo-surface-soft) 0)}.speaking-progress-ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:inherit;background:var(--echo-surface)}.speaking-progress-ring strong,.speaking-progress-ring span{position:relative;z-index:1;display:block}.speaking-progress-ring strong{font-size:15px}.speaking-progress-ring span{margin-top:1px;color:var(--echo-muted);font-size:7px;text-transform:uppercase}.speaking-line-card{padding-top:24px}.speaking-line-meta{display:flex;align-items:center;justify-content:space-between}.speaking-line-meta span{color:var(--echo-muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.speaking-line-meta strong{padding:5px 9px;border-radius:99px;color:var(--echo-purple-dark);background:var(--echo-purple-soft);font-size:10px}.speaking-line-text{min-height:142px;display:flex;align-items:center;justify-content:center;padding:30px clamp(14px,5vw,56px);color:var(--echo-text);font-size:clamp(22px,3vw,32px);font-weight:620;line-height:1.35;letter-spacing:-.025em;text-align:center}.speaking-line-text.hidden-text{color:var(--echo-muted);font-size:15px;font-weight:450;letter-spacing:0}.speaking-wave{height:52px;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 0;overflow:hidden}.speaking-wave i{width:3px;min-height:4px;display:block;border-radius:99px;background:#c6c1f4;transform:scaleY(.55);transition:transform .2s ease}.speaking-line-card:has(.speaking-primary-actions button.recording) .speaking-wave i{background:var(--echo-purple);animation:speakingWave .75s ease-in-out infinite alternate}@keyframes speakingWave{0%{transform:scaleY(.32);opacity:.45}to{transform:scaleY(1);opacity:1}}.speaking-primary-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:12px}.speaking-primary-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border:1px solid var(--echo-purple);border-radius:11px;color:#fff;background:var(--echo-purple);font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:transform .18s ease,background .18s ease}.speaking-primary-actions button:hover:not(:disabled){background:var(--echo-purple-dark);transform:translateY(-1px)}.speaking-primary-actions button:disabled{opacity:.48;cursor:wait}.speaking-primary-actions button.secondary{border-color:var(--echo-line);color:var(--echo-text);background:var(--echo-surface)}.speaking-primary-actions button.secondary:hover{border-color:#bbb7dc;color:var(--echo-purple-dark);background:var(--echo-purple-soft)}.speaking-primary-actions button.quiet{min-height:42px;border-color:transparent;color:var(--echo-muted);background:transparent}.speaking-primary-actions button.quiet:hover{color:var(--echo-text);background:var(--echo-surface-soft)}.speaking-primary-actions button.recording{border-color:#d84857;background:#d84857}.speaking-primary-actions button>i{width:9px;height:9px;display:block;border-radius:3px;background:currentColor}.speaking-compare{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:14px 16px;border:1px solid var(--echo-line);border-radius:13px;background:var(--echo-surface-soft)}.speaking-compare>div{min-width:0;flex:1}.speaking-compare>div>span{display:block;margin-bottom:7px;color:var(--echo-muted);font-size:9px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.speaking-compare p{color:var(--echo-muted);font-size:11px}.speaking-compare audio{width:min(410px,100%);height:34px;display:block}.speaking-compare>button{flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid var(--echo-line);border-radius:9px;color:var(--echo-text);background:var(--echo-surface);font-size:10px;font-weight:700;cursor:pointer}.speaking-line-nav{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;gap:14px;margin-top:22px}.speaking-line-nav>button{border:0;color:var(--echo-muted);background:transparent;font-size:10px;font-weight:700;cursor:pointer}.speaking-line-nav>button:last-child{text-align:right}.speaking-line-nav>button:first-child{text-align:left}.speaking-line-nav>button:disabled{opacity:.35;cursor:default}.speaking-line-nav>div{display:flex;align-items:center;justify-content:center;gap:7px}.speaking-line-nav>div button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--echo-line);cursor:pointer}.speaking-line-nav>div button.complete{background:#8d83ee}.speaking-line-nav>div button.active{box-shadow:0 0 0 4px var(--echo-purple-soft);background:var(--echo-purple)}.speaking-status{display:flex;align-items:center;gap:8px;margin-top:23px;padding:11px 13px;border-radius:10px;color:var(--echo-muted);background:var(--echo-surface-soft);font-size:10px}.speaking-status i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#a5a9b2}.speaking-status.recording i{background:#df4858;box-shadow:0 0 0 4px #df48581a;animation:recordPulse 1s ease-in-out infinite alternate}@keyframes recordPulse{to{box-shadow:0 0 0 8px #df485805}}.speaking-guide-panel{position:sticky;top:90px;padding:22px}.speaking-guide-panel>span,.youtube-intro>span{color:var(--echo-purple-dark);font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.speaking-guide-panel h2{margin:4px 0 18px;font-size:21px;letter-spacing:-.035em}.speaking-guide-panel ol{display:grid;gap:8px;padding:0;list-style:none;counter-reset:speaking-step}.speaking-guide-panel li{position:relative;display:grid;gap:2px;min-height:54px;align-content:center;padding:9px 10px 9px 44px;border-radius:10px;background:var(--echo-surface-soft);counter-increment:speaking-step}.speaking-guide-panel li:before{content:counter(speaking-step);position:absolute;left:12px;top:13px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--echo-purple-dark);background:var(--echo-purple-soft);font-size:9px;font-weight:800}.speaking-guide-panel li strong{font-size:10px}.speaking-guide-panel li small,.speaking-guide-panel>p{color:var(--echo-muted);font-size:9px;line-height:1.45}.speaking-guide-panel>p{margin-top:18px;padding-top:16px;border-top:1px solid var(--echo-line)}.speaking-control-group{margin-top:20px;padding-top:18px;border-top:1px solid var(--echo-line)}.speaking-control-group>span{display:block;margin-bottom:8px;color:var(--echo-muted);font-size:9px;font-weight:700}.speaking-control-group>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.speaking-control-group button{min-height:31px;padding:0 4px;border:1px solid var(--echo-line);border-radius:7px;color:var(--echo-muted);background:var(--echo-surface-soft);font-size:8px;font-weight:700;cursor:pointer}.speaking-control-group button.active{border-color:var(--echo-purple);color:var(--echo-purple-dark);background:var(--echo-purple-soft)}.speaking-control-group button:disabled{opacity:.45;cursor:not-allowed}.youtube-practice{min-height:590px}.youtube-intro{padding-bottom:20px;border-bottom:1px solid var(--echo-line)}.youtube-intro h2{margin:5px 0;font-size:25px;letter-spacing:-.035em}.youtube-intro p{color:var(--echo-muted);font-size:12px;line-height:1.55}.youtube-link-form{display:grid;gap:7px;margin:22px 0 18px}.youtube-link-form label{color:var(--echo-muted);font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.youtube-link-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.youtube-link-form input{min-width:0;height:44px;padding:0 13px;border:1px solid var(--echo-line);border-radius:10px;outline:none;color:var(--echo-text);background:var(--echo-surface-soft);font:inherit;font-size:11px}.youtube-link-form input:focus{border-color:var(--echo-purple);box-shadow:0 0 0 3px #6254e81a}.youtube-link-form button,.youtube-speed button{border:1px solid var(--echo-line);border-radius:9px;color:var(--echo-text);background:var(--echo-surface);font:inherit;font-size:9px;font-weight:750;cursor:pointer}.youtube-link-form button{padding:0 17px;border-color:var(--echo-purple);color:#fff;background:var(--echo-purple)}.youtube-link-form button:disabled,.youtube-speed button:disabled{opacity:.45;cursor:not-allowed}.youtube-link-form>p{color:#c33f4d;font-size:10px}.youtube-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:15px;align-items:start}.youtube-player-column{min-width:0}.youtube-player-wrap{position:relative;width:100%;overflow:hidden;padding-top:56.25%;border-radius:13px;background:#111}.youtube-player-wrap>div,.youtube-player-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.youtube-length-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.youtube-length-control>span{color:var(--echo-muted);font-size:8px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.youtube-length-control>div{display:flex;gap:4px;padding:3px;border:1px solid var(--echo-line);border-radius:10px;background:var(--echo-surface-soft)}.youtube-length-control button{min-height:29px;padding:0 10px;border:0;border-radius:7px;color:var(--echo-muted);background:transparent;font:inherit;font-size:8px;font-weight:750;cursor:pointer}.youtube-length-control button.active{color:#fff;background:var(--echo-purple);box-shadow:0 2px 8px #6254e833}.youtube-length-control button:disabled{opacity:.45;cursor:not-allowed}.youtube-active-sentence{min-height:105px;margin-top:11px;padding:14px 16px;border:1px solid var(--echo-line);border-radius:12px;background:var(--echo-surface-soft)}.youtube-active-sentence>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--echo-muted);font-size:8px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.youtube-active-sentence p{margin-top:9px;color:var(--echo-text);font-size:16px;font-weight:650;line-height:1.45}.youtube-clip-nav{display:grid;grid-template-columns:auto 1fr auto;gap:6px;margin-top:8px}.youtube-clip-nav button{min-height:39px;padding:0 11px;border:1px solid var(--echo-line);border-radius:9px;color:var(--echo-text);background:var(--echo-surface);font:inherit;font-size:9px;font-weight:750;cursor:pointer}.youtube-clip-nav button.primary{border-color:var(--echo-purple);color:#fff;background:var(--echo-purple)}.youtube-clip-nav button:disabled{opacity:.4;cursor:not-allowed}.youtube-speed{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.youtube-speed>span{color:var(--echo-muted);font-size:8px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.youtube-speed>div{display:flex;gap:5px}.youtube-speed button{min-width:42px;min-height:30px}.youtube-speed button.active{border-color:var(--echo-purple);color:var(--echo-purple-dark);background:var(--echo-purple-soft)}.youtube-transcript-panel{min-width:0;overflow:hidden;border:1px solid var(--echo-line);border-radius:13px;background:var(--echo-surface)}.youtube-transcript-heading{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;border-bottom:1px solid var(--echo-line)}.youtube-transcript-heading strong{font-size:12px}.youtube-transcript-heading span{color:var(--echo-muted);font-size:8px}.youtube-transcript-list{height:430px;overflow-y:auto;padding:6px}.youtube-transcript-list button{width:100%;display:grid;grid-template-columns:38px 1fr 18px;align-items:start;gap:7px;padding:10px 8px;border:0;border-radius:8px;color:var(--echo-text);background:transparent;font:inherit;text-align:left;cursor:pointer}.youtube-transcript-list button:hover:not(:disabled){background:var(--echo-surface-soft)}.youtube-transcript-list button.active{color:var(--echo-purple-dark);background:var(--echo-purple-soft)}.youtube-transcript-list button:disabled{opacity:.6;cursor:wait}.youtube-transcript-list time{padding-top:2px;color:var(--echo-faint);font-size:8px;font-variant-numeric:tabular-nums}.youtube-transcript-list button.active time{color:var(--echo-purple-dark)}.youtube-transcript-list span{font-size:10px;line-height:1.45}.youtube-transcript-list i{color:var(--echo-purple);font-size:8px;font-style:normal;opacity:0}.youtube-transcript-list button.active i,.youtube-transcript-list button:hover i{opacity:1}.youtube-note{margin-top:14px;color:var(--echo-faint);font-size:9px;line-height:1.5;text-align:center}.youtube-empty-state{min-height:330px;display:grid;place-content:center;justify-items:center;gap:7px;border:1px dashed var(--echo-line);border-radius:14px;color:var(--echo-muted);background:var(--echo-surface-soft);text-align:center}.youtube-empty-state>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--echo-purple);font-size:16px}.youtube-empty-state strong{margin-top:5px;color:var(--echo-text);font-size:13px}.youtube-empty-state p{font-size:10px}@media (max-width: 1200px){.speaking-heading{align-items:flex-start;flex-direction:column;gap:17px}}@media (max-width: 960px){.speaking-workspace{grid-template-columns:1fr}.speaking-guide-panel{position:static}}@media (max-width: 640px){.speaking-page{padding:34px 15px 64px}.speaking-heading h1{font-size:40px}.speaking-choice>div{grid-template-columns:1fr}.speaking-stage{padding:20px 16px}.speaking-lesson-title{align-items:flex-start}.speaking-progress-ring{width:64px;height:64px}.speaking-line-text{min-height:158px;padding-left:4px;padding-right:4px;font-size:23px}.speaking-wave{gap:3px}.speaking-wave i{width:2px}.speaking-primary-actions{align-items:stretch;flex-direction:column}.speaking-primary-actions button{width:100%}.speaking-compare{align-items:stretch;flex-direction:column}.speaking-compare>button{align-self:flex-start}.speaking-line-nav{grid-template-columns:70px 1fr 70px;gap:6px}.youtube-link-form>div,.youtube-workspace{grid-template-columns:1fr}.youtube-link-form button{min-height:42px}.youtube-length-control{align-items:flex-start;flex-direction:column}.youtube-length-control>div{width:100%}.youtube-length-control button{flex:1}.youtube-transcript-list{height:330px}}@media (max-width: 820px){.workout-source-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.app-header{padding-left:18px;padding-right:18px}.app-nav{gap:18px}.practice-page{padding-top:22px}.practice-toolbar>div{width:100%;justify-content:flex-start}.practice-create-button{width:100%}.practice-controls{justify-content:flex-start}.practice-range{width:100%;margin-left:0}.workout-modal-overlay{padding:12px;align-items:flex-start}.workout-modal{max-height:calc(100vh - 24px);border-radius:15px}.workout-modal-header{height:60px;padding:0 20px}.workout-modal-body{padding:28px 20px 22px}.workout-source-options{grid-template-columns:1fr 1fr;gap:9px}.workout-source-options button{min-height:104px;padding:15px}.workout-source-options button.active{padding:14px}.workout-modal-settings{padding:20px}.workout-modal-grid{grid-template-columns:1fr}.workout-modal-actions{padding:0 20px 24px}.workout-modal-cancel,.workout-modal-submit{flex:1;padding:0 12px}.settings-page{padding:36px 16px 60px}.settings-card{padding:21px}.settings-grid,.theme-options{grid-template-columns:1fr}.theme-preview{height:58px}.smart-page{padding:30px 16px 60px}.smart-heading{align-items:flex-start}.smart-heading p{max-width:240px}.smart-progress-card{align-items:stretch;flex-direction:column}.smart-progress-stats{grid-template-columns:repeat(3,1fr)}.smart-progress-stats>div{min-width:0;padding:9px}.smart-intro-card{grid-template-columns:auto 1fr;padding:24px}.smart-intro-card>button{grid-column:1 / -1}.smart-workout-card{padding:24px 20px}.smart-workout-topline{grid-template-columns:1fr;gap:14px}.smart-audio-actions{flex-wrap:wrap}.smart-audio-actions button{flex:1}.smart-answer-footer{align-items:stretch;flex-direction:column}.smart-answer-footer>button{width:100%}.smart-summary-card{padding:30px 20px}.smart-summary-grid{grid-template-columns:1fr}.smart-inline-status{justify-items:start;width:100%}.smart-selection-reason{display:block;margin:5px 0 0}}@media (max-width: 900px){.progress-hero,.progress-overview{grid-template-columns:1fr 1fr}.progress-two-column{grid-template-columns:1fr}.skill-grid{grid-template-columns:1fr 1fr}.level-row{grid-template-columns:140px minmax(130px,1fr)}.level-row>span{grid-column:2;text-align:left}}@media (max-width: 640px){.app-nav{gap:16px}.progress-page{padding:35px 16px 64px}.progress-heading{align-items:stretch;flex-direction:column}.progress-heading>button{width:100%}.progress-hero,.progress-overview,.skill-grid{grid-template-columns:1fr}.progress-level,.progress-hero-stat,.progress-goal{min-height:112px}.progress-card{padding:21px 18px}.progress-card-title{align-items:flex-start;flex-direction:column}.activity-chart{gap:5px}.progress-review li{align-items:flex-start;flex-direction:column}.review-skills{justify-content:flex-start}.level-row{grid-template-columns:1fr;gap:8px}.level-row>span{grid-column:1}.level-legend{justify-content:flex-start}.progress-definition{flex-direction:column;gap:7px}}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-zinc-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(82 82 91 / var(--tw-ring-opacity, 1))}