:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf0f7;background:#0b1726;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 85% 12%,#1b3446 0,transparent 34%),#0b1726}.topbar{max-width:1210px;margin:auto;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:-.04em}.brand-muted{font-weight:400;color:#a5b3c0}.brand-icon{display:flex;justify-content:center;align-items:center;width:37px;height:37px;color:#07161c;background:#a8e2c5;border-radius:12px;font-weight:850;font-size:23px}.header-tag{font-size:12px;color:#8fa6b7;letter-spacing:.02em}main{max-width:1210px;margin:auto;padding:0 34px 58px}.hero{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:68px;min-height:530px;padding:76px 0 85px}.eyebrow,.section-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#a8e2c5}.eyebrow{display:inline-flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#a8e2c5;box-shadow:0 0 0 4px #a8e2c51d}h1{font-size:clamp(45px,5vw,78px);line-height:1.07;letter-spacing:-.065em;margin:26px 0 24px;font-weight:760}h1 span{color:#a8e2c5}.intro{max-width:525px;color:#a5b6c5;font-size:17px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:31px}.button-primary{border:0;background:#a8e2c5;color:#08251d;border-radius:12px;padding:15px 19px;font-weight:720;box-shadow:0 10px 35px #0003}.button-primary:hover{background:#c0f5d8}.button-primary span{margin-left:7px}.status{display:inline-flex;align-items:center;gap:8px;color:#a5b6c5;font-size:13px}.status-dot{width:8px;height:8px;background:#728697;border-radius:50%}.status.online .status-dot{background:#90e1b4}.status.offline .status-dot{background:#f2a59e}.concept-demo{background:linear-gradient(145deg,#203746,#132736);padding:29px;border-radius:22px;border:1px solid #ffffff1c;box-shadow:0 28px 65px #0004}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a9bcc8;letter-spacing:.14em;font-weight:750}.demo-label{border-radius:7px;background:#ffffff13;padding:8px 10px;color:#b8dccc}.concept-core{text-align:center;padding:34px 8px 30px}.concept-illustration{display:grid;place-items:center;width:92px;height:92px;border:1px solid #a8e2c55d;background:#a8e2c515;color:#a8e2c5;border-radius:24px;margin:0 auto 17px;font-size:58px;font-weight:760}.concept-core>span{font-weight:660;color:#eff6f7}.translation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.translation-grid>div{background:#ffffff0d;border:1px solid #ffffff10;border-radius:12px;padding:17px 11px;display:grid;gap:9px}.translation-grid small{font-size:10px;letter-spacing:.06em;color:#8fa5b7}.translation-grid strong{font-size:17px;font-weight:720}.demo-note{text-align:center;font-size:11px;color:#90a5b5;line-height:1.5;margin:19px 0 0}.features{border-top:1px solid #ffffff18;padding-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{font-size:31px;letter-spacing:-.05em;margin:9px 0 28px}.section-caption{font-size:12px;color:#8297a8;margin-bottom:31px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:#142637;border:1px solid #ffffff14;padding:27px;border-radius:16px;display:flex;flex-direction:column;min-height:226px}.feature-number{font-size:13px;color:#a8e2c5;font-weight:760}.feature-card h3{font-size:20px;letter-spacing:-.035em;margin:22px 0 10px}.feature-card p{font-size:14px;color:#9aafbf;line-height:1.65;margin:0 0 21px}.feature-state{color:#a8e2c5;font-size:12px;margin-top:auto}.footer-note{color:#6e8799;font-size:12px;margin:28px 0 0}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:32px;padding:56px 0}.concept-demo{max-width:590px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.header-tag{display:none}}@media(max-width:480px){.topbar{padding:20px}.brand{font-size:16px}main{padding:0 20px 42px}.hero{padding:44px 0}.intro,.translation-grid strong{font-size:15px}.concept-demo{padding:20px}.section-head{align-items:start;display:block}.section-caption{display:block;margin:-13px 0 20px}.section-head h2{font-size:25px}.feature-card{padding:22px}}.quiz-panel{margin-top:42px;padding:30px;border:1px solid #ffffff20;border-radius:20px;background:#142637}.quiz-panel .section-head h2{margin-bottom:22px}.quiz-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.quiz-controls label{display:grid;gap:8px;color:#a5b6c5;font-size:13px;flex:1;min-width:150px}.quiz-controls select,.quiz-question input{padding:14px;border:1px solid #ffffff2c;border-radius:12px;background:#0b1726;color:#eaf0f7;font:inherit;min-width:0}.quiz-controls button{min-height:48px}.quiz-question{margin-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.quiz-question h3{font-size:34px;margin:0}.quiz-question input{width:min(100%,420px)}.quiz-empty{color:#a5b6c5;line-height:1.6}.quiz-panel button:disabled{opacity:.55;cursor:not-allowed}.catalog-heading{padding:64px 0 38px}.catalog-heading h1{font-size:clamp(35px,4.1vw,59px);margin:18px 0}.catalog-heading .intro{max-width:760px}.catalog-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 25px}.catalog-stats>div{background:#152c3b;border:1px solid #ffffff14;border-radius:15px;padding:19px 20px;display:grid;gap:7px}.catalog-stats strong{font-size:26px;letter-spacing:-.05em;color:#b7ecd5}.catalog-stats small{color:#9aafbf;font-size:12px}.catalog-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:20px;align-items:start}.catalog-sidebar,.catalog-content{background:#132635;border:1px solid #ffffff1c;border-radius:17px;padding:22px;min-width:0}.catalog-heading-small{display:flex;align-items:center;justify-content:space-between}.catalog-heading-small h2,.catalog-toolbar h2{font-size:20px;margin:0}.clear-button,.section-toggle{background:none;border:0;color:#a8e2c5}.catalog-filter{border-top:1px solid #ffffff1a;margin-top:18px;padding-top:17px}.catalog-filter h3{font-size:13px;color:#dfedf2;margin:0 0 14px}.view-toggle{display:flex;gap:5px;padding:4px;background:#091a28;border-radius:11px}.view-toggle button{flex:1;border:0;background:transparent;color:#b0c3ce;border-radius:8px;padding:10px 6px}.view-toggle button.chosen{background:#295747;color:#d5ffeb}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{border:1px solid #ffffff2b;padding:8px 12px;border-radius:9px;color:#b4c6d0;font-size:12px;cursor:pointer}.filter-pill.checked{background:#a8e2c52a;border-color:#a8e2c5;color:#dbfce9}.filter-pill input{position:absolute;opacity:0;width:1px;height:1px}.filter-hint{font-size:11px;color:#8ba5b5;line-height:1.6}.section-toggle{font-weight:700;width:100%;display:flex;justify-content:space-between;padding:0}.filter-scroll{max-height:240px;overflow:auto;display:grid;gap:12px}.filter-scroll.short{max-height:195px}.filter-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#bed0d9;cursor:pointer}.filter-check input{accent-color:#a8e2c5}.filter-check span{flex:1}.filter-check small{color:#7996a7}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.catalog-toolbar p{margin:7px 0 0;color:#95abb9;font-size:12px}.catalog-search{width:min(100%,330px)}.catalog-search input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ffffff28;background:#0b1b29;color:#fff;font:inherit;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.active-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.active-filters button{border:1px solid #a8e2c550;background:#a8e2c51b;border-radius:20px;color:#c7f5df;padding:7px 11px;font-size:11px}.catalog-table-container{width:100%;overflow:auto}.catalog-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.catalog-table th{color:#9eb4bf;text-transform:uppercase;letter-spacing:.04em;font-size:10px;padding:12px 9px;border-bottom:1px solid #ffffff2b;white-space:nowrap}.catalog-table td{padding:13px 9px;border-bottom:1px solid #ffffff12;max-width:250px;overflow-wrap:anywhere;color:#d4e4e9}.catalog-table td:first-child{font-weight:700;color:#f0f7f8}.catalog-table tr:hover td{background:#ffffff07}.catalog-table .no-results{text-align:center;color:#9baeb9;padding:35px}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:#a8bac5;font-size:12px}.catalog-pagination>div{display:flex;gap:8px}.catalog-pagination button{border:1px solid #ffffff28;border-radius:9px;color:#d0e4e9;background:#20394a;padding:9px 13px}.catalog-pagination button:disabled{opacity:.4;cursor:not-allowed}.catalog-error{color:#ffc8ba}@media(max-width:950px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.catalog-heading-small{grid-column:1/-1}.catalog-filter{margin-top:0}}@media(max-width:650px){.catalog-stats{grid-template-columns:repeat(2,1fr)}.catalog-sidebar{display:block}.catalog-filter{margin-top:16px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{width:100%}.catalog-content,.catalog-sidebar{padding:17px}.catalog-heading{padding-top:38px}}.pos-chart{padding:19px 18px;margin:0 0 22px;background:#102231;border:1px solid #ffffff18;border-radius:14px}.pos-chart-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:15px}.pos-chart-head h3{font-size:15px;margin:0 0 5px;color:#e9f5f7}.pos-chart-head p{font-size:11px;line-height:1.5;color:#99b0bd;margin:0}.pos-chart-head>span{font-size:11px;white-space:nowrap;color:#99b0bd}.pos-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.pos-bar-row{display:grid;grid-template-columns:minmax(75px,1fr) minmax(45px,2fr) auto;align-items:center;gap:9px;text-align:left;background:transparent;color:#c7d9df;border:1px solid transparent;border-radius:7px;padding:6px;font:inherit;cursor:pointer}.pos-bar-row:hover,.pos-bar-row:focus-visible{background:#ffffff0b;outline-color:#a8e2c5}.pos-bar-row.active{background:#a8e2c51c;border-color:#a8e2c566}.pos-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.pos-bar-track{height:14px;background:#ffffff0d;border-radius:4px;overflow:hidden;display:block}.pos-bar-fill{display:block;background:#6abfa4;height:100%;border-radius:4px;min-width:2px;transition:width .2s ease}.pos-bar-row.active .pos-bar-fill{background:#b4ffdb}.pos-bar-number{font-size:11px;color:#aabfc9;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:700px){.pos-bars{grid-template-columns:1fr}.pos-chart-head{flex-wrap:wrap}}.filter-drawer-wrap{position:relative;min-width:0}.filter-drawer-toggle{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;margin-bottom:15px;background:linear-gradient(120deg,#214b50,#173b40);border:1px solid #7be0c05c;border-radius:13px;color:#e5fff6;box-shadow:0 9px 24px #0004;transition:background .2s,transform .2s}.filter-drawer-toggle:hover{background:#295d57;transform:translateY(-1px)}.filter-toggle-icon{font-size:20px;color:#a8e2c5}.filter-count{min-width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#a8e2c527;font-weight:700}.catalog-layout{transition:grid-template-columns .3s ease}.catalog-layout.with-drawer{grid-template-columns:275px minmax(0,1fr)}.catalog-layout.without-drawer{grid-template-columns:0 minmax(0,1fr);gap:0}.catalog-sidebar.drawer{overflow:hidden;transition:opacity .22s ease,transform .28s ease,padding .25s ease,visibility .25s}.catalog-sidebar.drawer-closed{opacity:0;visibility:hidden;transform:translate(-24px);padding:0;border:0;pointer-events:none;height:0}.catalog-sidebar.drawer-open{opacity:1;visibility:visible;transform:translate(0)}.catalog-filter .section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;padding:6px 0;color:#def6ec;cursor:pointer}.catalog-filter .section-toggle span:last-child{font-size:20px;color:#a8e2c5}.accordion-body{padding:13px 1px 6px;animation:filter-reveal .22s ease}.language-filter{width:100%;padding:12px;border-radius:10px;border:1px solid #ffffff30;background:#0b1b29;color:#eaf6f0;font:inherit;font-size:13px}@keyframes filter-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.catalog-layout.with-drawer{grid-template-columns:1fr}.catalog-sidebar.drawer-open{display:block}.catalog-layout.without-drawer{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.catalog-layout,.catalog-sidebar.drawer,.accordion-body{animation:none;transition:none}}.top-language-picker{display:flex;align-items:center;gap:10px;background:#152e3c;border:1px solid #a8e2c554;border-radius:12px;padding:8px 10px 8px 15px;color:#bbe6d5;font-size:13px;font-weight:700}.top-language-picker select{min-width:125px;max-width:190px;padding:7px 11px;border:0;border-radius:8px;background:#23483f;color:#e9fff2;font:inherit;cursor:pointer}.top-language-picker select:focus-visible{outline:2px solid #a8e2c5;outline-offset:2px}@media(max-width:500px){.top-language-picker{padding:6px 7px;gap:5px;font-size:11px}.top-language-picker select{min-width:87px;max-width:120px;font-size:11px}.topbar{gap:8px}}:root{color:#203349;background:#f5f8fc;color-scheme:light}body{background:#f5f8fc;color:#203349}.app-shell{background:radial-gradient(ellipse at 80% 10%,#dceee8 0,transparent 36%),#f5f8fc;color:#203349}.topbar,.catalog-filter,.catalog-table td,.catalog-table th{border-color:#dce5eb}.brand-muted,.header-tag,.intro,.catalog-toolbar p,.filter-hint,.catalog-pagination,.pos-chart-head p,.pos-chart-head>span{color:#607689}.catalog-sidebar,.catalog-content,.catalog-stats>div,.pos-chart,.learning-card,.learning-controls{background:#fff;border:1px solid #dfE7ed;box-shadow:0 7px 25px #23405a0a}.catalog-stats strong,.catalog-heading h1,.catalog-heading h1 span,.learning-screen h1{color:#143c49}.catalog-stats small,.filter-check,.catalog-table td,.catalog-table th,.catalog-heading-small h2,.catalog-toolbar h2,.catalog-filter h3,.pos-chart-head h3,.pos-bar-label,.pos-bar-number,.catalog-table td:first-child{color:#294457}.catalog-table tr:hover td{background:#f2f9f6}.catalog-search input,.language-filter,.learning-card input{background:#fff;border:1px solid #d5e2e9;color:#213b4e}.catalog-search input::placeholder,.learning-card input::placeholder{color:#7d91a1}.catalog-pagination button,.filter-pill,.pos-bar-row,.filter-drawer-toggle,.top-language-picker,.learning-level{color:#245068;background:#eff8f5;border:1px solid #c8ddd8}.pos-bar-track{background:#e5eeef}.pos-bar-row.active,.filter-pill.checked{background:#d7f3e7;color:#164a3e}.top-language-picker select{background:#e6f4ed;color:#234d42}.catalog-error{color:#a43f2b}.clear-button,.section-toggle,.catalog-filter .section-toggle{color:#206858}.filter-check small{color:#768b98}.filter-pill{color:#31515c}.filter-pill.disabled{opacity:.45}.main-tabs{max-width:1210px;margin:0 auto;padding:15px 34px 0;display:flex;gap:10px}.main-tabs button{border:1px solid #cbdedb;background:#fff;border-radius:12px;color:#35586c;padding:12px 20px;font-weight:700}.main-tabs button.active{background:#d5f0e4;color:#12624d;border-color:#89c7af}.learning-screen{padding:50px 0;max-width:1000px;margin:auto}.learning-screen h1{font-size:clamp(28px,4vw,48px)}.learning-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px;border-radius:17px;margin:25px 0}.learning-categories{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:210px;overflow:auto;margin-top:13px}.learning-categories label,.learning-level{font-size:13px;padding:7px;border-radius:8px}.learning-controls input{accent-color:#2a9271;margin-right:8px}.learning-card{padding:34px;border-radius:17px}.learning-card form{display:grid;gap:15px;max-width:590px;margin:25px auto;text-align:center}.learning-card h2{font-size:clamp(28px,4vw,45px);margin:0;color:#1f3e51}.learning-card input{padding:15px;border-radius:10px;font:inherit}.learning-score{display:flex;justify-content:space-between;color:#55727e;font-size:13px}.learning-start{text-align:center;padding:25px}.learning-start button,.learning-card form button{padding:13px 20px;justify-self:center}.answer-good{color:#168254;font-weight:700}.answer-bad{color:#bd4d34;font-weight:700}@media(max-width:680px){.learning-controls,.learning-categories{grid-template-columns:1fr}.main-tabs{padding:12px 18px}.main-tabs button{padding:10px 12px;font-size:13px}.learning-card{padding:20px}}.learn-shell{padding:35px 0 70px}.learn-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.learn-head h1{font-size:clamp(30px,4vw,50px);color:#173f50;margin:10px 0}.learn-top-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.learn-top-actions label{display:grid;gap:6px;color:#416277;font-size:12px;font-weight:700}.learn-top-actions select{padding:12px 15px;background:#fff;color:#173f50;border:1px solid #cadbdc;border-radius:11px;font:inherit;min-width:160px}.learn-drawer-switch{background:#176e58;color:#fff;border:0;border-radius:11px;padding:12px 16px;box-shadow:0 5px 16px #167c5c22}.learn-drawer-switch span{background:#fff3;padding:2px 7px;border-radius:7px;margin-left:5px}.learn-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;position:relative;transition:grid-template-columns .3s}.learn-layout.learn-drawer-visible{grid-template-columns:220px minmax(0,1fr) 290px}.learn-progress,.learn-right-drawer{border-radius:17px;border:1px solid #dce7e7;background:#fff;box-shadow:0 8px 20px #21455b0b;padding:17px;min-width:0}.learn-progress{max-height:650px;overflow-y:auto}.progress-heading,.progress-top,.drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-heading h2,.drawer-heading h2{font-size:17px;margin:0;color:#183e50}.progress-heading>span{font-size:11px;color:#387e69}.progress-notice{font-size:11px;color:#728896;line-height:1.5}.progress-category{padding:13px 0;border-bottom:1px solid #e5ebef}.progress-top{font-size:12px;color:#2b4f60;font-weight:650}.progress-top strong{color:#19725c;min-width:40px;text-align:right}.progress-track{height:9px;border-radius:10px;background:#e4edef;margin:9px 0;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#4bbf91,#158368);border-radius:10px;transition:width .25s}.progress-category small{color:#748c98;font-size:10px}.learn-main .learning-card{min-height:330px;padding:24px}.learn-right-drawer{display:none;opacity:0;transform:translate(18px);transition:opacity .25s,transform .25s;max-height:700px;overflow-y:auto}.learn-right-drawer.is-open{display:block;opacity:1;transform:translate(0)}.drawer-heading button{border:0;border-radius:8px;background:#eaf5f0;color:#236e55;font-size:22px;width:31px;height:31px}.drawer-accordion{border-top:1px solid #e2eaea;margin-top:17px;padding-top:8px}.drawer-accordion>button{width:100%;border:0;background:transparent;padding:11px 0;display:flex;justify-content:space-between;color:#254c5f;font-size:13px;font-weight:750}.drawer-section{display:grid;gap:7px;padding:7px 0 10px}.drawer-category{position:relative;border:1px solid #e4eded;background:#f8fbfc;border-radius:9px;padding:9px 34px 9px 8px}.drawer-category>label,.drawer-words label,.drawer-checkbox{display:flex;gap:8px;align-items:center;color:#395d6e;font-size:12px;cursor:pointer}.drawer-category>label>span{flex:1}.drawer-category small{color:#889aa3;font-size:10px}.drawer-category input,.drawer-checkbox input,.drawer-words input{accent-color:#238566}.word-expand{position:absolute;top:6px;right:6px;border:1px solid #cde5d9;border-radius:7px;background:#e8f6ee;color:#267257;width:25px;height:26px}.drawer-words{padding:12px 0 1px;display:grid;gap:9px;max-height:280px;overflow-y:auto}.drawer-words label>span{display:grid;gap:1px}.drawer-words label small{font-weight:400}.drawer-page{display:flex;justify-content:space-between;align-items:center}.drawer-page button{border:1px solid #d7e5e3;border-radius:7px;background:#fff;padding:5px 10px}.drawer-help{font-size:11px;color:#668594;line-height:1.5}.drawer-reset{width:100%;border:1px solid #cbe1d8;background:#f0f8f4;color:#246750;padding:10px;border-radius:9px}@media(max-width:1100px){.learn-layout.learn-drawer-visible{grid-template-columns:190px minmax(0,1fr) 250px}}@media(max-width:850px){.learn-head{align-items:start;flex-direction:column}.learn-layout,.learn-layout.learn-drawer-visible{grid-template-columns:minmax(0,1fr)}.learn-right-drawer{grid-row:1}.learn-progress{grid-row:3;max-height:310px}.learn-main{grid-row:2}}.learn-layout,.learn-layout.learn-drawer-visible{grid-template-columns:minmax(0,1fr)}.learn-layout.learn-drawer-visible{grid-template-columns:minmax(0,1fr) 300px}.progress-page{padding:38px 0 70px}.progress-page-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.progress-page-header h1{font-size:clamp(32px,4vw,50px);color:#173f50;margin:8px 0}.progress-page-header>label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#416277}.progress-page-header select{border:1px solid #cadbdc;border-radius:11px;background:#fff;color:#173f50;padding:12px 15px;min-width:170px;font:inherit}.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.progress-grid .progress-category{border:1px solid #dce7e7;border-radius:15px;background:#fff;padding:19px;box-shadow:0 8px 20px #21455b0b}@media(max-width:1050px){.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-layout.learn-drawer-visible{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:850px){.learn-layout.learn-drawer-visible{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.progress-page-header{align-items:start;flex-direction:column}.progress-grid{grid-template-columns:1fr}.main-tabs{flex-wrap:wrap}}.brand-icon{background:transparent;border-radius:0}.brand-icon img{display:block;width:37px;height:37px;object-fit:contain}.demo-login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 22% 5%,#d9f2ee 0,transparent 42%),#f5f8fc;padding:20px}.demo-login-card{width:min(100%,420px);display:grid;gap:16px;background:#fff;border:1px solid #dbe9e8;box-shadow:0 18px 55px #2355661c;border-radius:22px;padding:36px;color:#214558}.demo-login-card>img{justify-self:center}.demo-login-card h1{text-align:center;color:#18475b;font-size:27px;margin:0}.demo-login-card p{text-align:center;color:#6a8391;margin:0 0 8px}.demo-login-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.demo-login-card input{width:100%;border:1px solid #d0e0df;background:#f8fbfc;color:#1c4350;padding:13px 14px;border-radius:11px;font:inherit}.demo-login-card button{padding:14px;border:0;border-radius:11px;background:#1c8265;color:#fff;font-weight:750}.demo-login-card small{color:#708897;text-align:center;font-size:11px;line-height:1.6}.demo-user{display:flex;align-items:center;gap:12px;margin-left:16px;font-size:13px;color:#315c66}.demo-user button{border:1px solid #c7dfd6;color:#236652;background:#eff9f4;border-radius:9px;padding:8px 12px}.progress-grid .progress-link{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}.progress-grid .progress-link:hover,.progress-grid .progress-link:focus-visible{border-color:#71bda1;box-shadow:0 10px 25px #23846a22;transform:translateY(-2px)}.progress-open-label{display:block;color:#1d7960;font-size:12px;font-weight:700;margin-top:10px}@media(max-width:650px){.topbar{flex-wrap:wrap}.demo-user{margin-left:0}.demo-login-card{padding:24px}}.account-menu{position:relative;margin-left:16px}.account-trigger{white-space:nowrap;border:1px solid #c7dfd6;background:#eff9f4;color:#236652;border-radius:11px;padding:10px 14px;font-weight:700}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;z-index:30;background:#fff;border:1px solid #d8e5e1;border-radius:12px;box-shadow:0 13px 35px #243d4930;padding:6px;display:grid;gap:3px}.account-dropdown button{width:100%;text-align:left;background:transparent;border:0;color:#244b54;border-radius:8px;padding:11px 12px}.account-dropdown button:hover{background:#ecf8f2}.settings-page>.learning-card{max-width:580px}.settings-page .drawer-reset{width:auto;padding:11px 20px}.settings-page h1{color:#173f50;font-size:clamp(30px,4vw,46px)}.roadmap-page{padding:32px 0 75px;max-width:1150px;margin:0 auto}.roadmap-heading h1{font-size:clamp(32px,4vw,48px);color:#184456;margin:10px 0}.roadmap-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.35fr);gap:24px;align-items:start;margin-top:30px}.roadmap-path,.roadmap-detail{background:#fff;border:1px solid #dbe9e7;border-radius:22px;box-shadow:0 10px 28px #254e590b;padding:26px}.roadmap-path{position:relative;display:grid;gap:11px;overflow:hidden}.roadmap-path-line{position:absolute;left:72px;top:47px;bottom:47px;width:4px;background:linear-gradient(#a2d9cf,#5dbab5,#6e9dbd);border-radius:5px;z-index:0}.roadmap-stop{position:relative;z-index:1;display:flex;align-items:center;gap:13px;text-align:left;background:#f6faf9;border:1px solid #e0eae8;border-radius:15px;padding:13px;color:#275262;transition:background .2s,transform .2s}.roadmap-stop:nth-of-type(2n){margin-left:18px}.roadmap-stop.selected{background:#e1f5ed;border-color:#4caf89;box-shadow:0 4px 15px #1d896a19;transform:translate(3px)}.roadmap-stop-number{font-size:12px;font-weight:800;color:#75928f;width:14px}.roadmap-balloon{display:grid;place-items:center;background:#d7eee5;color:#168163;font-size:27px;border:3px solid #fff;border-radius:50%;width:42px;height:42px;flex:none;box-shadow:0 2px 7px #28594b20}.roadmap-stop.selected .roadmap-balloon{background:#248b70;color:#fff}.roadmap-stop-text{display:grid;gap:3px}.roadmap-stop-text strong{font-size:18px}.roadmap-stop-text small{font-size:12px;color:#6a8490}.roadmap-level-heading{display:flex;gap:16px;align-items:center}.roadmap-level-badge{background:#18785f;color:#fff;font-size:20px;font-weight:850;border-radius:14px;min-width:62px;text-align:center;padding:16px 10px}.roadmap-level-heading h2{font-size:23px;color:#1c4b58;margin:0 0 5px}.roadmap-level-heading p{color:#6b8791;font-size:13px;line-height:1.5;margin:0}.roadmap-meta{margin:25px 0 18px;background:#eff7f6;border-radius:9px;color:#3a736f;padding:10px 13px;font-size:12px}.roadmap-detail h3{color:#294f60;font-size:16px}.roadmap-topics{display:grid;gap:11px}.roadmap-topic{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #dce9e7;background:#fbfdfd;border-radius:13px;padding:15px;cursor:pointer;color:#254a59}.roadmap-topic:hover,.roadmap-topic:focus-visible{background:#e9f7f0;border-color:#83c7ab}.roadmap-topic-index{background:#e0f0eb;border-radius:10px;min-width:33px;height:33px;display:grid;place-items:center;color:#27785f;font-weight:800}.roadmap-topic-content{flex:1;display:grid;gap:4px}.roadmap-topic-content strong{font-size:14px}.roadmap-topic-content small{color:#7a929c;font-size:12px}.roadmap-topic-arrow{color:#2a906e;font-weight:800;font-size:19px}.roadmap-disclaimer{font-size:12px;color:#728b97;line-height:1.6;margin-top:22px}@media(max-width:800px){.roadmap-layout{grid-template-columns:1fr}.roadmap-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px}.roadmap-path-line{display:none}.roadmap-stop,.roadmap-stop:nth-of-type(2n){margin:0;padding:9px;gap:5px;flex-direction:column;align-items:center;text-align:center}.roadmap-stop-number{display:none}.roadmap-stop-text strong{font-size:16px}.roadmap-stop-text small{font-size:10px}}.personal-sets h1,.study-mode-page h1{font-size:clamp(30px,4vw,46px);color:#194456;margin:10px 0}.set-create{display:flex;gap:12px;margin:22px 0}.set-create input,.sets-search input,.study-select select,.tree-lesson input{background:#fff;color:#234959;border:1px solid #cbdedb;border-radius:11px;padding:13px 15px;font:inherit;min-width:0}.set-create input{flex:1}.set-create .button-primary,.sets-heading .button-primary,.study-mode-page .button-primary{background:#19795f;color:#fff;border:0;border-radius:11px;padding:12px 17px;cursor:pointer}.set-create .button-primary:disabled,.sets-heading .button-primary:disabled{opacity:.5;cursor:not-allowed}.sets-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.sets-list,.sets-editor{background:#fff;border:1px solid #d9e7e5;border-radius:17px;padding:22px;box-shadow:0 8px 25px #21455b0b}.sets-list h2,.sets-editor h2{font-size:17px;color:#234a5c;margin:0 0 16px}.sets-list>button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;border:1px solid #e5eeed;background:#f6faf9;border-radius:10px;padding:12px;margin-bottom:9px;color:#284e5e;gap:10px}.sets-list>button.chosen{border-color:#7bc9ab;background:#dff5e9}.sets-list small{white-space:nowrap;color:#678d89}.sets-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.sets-heading p{font-size:12px;color:#718d96}.sets-search input{width:100%;margin:12px 0}.sets-results{display:grid;gap:5px;max-height:250px;overflow-y:auto}.sets-results>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7efed;padding:9px 3px;font-size:13px}.sets-results button,.set-delete{border:1px solid #cde3da;background:#f1f9f5;color:#227052;padding:7px 10px;border-radius:8px}.sets-results button:disabled{opacity:.55}.set-delete{margin-top:18px;color:#a84d43;background:#fff7f5;border-color:#f0d4cf}.study-direction{border:1px solid #d9e6e4;border-radius:12px;padding:16px;display:grid;gap:12px}.study-direction legend{font-weight:700;color:#24566a}.study-direction label{display:flex;gap:10px;align-items:center;font-size:14px}.study-direction input{accent-color:#237c62}.study-mode-page>.learning-card{max-width:800px;display:grid;gap:18px}.study-select{display:grid;gap:7px;font-size:13px;font-weight:700;color:#416578}.study-select select{width:100%}.tree-lesson{border-top:1px solid #e0eae8;padding-top:20px}.tree-stage{display:flex;justify-content:space-between;color:#28566b}.tree-growth{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.tree-growth span{background:#eaf1f0;border-radius:20px;padding:7px 11px;color:#758d91;font-size:12px}.tree-growth span.reached{background:#ccefe0;color:#20745b;font-weight:750}.tree-lesson form{display:grid;gap:15px;text-align:center;max-width:520px;margin:20px auto}.tree-lesson form h2{font-size:38px;color:#1b4657;margin:8px 0}.tree-lesson form button{justify-self:center}@media(max-width:750px){.sets-layout{grid-template-columns:1fr}.set-create{flex-direction:column}.sets-heading{align-items:start;flex-direction:column}}.manual-word{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 22px}.manual-word input{flex:1 1 170px;padding:11px 12px;border-radius:10px;border:1px solid #cee2db;background:#fff;color:#22495a}.manual-word button{border:0;border-radius:10px;padding:10px 16px;background:#19795f;color:#fff}.tree-map{position:relative;display:grid;gap:30px;padding:26px 18px;border:1px solid #d9ebe4;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#e4f8ec,#f5faf9 85%);overflow:hidden;margin:22px 0}.tree-map-row{display:flex;justify-content:space-around;align-items:center;gap:10px;position:relative;z-index:1}.tree-map-row+.tree-map-row:before{content:"";position:absolute;left:10%;right:10%;bottom:calc(100% + 4px);height:25px;border:2px solid #84bda8;border-bottom:0;border-radius:40% 40% 0 0;opacity:.65;pointer-events:none}.tree-node{width:clamp(46px,11vw,80px);height:56px;border-radius:17px;display:grid;place-items:center;font-weight:850;font-size:22px;color:#51766a;background:#e0eeea;border:2px solid #bcd8cf;box-shadow:0 5px 14px #214e4410;animation:treeAppear .7s cubic-bezier(.16,1,.3,1) both;transition:background .5s,transform .5s,box-shadow .5s}.tree-node.current{background:#227b61;border-color:#159b73;color:#fff;box-shadow:0 0 0 5px #9bdec352,0 11px 22px #246a5440;animation:treeAppear .65s both,treePulse 2s ease-in-out infinite}.tree-node.completed{background:#a9e5ca;color:#1e745b;border-color:#4cbd8c}.tree-node.future{opacity:.58}.tree-map-note{text-align:center;color:#548477;font-size:12px;letter-spacing:.03em}.tree-celebrate .tree-node.completed{animation:treeCelebrate .9s ease-in-out both}.tree-lesson form{animation:treeQuestionIn .38s cubic-bezier(.2,.8,.2,1) both}.tree-finished{text-align:center;display:grid;gap:15px;justify-items:center;color:#1c735a;padding:18px}@keyframes treeAppear{0%{opacity:0;transform:translateY(15px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes treePulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes treeCelebrate{0%{transform:scale(1)}35%{transform:scale(1.16)}75%{transform:scale(.96)}to{transform:scale(1)}}@keyframes treeQuestionIn{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tree-map *,.tree-lesson form{animation:none!important;transition:none!important}}.wotw-redesign{--pine:#157858;min-height:100vh;background:#f7f9fa;color:#0d2037;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.wotw-redesign .topbar{max-width:none;margin:0;padding:0 3%;height:72px;background:#fff;box-shadow:0 1px 14px #2b4a5c0b;border-bottom:1px solid #ecf1f3;position:relative;z-index:45;gap:30px}.wotw-redesign .brand{white-space:nowrap;font-size:21px;letter-spacing:-.035em;color:#102338;gap:11px}.wotw-redesign .brand-icon,.wotw-redesign .brand-icon img{width:43px;height:43px}.wotw-redesign .main-tabs{display:flex;padding:0;margin:0;align-items:center;gap:8px;max-width:none;width:auto;flex:1;justify-content:center}.wotw-redesign .main-tabs button{font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;color:#5d6e86;border:0;border-bottom:3px solid transparent;background:transparent;border-radius:0;box-shadow:none;margin:0;padding:24px 12px 20px}.wotw-redesign .main-tabs button.active{color:#116e53;border-bottom-color:#248a65;background:transparent}.wotw-redesign .topbar-right{display:flex;gap:15px;align-items:center}.wotw-redesign .top-language-picker{background:#f9fafb;border:1px solid #e2eaf0;border-radius:11px;padding:7px 9px;white-space:nowrap}.wotw-redesign .top-language-picker select{background:transparent;color:#2f4660;max-width:135px;padding:3px 6px}.wotw-redesign .account-trigger{width:auto;border-radius:50px;background:#e4f3eb;padding:11px 14px}.wotw-redesign .section-open{border:1px solid #dde9e6;border-radius:9px;padding:9px 11px;background:#eff8f2;color:#24755c;font-weight:700;white-space:nowrap}.wotw-redesign main{max-width:none;margin:0;padding:26px 35px 66px;width:calc(100% - 334px);transition:width .3s}.wotw-redesign.nav-hidden main{width:100%}.wotw-right-panel{position:fixed;z-index:40;right:0;top:0;bottom:0;width:334px;background:#fff;border-left:1px solid #e6ecee;box-shadow:-10px 0 25px #223c5710;padding:18px 20px;overflow-y:auto;transform:translate(105%);transition:transform .3s ease}.wotw-right-panel.is-open{transform:translate(0)}.right-panel-head{height:39px;display:flex;align-items:center;justify-content:space-between}.right-panel-head h2{font-size:21px;margin:0;font-weight:750;color:#102038}.right-panel-head button{border:0;background:transparent;color:#64758a;font-size:25px}.right-panel-search{display:flex;gap:12px;align-items:center;background:#fbfcfe;border:1px solid #dce5ed;border-radius:11px;padding:10px 12px;margin:12px 0 23px;color:#667e97}.right-panel-search input{width:100%;border:0;background:transparent;outline:0;color:#29435d;font-size:13px}.right-panel-items{display:grid;gap:14px}.right-panel-group{display:grid;gap:3px}.right-section-heading{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;color:#102640;padding:7px 4px;font-weight:750;font-size:14px}.right-section-heading>span:nth-child(2){flex:1}.right-section-icon{font-size:21px;width:24px;color:#18805d}.right-menu-link{border:0;background:transparent;border-radius:8px;text-align:left;margin-left:35px;padding:9px 12px;color:#61738e;font-size:13px}.right-menu-link:hover{background:#f1f7f4}.right-menu-link.selected{background:#e0f0e9;color:#275b4e}.home-dashboard{width:100%;max-width:1350px;margin:0 auto}.home-banner{min-height:325px;position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(90deg,#eff1ee 0%,#e7e9e5 26%,#e0e9e8 49%,transparent 75%),url(/hero-journey.webp) center right/auto 100% no-repeat,#a6c5c7}.home-banner-content{position:relative;z-index:2;padding:40px 34px;max-width:700px}.home-banner-content>p:first-child,.home-kicker{font-size:11px;color:#73879c;font-weight:750;letter-spacing:.12em}.home-banner h1{font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-.05em;margin:18px 0 14px;color:#0b1930}.home-banner-content>p:not(:first-child){font-size:16px;color:#75879a;line-height:1.7}.home-banner-actions{display:flex;gap:15px;margin-top:20px}.home-banner-actions button{border-radius:10px;padding:12px 20px;border:1px solid #fff;background:#ffffff40;color:#172c42}.home-banner-actions button:first-child{color:#fff;background:#237c60;border-color:#237c60}.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.home-metrics article{background:#fff;border:1px solid #e6edef;border-radius:14px;display:flex;gap:14px;align-items:center;padding:20px;min-width:0}.home-metrics article>span{display:grid;place-items:center;background:#ecf7f0;border-radius:12px;width:48px;height:48px;color:#17855c;font-size:25px}.home-metrics strong{font-size:22px;font-weight:800;color:#162b43;display:block}.home-metrics small{font-size:12px;color:#7b8ca0}.home-daily{display:grid;grid-template-columns:1.65fr 1fr;gap:26px;background:#fff;border:1px solid #e6edef;border-radius:15px 15px 0 0;padding:27px 30px 10px}.daily-text{min-height:238px}.daily-word-title{display:flex;align-items:center;gap:12px}.daily-word-title h2{font-size:37px;margin:7px 0;color:#0a1a30;letter-spacing:-.045em}.daily-word-title button{border:0;background:transparent;color:#425c77;font-size:20px}.daily-pos{display:inline-block;border-radius:100px;background:#e7eef0;padding:6px 11px;font-size:11px;color:#647584}.daily-translation{color:#344d60;font-size:18px}.daily-example{background:#e8f3f0;border-radius:9px;color:#577887;padding:15px;font-size:14px}.daily-illustration{min-height:235px;border-radius:13px;background:url(/hero-journey.webp) center/cover no-repeat}.daily-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;background:#fff;border:1px solid #e6edef;border-top:0;padding:17px 30px 25px;border-radius:0 0 15px 15px}.daily-actions button{background:#fff;border:1px solid #dfe8ee;border-radius:10px;color:#304861;padding:13px 8px}.daily-actions .daily-remember{background:#258467;border-color:#258467;color:#fff}.daily-remember.celebrate{animation:treeCelebrate .9s}@media(max-width:1150px){.wotw-redesign .main-tabs button span{display:none}.wotw-redesign .main-tabs{gap:0}.wotw-redesign main{width:calc(100% - 298px)}.wotw-right-panel{width:298px}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.wotw-redesign .main-tabs{display:none}.wotw-redesign .topbar{gap:8px;padding:0 14px}.wotw-redesign main,.wotw-redesign.nav-hidden main{width:100%;padding:20px 15px 50px}.wotw-right-panel{width:min(86vw,340px)}.home-daily{grid-template-columns:1fr}.daily-illustration{min-height:180px}.home-banner-content{padding:26px}.home-banner-content>p:not(:first-child){max-width:300px}.home-banner h1{max-width:370px}}@media(max-width:480px){.wotw-redesign .brand{font-size:15px}.wotw-redesign .brand-icon,.wotw-redesign .brand-icon img{width:30px;height:30px}.wotw-redesign .topbar-right{gap:4px}.wotw-redesign .account-trigger{padding:8px}.wotw-redesign .top-language-picker{padding:4px}.wotw-redesign .top-language-picker select{max-width:91px}.home-metrics article{padding:12px}.home-metrics small{font-size:10px}.home-metrics strong{font-size:18px}.daily-actions{gap:5px;padding:13px}.daily-actions button{font-size:11px}.home-banner-actions{flex-wrap:wrap}}.wotw-redesign .wotw-right-panel{z-index:80}.wotw-redesign main,.wotw-redesign.nav-hidden main{width:100%;max-width:1500px;margin:auto}.wotw-right-panel{z-index:90;box-shadow:-14px 0 35px #1d3a4d1a}.wotw-left-panel{position:fixed;z-index:90;top:0;left:0;bottom:0;width:270px;overflow-y:auto;background:#fff;border-right:1px solid #e5ebed;box-shadow:14px 0 35px #1d3a4d1a;padding:22px 14px;transform:translate(-105%);transition:transform .27s ease}.wotw-left-panel.is-open{transform:translate(0)}.left-panel-head{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 22px;color:#152c42}.left-panel-head button{background:transparent;border:0;color:#63798b;font-size:23px}.left-nav-link{border:0;background:transparent;color:#4b6075;display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 12px;border-radius:10px;font-size:14px}.left-nav-link>span{font-size:20px;width:23px;color:#287a64}.left-nav-link:hover,.left-nav-link.selected{background:#e5f3ec;color:#135c48}.edge-hotspot{position:fixed;top:75px;bottom:0;width:14px;z-index:65}.left-hotspot{left:0}.right-hotspot{right:0}@media(hover:none){.edge-hotspot{display:none}}@media(max-width:820px){.wotw-left-panel{width:min(82vw,300px)}}@media(prefers-reduced-motion:reduce){.wotw-left-panel,.wotw-right-panel{transition:none}}.wotw-redesign .wotw-left-panel{width:66px;transform:none;padding:15px 8px;z-index:90;box-shadow:3px 0 18px #28455813;transition:width .25s ease,padding .25s ease;overflow-x:hidden}.wotw-redesign .wotw-left-panel.is-open,.wotw-redesign .wotw-left-panel:hover,.wotw-redesign .wotw-left-panel:focus-within{width:260px;padding:15px 12px}.wotw-redesign .left-panel-head{height:43px;padding:5px 13px 15px;white-space:nowrap}.wotw-redesign .wotw-left-panel:not(.is-open):not(:hover):not(:focus-within) .left-panel-head strong,.wotw-redesign .wotw-left-panel:not(.is-open):not(:hover):not(:focus-within) .left-panel-head button{opacity:0;pointer-events:none}.wotw-redesign .left-nav-link{width:100%;white-space:nowrap;min-height:46px;padding:11px 12px;gap:14px}.wotw-redesign .left-nav-link>span:first-child{width:25px;min-width:25px;text-align:center}.wotw-redesign .left-nav-label{opacity:0;transition:opacity .15s;overflow:hidden}.wotw-redesign .wotw-left-panel.is-open .left-nav-label,.wotw-redesign .wotw-left-panel:hover .left-nav-label,.wotw-redesign .wotw-left-panel:focus-within .left-nav-label{opacity:1}.wotw-redesign main,.wotw-redesign.nav-hidden main{width:calc(100% - 66px);margin-left:66px;margin-right:0;max-width:none}.wotw-redesign .left-hotspot{width:8px}.right-level-selector{display:flex;gap:5px;flex-wrap:wrap;padding:5px 10px}.right-level-selector button{border:1px solid #d5e8dd;border-radius:8px;background:#f7faf8;color:#45685b;padding:6px 9px;font-size:12px}.right-level-selector button.selected{background:#d2eee0;border-color:#7ac9a3;color:#0f624a;font-weight:750}.right-topic-list{display:grid;gap:4px;max-height:45vh;overflow:auto;padding:5px 0}.right-topic{display:flex;align-items:center;gap:4px;border-radius:9px;padding:5px 3px}.right-topic:hover{background:#eff8f3}.right-topic label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:12px;color:#355467}.right-topic input{accent-color:#1e8969}.right-topic label span{flex:1;overflow:hidden;text-overflow:ellipsis}.right-topic small{color:#8c9da3}.right-topic-study{border:0;background:#e7f5eb;color:#23775a;border-radius:7px;padding:6px 9px}.right-study-footer{border-top:1px solid #e8eeed;margin-top:15px;padding:15px 0;display:grid;gap:7px}.right-study-footer p{font-size:12px;color:#778994}.right-study-start{background:#1d8163;border:0;border-radius:9px;color:#fff;padding:12px}.right-study-clear{border:1px solid #dce9e3;background:#fff;border-radius:9px;color:#477160;padding:9px}@media(max-width:820px){.wotw-redesign main,.wotw-redesign.nav-hidden main{width:calc(100% - 54px);margin-left:54px;padding:18px 12px}.wotw-redesign .wotw-left-panel{width:54px;padding:12px 4px}.wotw-redesign .wotw-left-panel.is-open,.wotw-redesign .wotw-left-panel:hover{width:min(82vw,260px)}}@media(prefers-reduced-motion:reduce){.wotw-redesign .wotw-left-panel,.wotw-redesign .left-nav-label{transition:none}}