.exercise-practice{width:100%;min-width:0;container:exercise-practice / inline-size}.exercise-practice>:first-child{width:100%;max-width:none;overflow:clip}.exercise-practice :is(.exercise-context-panel,.chakra-stack:has(>.chakra-card>.chakra-card__body>.exercise-passage)){min-width:0;max-height:30vh;max-height:30dvh;overflow-y:auto;overscroll-behavior-y:contain;align-self:start;width:100%}.exercise-practice .exercise-passage{min-width:0;overflow-wrap:anywhere}@media (orientation: landscape){@container exercise-practice (min-width: 1120px){.exercise-practice .chakra-stack:has(>.chakra-stack>.chakra-card>.chakra-card__body>.exercise-passage),.exercise-practice .chakra-stack:has(>.exercise-context-panel){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}.exercise-practice .chakra-stack:has(>.chakra-stack>.chakra-card>.chakra-card__body>.exercise-passage)>*,.exercise-practice .chakra-stack:has(>.exercise-context-panel)>*{min-width:0;margin:0}.exercise-practice :is(.exercise-context-panel,.chakra-stack:has(>.chakra-card>.chakra-card__body>.exercise-passage)){grid-column:1;position:sticky;top:8px;max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px)}.exercise-practice :is(.exercise-context-panel,.chakra-stack:has(>.chakra-card>.chakra-card__body>.exercise-passage))~*{grid-column:2;min-width:0}.exercise-practice .chakra-stack:has(>.chakra-stack>.chakra-card>.chakra-card__body>.exercise-passage)>:first-child,.exercise-practice .chakra-stack:has(>.exercise-context-panel)>:first-child:not(.exercise-context-panel){grid-column:1 / -1}.exercise-practice .chakra-stack:has(>.chakra-card>.chakra-card__body>.exercise-passage){grid-row:2}.exercise-practice .chakra-stack:has(>.chakra-badge):has(>.chakra-stack>.chakra-card>.chakra-card__body>.exercise-passage){grid-template-rows:auto max-content max-content 1fr}.exercise-practice .chakra-stack:has(>.chakra-badge)>.chakra-stack:has(>.chakra-card>.chakra-card__body>.exercise-passage){grid-row:2 / -1}.exercise-practice :is(.exercise-context-panel,.chakra-stack:has(>.chakra-card>.chakra-card__body>.exercise-passage))+*{grid-row:2}.exercise-practice .chakra-stack:has(>.exercise-context-panel){grid-template-rows:auto max-content max-content max-content 1fr}.exercise-practice .exercise-context-panel{grid-row:2 / -1}.exercise-practice .exercise-context-panel+*+*{grid-row:3}.exercise-practice .exercise-context-panel+*+*+*{grid-row:4}.exercise-practice .exercise-context-panel+*+*+*+*{grid-row:5}}}:root{--ink: #111827;--muted: #667085;--line: #e8eaf0;--bg: #fbfbfe;--violet: #5b4cf0;--violet-soft: #f1efff;--green: #0f8061;--green-soft: #eaf8f3;--shadow: 0 24px 80px rgba(45, 38, 120, .12);--radius: 22px;--brand-accent: var(--violet);--brand-soft: var(--violet-soft)}.theme-teacher{--brand-accent: var(--green);--brand-soft: var(--green-soft);--bg: #f8fbfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:#fbfbfeeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.theme-teacher .nav{background:#f8fbfaeb}.nav-in{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.logo{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--brand-accent),#22c55e);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 22px #5b4cf038}.nav-links{display:flex;gap:22px;color:#4b5563;font-size:14px;font-weight:700}.nav-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.lang-switch{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 8px;border-radius:12px;border:1px solid var(--line);background:#fff}.lang-switch-icon{display:grid;place-items:center;color:var(--muted);margin-right:2px}.lang-switch-btn{border:0;background:transparent;font-size:11px;font-weight:800;letter-spacing:.04em;padding:5px 7px;border-radius:8px;cursor:pointer;color:var(--muted)}.lang-switch-btn.is-active{background:var(--brand-soft);color:var(--brand-accent)}.lang-switch-btn:hover:not(.is-active){background:#f4f4f8}.lang-switch-hint{font-size:10px;color:var(--muted);max-width:0;overflow:hidden;white-space:nowrap}@media (min-width: 900px){.lang-switch-hint{max-width:6rem;margin-left:2px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:11px 17px;border:1px solid var(--line);font-weight:800;background:#fff;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #11182714}.btn.primary{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.btn.soft{background:var(--brand-soft);color:var(--brand-accent);border-color:#ded9ff}.theme-teacher .btn.soft{border-color:#cfede2;color:var(--green)}.btn.large{padding:14px 20px;font-size:16px}.btn.text-link{border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:700;padding:8px 0;box-shadow:none}.btn.text-link:hover{color:var(--brand-accent);transform:none}.hero{padding:80px 0 64px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--brand-soft);border:1px solid #ddd8ff;color:var(--brand-accent);font-size:13px;font-weight:800}.theme-teacher .eyebrow{border-color:#caebde;color:var(--green)}h1{font-size:clamp(40px,5.5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:18px 0}.grad{background:linear-gradient(90deg,var(--brand-accent),#7c6ff6 55%,#0f9f73);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;color:#596274;max-width:640px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:26px 0 18px}.trust-line{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#6b7280}.trust-line span:before{content:"✓";color:#13a076;font-weight:900;margin-right:6px}.illus{background:#15142b;border-radius:28px;padding:14px;box-shadow:var(--shadow)}.theme-teacher .illus{background:#0f2a24}.screen{background:#fff;border-radius:18px;padding:24px;min-height:320px}.screen h3{margin:0 0 8px;font-size:18px}.screen p{margin:0;color:var(--muted);font-size:14px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pill{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-accent)}section.block{padding:72px 0}.section-head{max-width:760px;margin-bottom:32px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-accent);font-weight:900}.section-head h2{font-size:clamp(28px,3.6vw,44px);line-height:1.12;letter-spacing:-.04em;margin:8px 0 10px}.section-head p{margin:0;color:var(--muted);font-size:17px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card .icon{font-size:26px}.card h3{font-size:18px;margin:12px 0 6px}.card p{margin:0;color:var(--muted);font-size:14px}.parent-box{background:linear-gradient(145deg,#fff,#f5f3ff);border:1px solid #e2defe;border-radius:28px;padding:28px}.parent-box h3{font-size:26px;line-height:1.25;margin:8px 0 12px}.bullets{display:grid;gap:12px;margin:20px 0}.bullet{display:flex;gap:12px;font-size:14px}.bullet b{display:block}.bullet span{color:var(--muted);font-size:13px}.check{width:26px;height:26px;border-radius:50%;background:#eafbf4;color:#13936c;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.cta{padding:0 0 72px}.cta-box{background:linear-gradient(135deg,var(--brand-accent),#3e34ad 62%,#145f4a);border-radius:28px;padding:36px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.theme-teacher .cta-box{background:linear-gradient(135deg,var(--green),#0f604b 65%,#173b70)}.cta-box h2{font-size:clamp(26px,3.4vw,40px);margin:0;line-height:1.15}.cta-box p{margin:10px 0 0;color:#e7e5ff;max-width:560px}.theme-teacher .cta-box p{color:#d3eee4}.cta-box .btn{background:#fff;color:#27225f;border:0}.teacher-teaser{text-align:center;padding:28px 0 8px}footer{border-top:1px solid var(--line);padding:32px 0 40px;background:#fff}.footer-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#626b79}.sub{color:#87909e;font-size:12px;margin-top:6px}@media (max-width: 960px){.nav-links{display:none}.hero-grid,.grid3{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}}@media (max-width: 620px){.wrap{width:min(100% - 26px,1160px)}.hero-actions{display:grid}.hero-actions .btn{width:100%}.nav-actions .soft,.lang-switch-hint{display:none}}html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:1024px;margin:0 auto;padding:24px}.page-center{min-height:100%;display:grid;place-items:center}.card{width:100%;max-width:420px;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;background:#fff}.title{margin:0 0 16px;font-size:22px}.grid{display:grid;gap:12px}.grid-8{display:grid;gap:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;outline:none}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{border-color:#2563eb;background:#3b82f6;color:#fff}.btn-outline{border-color:#d1d5db;background:#fff;color:#111827}.fullwidth{width:100%}.muted{color:#6b7280;font-size:14px}*,*:before,*:after{box-sizing:border-box}html{width:100%;max-width:100vw;overflow-x:auto}body{width:100%;max-width:100vw;min-width:0;position:relative;overflow-x:auto;margin:0;padding:0}#root{width:100%;max-width:100vw;min-width:0;overflow-x:auto}body.overflow-fixed,body.overflow-fixed #root{overflow-x:hidden}img,svg,video,canvas,iframe,embed,object{max-width:100%;height:auto}audio{max-width:100%}table{max-width:100%}pre{overflow-x:auto;max-width:100%}body.debug-overflow *{outline:1px solid rgba(255,0,0,.1)}body.debug-overflow *:hover{outline:2px solid rgba(255,0,0,.5)}.overflow-x-hidden{overflow-x:hidden!important}.max-w-full{max-width:100%!important}.word-break-all{word-break:break-all!important}.word-break-word{word-break:break-word!important}@media (max-width: 768px){body{font-size:14px}.chakra-container{padding-left:8px!important;padding-right:8px!important}}body.show-grid:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,rgba(255,0,0,.1) 0px,rgba(255,0,0,.1) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,rgba(0,0,255,.1) 0px,rgba(0,0,255,.1) 1px,transparent 1px,transparent 20px);pointer-events:none;z-index:9999}body.show-breakpoint:after{content:"xs";position:fixed;bottom:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:700;z-index:9999;font-family:monospace}@media (min-width: 480px){body.show-breakpoint:after{content:"sm (≥480px)"}}@media (min-width: 768px){body.show-breakpoint:after{content:"md (≥768px)"}}@media (min-width: 1024px){body.show-breakpoint:after{content:"lg (≥1024px)"}}@media (min-width: 1280px){body.show-breakpoint:after{content:"xl (≥1280px)"}}@media (min-width: 1536px){body.show-breakpoint:after{content:"2xl (≥1536px)"}}
