.lab-shell{--ink:#362d4a;--muted:#746c83;--purple:#7b60ac;--line:#e7e0ee;max-width:1240px;color:var(--ink);margin:auto;padding:24px 28px 40px;font-family:Arial,sans-serif}.lab-shell *{box-sizing:border-box}.lab-shell button,.lab-shell input,.lab-shell select{font:inherit}.lab-shell button,.lab-shell select,.lab-shell input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;padding:12px 16px}.lab-shell button{cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.lab-shell button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 16px #6b4d9c16}.lab-shell button:disabled{opacity:.5;cursor:default}.lab-shell a{color:inherit;text-decoration:none}.lab-shell :focus-visible{outline-offset:3px;outline:3px solid #b8a1dc}.lab-nav{justify-content:space-between;align-items:center;gap:16px;padding:4px 0 24px;display:flex}.lab-brand{letter-spacing:-.6px;font-size:22px;font-weight:800}.lab-brand span{letter-spacing:0;border-left:1px solid var(--line);margin-left:10px;padding-left:12px;font-size:14px;font-weight:400}.lab-nav>a:last-child{color:var(--purple);font-size:14px}.lab-hero{background:radial-gradient(at 90% 40%,#f0dcde,#0000 45%),linear-gradient(115deg,#f1ebfa,#f9f7fc);border-radius:32px;justify-content:space-between;align-items:center;gap:30px;padding:44px 48px;display:flex;overflow:hidden}.lab-hero>div{max-width:820px}.lab-eyebrow{letter-spacing:2px;color:var(--purple);font-size:11px;font-weight:700}.lab-hero h1{letter-spacing:-1.5px;margin:18px 0;font-size:clamp(32px,4vw,48px);line-height:1.1}.lab-hero p:not(.lab-eyebrow){color:var(--muted);font-size:17px;line-height:1.65}.lab-pills{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.lab-pills span{background:#ffffffa8;border-radius:100px;padding:8px 12px;font-size:12px}.lab-owl{filter:drop-shadow(0 15px 12px #8a699529);width:140px;min-width:110px;animation:4s ease-in-out infinite lab-float}.lab-owl-eyes{transform-origin:50%;animation:7s infinite lab-blink}.lab-catalog-tools{flex-wrap:wrap;justify-content:space-between;gap:14px;margin:30px 0 22px;display:flex}.lab-tabs{flex-wrap:wrap;gap:6px;display:flex}.lab-tabs button{background:#f5f2f8;border:none;font-size:13px}.lab-tabs button[aria-pressed=true]{background:var(--purple);color:#fff}.lab-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.lab-topic{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;padding:26px;transition:transform .2s,box-shadow .2s;animation:.5s both lab-arrive;display:flex;box-shadow:0 7px 20px #34244705}.lab-topic:hover{transform:translateY(-5px);box-shadow:0 14px 28px #654c9415}.lab-topic-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.lab-topic-top small{color:var(--muted);font-size:11px}.lab-icon{color:var(--purple);background:#f0e9fa;border-radius:15px;place-items:center;width:52px;height:52px;font-size:23px;font-weight:700;display:grid}.lab-topic:nth-child(3n+2) .lab-icon{color:#60836c;background:#edf4ee}.lab-topic:nth-child(3n) .lab-icon{color:#a08252;background:#fbefdf}.lab-topic h2{letter-spacing:-.4px;margin:24px 0 10px;font-size:21px}.lab-topic p{color:var(--muted);flex:1;margin:0 0 24px;font-size:14px;line-height:1.6}.lab-topic footer{border-top:1px solid var(--line);justify-content:space-between;padding-top:16px;font-size:12px;display:flex}.lab-topic footer b{color:var(--purple)}.lab-back{margin:18px 0;color:var(--purple)!important;background:0 0!important;border:none!important;padding-left:0!important}.lab-settings{border:1px solid var(--line);border-radius:22px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:22px;padding:20px;display:flex}.lab-settings label{color:var(--muted);flex-direction:column;flex:1;gap:8px;min-width:130px;font-size:12px;display:flex}.lab-settings select{width:100%;max-width:340px;font-size:13px}.lab-settings .lab-check{flex-direction:row;flex:0;align-self:center;align-items:center;min-width:160px}.lab-check input{accent-color:var(--purple);width:18px;height:18px}.lab-shell .lab-primary{background:var(--purple);border-color:var(--purple);color:#fff;font-weight:700}.lab-runner,.lab-finish,.lab-empty{border:1px solid var(--line);background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 12px 30px #50376b08}.lab-runner-top{justify-content:space-between;padding:22px 28px;font-size:14px;display:flex}.lab-runner-top b{font-size:24px}.lab-score{color:#438060;font-weight:700}.lab-score em{color:#b26b7c;padding-left:14px;font-style:normal;font-weight:400}.lab-track{background:#f3eef9;height:4px}.lab-track i{background:#b09bcf;height:100%;transition:width .4s;display:block}.lab-exercise{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:35px 24px;animation:.25s lab-arrive;display:flex}.lab-exercise>small{color:var(--muted);font-size:12px}.lab-word{overflow-wrap:anywhere;width:100%;margin:18px 0;font-size:clamp(24px,4.3vw,54px);font-weight:700;line-height:2.1}.lab-word input{width:1.5em;height:1.55em;font-size:inherit;text-align:center;vertical-align:middle;background:#faf7fe;border:2px dashed #b5a0d0;border-radius:10px;margin:0 3px;padding:0}.lab-sentence{overflow-wrap:anywhere;max-width:880px;margin:24px 0;font-size:clamp(22px,2.5vw,32px);line-height:1.65}.lab-options{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lab-options button{padding:18px 24px;font-size:19px}.lab-options button.correct{color:#30684a;opacity:1;background:#e6f4ec;border-color:#6f9b81}.lab-options button.chosen{background:#f9e5eb}.lab-gap-choices{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.lab-gap-choices small{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.lab-gap-choices button{min-width:56px;margin:4px;font-size:24px;font-weight:700}.lab-gap-choices button[aria-pressed=true]{border-color:var(--purple);background:#ede4fa}.lab-text-answer{width:min(100%,420px);font-size:20px!important}.lab-feedback{background:#f0eaf8;border-radius:18px;max-width:860px;margin-top:22px;padding:18px 24px;animation:.3s lab-arrive}.lab-feedback p{margin:10px 0;font-size:21px;line-height:1.5}.lab-feedback small{font-size:14px;line-height:1.7}.lab-right .lab-feedback{color:#356b4e;background:#eaf5ef}.lab-wrong .lab-feedback{color:#985867;background:#fcf0ef}.lab-runner-actions{border-top:1px solid var(--line);justify-content:center;gap:12px;padding:18px 24px;display:flex}.lab-runner-actions button{min-width:145px}.lab-finish,.lab-empty{text-align:center;padding:50px 22px}.lab-finish-icon{color:#b09bd0;font-size:48px;animation:3s infinite lab-float;display:block}.lab-finish h2,.lab-empty h2{font-size:28px}.lab-finish>strong{color:var(--purple);font-size:64px}.lab-finish strong small{color:var(--muted);font-size:26px}.lab-finish p,.lab-empty p{color:var(--muted)}.lab-finish>div{flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0;display:flex}.lab-finish>a,.lab-finish>small{margin-top:14px;display:block}.lab-finish>a{color:var(--purple);font-weight:700}.lab-finish>small{color:var(--muted)}.lab-wordlist{border:1px solid var(--line);border-radius:22px;margin-top:22px;padding:22px}.lab-wordlist summary{cursor:pointer;font-weight:700;line-height:1.7}.lab-wordlist summary span{color:var(--muted);margin-left:12px;font-size:13px;font-weight:400}.lab-wordlist p{color:var(--muted);font-size:13px;line-height:1.6}.lab-list{flex-wrap:wrap;gap:8px;max-height:430px;padding:10px 0 24px;display:flex;overflow:auto}.lab-list span{background:#f6f3f9;border-radius:12px;padding:8px 12px;font-size:13px;line-height:1.5}.lab-list .right{background:#e2f1e7}.lab-list .wrong{background:#fae4eb}.lab-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:32px 0 0;font-size:12px;display:flex}.lab-alert{background:#fff1e1;border-radius:14px;padding:14px 20px;font-size:14px}.lab-shell select{cursor:pointer}@keyframes lab-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lab-float{50%{transform:translateY(-8px)rotate(2deg)}}@keyframes lab-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@media (width<=900px){.lab-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-hero{padding:32px}.lab-owl{width:105px}}@media (width<=580px){.lab-shell{padding:18px 14px 30px}.lab-nav{padding-bottom:18px}.lab-brand{font-size:19px}.lab-brand span{display:none}.lab-hero{padding:26px 22px;position:relative}.lab-hero>div{z-index:1;position:relative}.lab-hero h1{max-width:90%;font-size:32px}.lab-hero p:not(.lab-eyebrow){font-size:14px}.lab-owl{opacity:.45;width:72px;min-width:0;position:absolute;top:14px;right:12px}.lab-pills{gap:6px}.lab-pills span{padding:7px 9px;font-size:10px}.lab-catalog{grid-template-columns:1fr}.lab-topic{padding:22px}.lab-settings{gap:12px;padding:16px}.lab-settings label{min-width:110px}.lab-settings>.lab-primary{width:100%}.lab-runner-top{padding:16px;font-size:12px}.lab-score em{padding-left:8px}.lab-word{font-size:30px;line-height:2.2}.lab-word input{width:1.35em}.lab-exercise{min-height:320px;padding:26px 14px}.lab-gap-choices{gap:12px}.lab-gap-choices button{min-width:44px;padding:10px;font-size:21px}.lab-runner-actions{padding:16px}.lab-runner-actions button{flex:1;min-width:0}.lab-wordlist{padding:18px}.lab-wordlist summary span{margin:0;display:block}.lab-options button{padding:15px;font-size:17px}.lab-catalog-tools>input{width:100%}}@media (prefers-reduced-motion:reduce){.lab-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}