/* v57 canonical course navigation and learning workspace. */
.c57-map,.c57-zone{--c57-ink:#282136;--c57-muted:#766d80;--c57-purple:#7550a2;--c57-purple2:#a978cc;--c57-gold:#f4c95d;--c57-mint:#6fc4a1;--c57-blue:#67aee6;min-height:100svh;color:var(--c57-ink);font-family:'Readex Pro',sans-serif}
.c57-map{padding:clamp(20px,4vw,52px) clamp(14px,5vw,72px) calc(120px + env(safe-area-inset-bottom));background:radial-gradient(circle at 6% 10%,#ffe78f 0 8rem,transparent 8.1rem),radial-gradient(circle at 94% 24%,#cfeaff 0 11rem,transparent 11.1rem),linear-gradient(180deg,#fffaf2,#f2edfb 55%,#eaf8f2)}
.c57-map button,.c57-zone button{font:inherit;cursor:pointer}.c57-map button:disabled,.c57-zone button:disabled{cursor:not-allowed}
.c57-map-hero{width:min(1240px,100%);margin:0 auto 26px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center;border:1px solid #ffffffd9;border-radius:38px;background:#ffffffc9;box-shadow:0 18px 55px #4b365217;backdrop-filter:blur(15px)}
.c57-map-hero>div>span,.c57-study>header>span,.c57-exam>header>span{font:900 10px 'DM Sans',sans-serif;letter-spacing:.15em;color:#8d64ad}.c57-map-hero h1{margin:10px 0;font-size:clamp(34px,5vw,64px);line-height:1.12;letter-spacing:-.04em}.c57-map-hero p{max-width:760px;margin:0;color:var(--c57-muted);font-size:12px;line-height:1.9}.c57-map-hero aside{width:150px;height:150px;border-radius:34px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#7653a4,#4e3768);color:#fff;box-shadow:0 11px 0 #3f2b57}.c57-map-hero aside strong{font:900 48px 'DM Sans',sans-serif}.c57-map-hero aside small{font-size:9px;color:#e8ddf2}
.c57-levels{width:min(1100px,100%);margin:auto;display:grid;gap:14px}.c57-level{width:100%;min-height:122px;padding:17px 20px;display:grid;grid-template-columns:60px 58px minmax(0,1fr) 72px;gap:17px;align-items:center;text-align:start;border:1px solid #e5dbe8;border-radius:26px;background:#fffefa;color:var(--c57-ink);box-shadow:0 7px 0 #dbcee5;transition:.18s}.c57-level:not(:disabled):hover{transform:translateY(-3px);border-color:#ad8bc6}.c57-level.locked{opacity:.48;box-shadow:none}.c57-level.current{background:#f8f1ff;border:2px solid #9a73bb}.c57-level.complete{background:#eff9f4;border-color:#8dc9ad;box-shadow:0 7px 0 #b7dfce}.c57-level-no{font:900 20px 'DM Sans',sans-serif;color:#8a6ba4}.c57-level-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ede3f5;color:#705094}.c57-level.current .c57-level-icon{background:#7653a4;color:#fff}.c57-level.complete .c57-level-icon{background:#5da884;color:#fff}.c57-level>span:nth-child(3){min-width:0}.c57-level small,.c57-level em{font-size:9px;color:#8a7e90;font-style:normal}.c57-level strong{display:block;margin:3px 0;font-size:20px}.c57-level i{display:block;height:7px;margin-top:10px;border-radius:99px;background:#ebe3ee;overflow:hidden}.c57-level i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7653a4,#d48bb2,#f1c75e)}.c57-level>b{font:900 20px 'DM Sans',sans-serif;color:#755494;text-align:center}
.c57-box-page{width:min(1240px,100%);margin:auto;padding:clamp(18px,3vw,34px);border:1px solid #ffffffde;border-radius:34px;background:#ffffffc9;box-shadow:0 18px 50px #4b365212}.c57-box-page>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:25px}.c57-box-page>header button{border:1px solid #ded2e5;border-radius:15px;padding:11px 14px;background:#fff;color:#634c76;display:flex;align-items:center;gap:7px;font-weight:800}.c57-box-page>header small{color:#8c709f;font-size:9px}.c57-box-page>header h2{margin:4px 0;font-size:28px}.c57-box-page>header>span{font-size:10px;color:#7e7285;background:#f1eaf4;padding:9px 12px;border-radius:99px}.c57-boxes{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.c57-box{min-height:132px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e0d8e3;border-radius:18px;background:#fff;color:#4f4456;box-shadow:0 4px 0 #e3dae7;transition:.15s}.c57-box:not(:disabled):hover{transform:translateY(-3px)}.c57-box>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#eee7f2;color:#765798;font:900 13px 'DM Sans',sans-serif}.c57-box>strong{font-size:11px}.c57-box>small{min-height:28px;text-align:center;font-size:7px;line-height:1.5;color:#8a7e8e}.c57-box>i{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:100%}.c57-box>i b{height:4px;border-radius:9px;background:#e4dde6}.c57-box>i b.done{background:#65b08d}.c57-box>i b.active{background:#f0bd50}.c57-box.current{border:2px solid #8f68af;background:#f9f3fd}.c57-box.current>span{background:#7653a4;color:#fff}.c57-box.complete{border-color:#8bc7a9;background:#f0f9f5}.c57-box.complete>span{background:#58a47f;color:#fff}.c57-box.locked{opacity:.4;box-shadow:none}.c57-manage{position:fixed;z-index:20;left:20px;bottom:calc(88px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:12px 15px;border:0;border-radius:16px;background:#2f2739;color:#fff;box-shadow:0 6px 0 #17121d;font-weight:800}
.c57-manager{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:20px}.c57-manager-shade{position:absolute;inset:0;border:0;background:#21192b99;backdrop-filter:blur(5px)}.c57-manager>section{position:relative;width:min(900px,100%);max-height:88svh;overflow:auto;padding:26px;border-radius:28px;background:#fff;color:var(--c57-ink);box-shadow:0 30px 90px #160e22aa}.c57-manager header{display:flex;justify-content:space-between;gap:15px;align-items:center}.c57-manager h2{margin:4px 0}.c57-manager header>button{width:42px;height:42px;border:0;border-radius:50%;font-size:26px}.c57-manager>section>p{color:var(--c57-muted);font-size:11px;line-height:1.8}.c57-schema-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.c57-schema-grid article{padding:17px;border:1px solid #e3d9e7;border-radius:19px;background:#fbf8fc}.c57-schema-grid strong,.c57-schema-grid small{display:block}.c57-schema-grid small{min-height:54px;margin:8px 0;color:#827889;font:700 8px/1.6 'DM Sans',sans-serif}.c57-schema-grid button{width:100%;padding:10px;border:0;border-radius:12px;background:#7653a4;color:#fff;font-weight:800}.c57-import{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 8px;padding:17px;border:2px dashed #cdbbd9;border-radius:18px;background:#f9f4fc}.c57-import input{max-width:230px;font-size:10px}
.c57-zone{padding:18px clamp(12px,3vw,36px) calc(80px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#f7f2fb,#fffaf2 48%,#edf8f3)}.c57-zone-top{width:min(1400px,100%);margin:0 auto 16px;padding:11px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;border:1px solid #e2d9e7;border-radius:19px;background:#ffffffde;backdrop-filter:blur(12px)}.c57-zone-top>button{padding:10px 13px;display:flex;gap:7px;align-items:center;border:1px solid #ddd2e4;border-radius:13px;background:#fff;color:#654d78;font-weight:800}.c57-zone-top>div{text-align:center}.c57-zone-top small{display:block;color:#897d91;font-size:8px}.c57-zone-top strong{font-size:17px}.c57-zone-top>span{padding:8px 11px;border-radius:99px;background:#eee5f4;color:#6f5189;font-size:9px;font-weight:800}.c57-zone-grid{width:min(1400px,100%);margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.c57-stage-nav{position:sticky;top:18px;padding:16px;border:1px solid #e2d9e5;border-radius:25px;background:#ffffffde;box-shadow:0 13px 35px #46325011;backdrop-filter:blur(12px)}.c57-stage-nav>header{padding:6px 6px 15px}.c57-stage-nav>header span{display:block;color:#8b7799;font-size:9px}.c57-stage-nav>header strong{font-size:20px}.c57-stage-nav>section{margin:7px 0;padding:6px;border-radius:17px}.c57-stage-nav>section.active{background:#f0e7f6}.c57-stage-nav>section.locked{opacity:.42}.c57-stage-nav>section>button{width:100%;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;text-align:start;border:0;background:transparent;color:inherit;padding:6px}.c57-stage-nav>section>button>b{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#755595;font:900 11px 'DM Sans',sans-serif}.c57-stage-nav>section>button strong,.c57-stage-nav>section>button small{display:block}.c57-stage-nav>section>button strong{font-size:12px}.c57-stage-nav>section>button small{font-size:7px;color:#867a8b}.c57-stage-nav section>div{display:none;grid-template-columns:1fr 1fr;gap:5px;margin:5px}.c57-stage-nav section.active>div{display:grid}.c57-stage-nav section>div button{padding:8px 5px;border:1px solid #dfd5e4;border-radius:10px;background:#fff;color:#75657f;font-size:8px;font-weight:800}.c57-stage-nav section>div button.active{background:#7653a4;color:#fff;border-color:#7653a4}.c57-stage-nav section>div button.done{border-color:#75b798;color:#388263}.c57-workspace{min-width:0;min-height:720px;padding:clamp(18px,3vw,38px);border:1px solid #e3dae5;border-radius:30px;background:#fffdfb;box-shadow:0 16px 45px #45344e12}.c57-error{margin:0 0 15px;padding:12px 15px;border-radius:14px;background:#fff0f1;color:#9b4357;font-size:10px;line-height:1.6}
.c57-study>header,.c57-exam>header{text-align:center;max-width:760px;margin:0 auto 18px}.c57-study>header h1,.c57-exam>header h1{margin:7px 0;font-size:clamp(27px,4vw,45px);letter-spacing:-.03em}.c57-study>header p,.c57-exam>header p{margin:0;color:var(--c57-muted);font-size:11px;line-height:1.8}.c57-pager{max-width:760px;margin:0 auto 16px;display:grid;grid-template-columns:1fr auto;gap:5px;color:#84778b;font-size:9px}.c57-pager>b{font:900 12px 'DM Sans',sans-serif;color:#654b7a}.c57-pager>i{grid-column:1/-1;height:6px;border-radius:99px;background:#eee8f0;overflow:hidden}.c57-pager>i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7653a4,#d481a8,#f1c65a)}.c57-controls{max-width:760px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.c57-controls button,.c57-question-next button,.c57-media-next{min-height:52px;border:1px solid #ded4e2;border-radius:15px;background:#fff;color:#675572;font-weight:900}.c57-controls .primary,.c57-question-next .primary,.c57-media-next.primary,.c57-ai-start .primary,.c57-summary .primary,.c57-question .primary{border:0;background:#2f2739;color:#fff;box-shadow:0 5px 0 #17121d}
.c57-word-card{--card-a:#7653a4;--card-b:#f7d96b;--card-ink:#30233d;position:relative;width:min(760px,100%);height:min(55svh,500px);min-height:390px;margin:auto;perspective:1200px;cursor:pointer;outline:none}.c57-word-card:focus-visible{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 4px var(--card-a))}.c57-word-card.tone-2{--card-a:#e26d8f;--card-b:#ffd17b;--card-ink:#51233b}.c57-word-card.tone-3{--card-a:#218fa1;--card-b:#88e0bf;--card-ink:#173d49}.c57-word-card.tone-4{--card-a:#e3783d;--card-b:#ffe28a;--card-ink:#542d1e}.c57-word-card.tone-5{--card-a:#4e78c7;--card-b:#9dd9ff;--card-ink:#20365e}.c57-word-card.tone-6{--card-a:#7f63bd;--card-b:#f3a9cf;--card-ink:#392852}.c57-word-card>.front,.c57-word-card>.back{position:absolute;inset:0;padding:38px;border-radius:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;backface-visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .2s;border:3px solid #ffffffb8;box-shadow:0 11px 0 color-mix(in srgb,var(--card-a) 72%,#34243e),0 26px 50px #47305425}.c57-word-card>.front{background:radial-gradient(circle at 12% 18%,#ffffff70 0 65px,transparent 66px),radial-gradient(circle at 88% 86%,var(--card-a) 0 85px,transparent 86px),linear-gradient(140deg,var(--card-b),#fff6cf 46%,#fff)}.c57-word-card>.back{background:radial-gradient(circle at 88% 17%,#ffffff70 0 72px,transparent 73px),radial-gradient(circle at 12% 88%,var(--card-b) 0 90px,transparent 91px),linear-gradient(140deg,#dff8ed,#fff 48%,color-mix(in srgb,var(--card-a) 24%,#fff));transform:rotateY(180deg)}.c57-word-card:hover>.front,.c57-word-card:hover>.back{box-shadow:0 14px 0 color-mix(in srgb,var(--card-a) 72%,#34243e),0 30px 55px #47305430}.c57-word-card.flipped>.front{transform:rotateY(180deg)}.c57-word-card.flipped>.back{transform:rotateY(360deg)}.c57-word-card small{font:900 11px 'DM Sans',sans-serif;letter-spacing:.2em;color:var(--card-ink)}.c57-word-card strong{max-width:90%;margin:20px 0 24px;font-size:clamp(55px,9vw,108px);line-height:1;text-align:center;color:var(--card-ink);text-wrap:balance}.c57-word-card .back strong{font-size:clamp(42px,7vw,82px)}.c57-word-card .c57-card-voice{position:relative;z-index:5;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;display:grid;place-items:center;border:2px solid #ffffffc9;border-radius:50%;background:var(--card-a);color:#fff;box-shadow:0 5px 0 color-mix(in srgb,var(--card-a) 65%,#2b2032);transition:.15s}.c57-word-card .c57-card-voice:hover{transform:translateY(-2px)}.c57-word-card .c57-card-voice:active{transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--card-a) 65%,#2b2032)}.c57-card-count{position:absolute;inset-block-start:22px;inset-inline-start:24px;padding:7px 11px;border-radius:99px;background:#ffffffb5;color:var(--card-ink);font:900 10px 'DM Sans',sans-serif}.c57-card-doodle{position:absolute;inset-block-start:24px;inset-inline-end:26px;color:var(--card-a);font:900 20px 'DM Sans',sans-serif;letter-spacing:.15em}.c57-word-card em{position:absolute;bottom:18px;padding:6px 11px;border-radius:99px;background:#ffffff9c;color:var(--card-ink);font-size:8px;font-style:normal;font-weight:900}
.c57-grammar-card{width:min(760px,100%);min-height:390px;margin:auto;padding:clamp(28px,6vw,65px);display:flex;flex-direction:column;justify-content:center;border:1px solid #ead8b5;border-radius:36px;background:radial-gradient(circle at 90% 12%,#ffe18f 0 70px,transparent 71px),linear-gradient(145deg,#fffdf8,#fff5df);box-shadow:0 10px 0 #ead6a9}.c57-grammar-card small{font-size:10px;color:#a16f22;font-weight:900}.c57-grammar-card p{font-size:clamp(17px,2vw,24px);line-height:1.9}.c57-grammar-card strong{padding:20px;border-radius:18px;background:#302a3b;color:#fff;font:800 clamp(17px,2.5vw,28px)/1.6 'DM Sans',sans-serif;text-align:center}
.c57-question{width:min(800px,100%);min-height:430px;margin:auto;padding:clamp(22px,4vw,42px);display:flex;flex-direction:column;justify-content:center;border:1px solid #e4d9e7;border-radius:32px;background:linear-gradient(145deg,#fff,#faf7fd);box-shadow:0 8px 0 #ddd0e5}.c57-question>small{text-align:center;color:#8969a0;font:900 9px 'DM Sans',sans-serif;letter-spacing:.12em}.c57-question>h2{max-width:700px;margin:14px auto 24px;text-align:center;font-size:clamp(20px,3vw,31px);line-height:1.6}.c57-draw-question,.c57-write-question,.c57-speak-question{display:flex;flex-direction:column;align-items:center;gap:14px}.c57-prompt{text-align:center}.c57-prompt small,.c57-write-question>small{font:900 9px 'DM Sans',sans-serif;color:#9674aa;letter-spacing:.14em}.c57-prompt strong,.c57-write-question>strong,.c57-speak-question>strong{display:block;margin:5px;font-size:clamp(32px,6vw,60px)}.c57-prompt p{margin:0;color:#817586;font-size:10px}.c57-draw-question canvas{width:100%;height:min(34svh,310px);border:2px solid #cdbbd8;border-radius:23px;touch-action:none;background:linear-gradient(#eee6f0 1px,transparent 1px),linear-gradient(90deg,#eee6f0 1px,transparent 1px),#fff;background-size:28px 28px;cursor:crosshair}.c57-draw-question>button,.c57-write-question>button{min-width:240px;min-height:50px;border-radius:14px}.c57-write-question label{width:100%;display:grid;gap:8px}.c57-write-question label span{font-size:10px;color:#786d7e}.c57-write-question input,.c57-correction input{width:100%;min-height:58px;padding:13px 16px;border:2px solid #d8cadf;border-radius:16px;background:#fff;font:700 18px 'Readex Pro',sans-serif}.c57-reveal{width:100%;padding:17px;border-radius:18px;text-align:center;background:#f1ebf5}.c57-reveal>span{display:block;font-size:8px;color:#807384}.c57-reveal>strong{display:block;margin:5px;font-size:28px}.c57-reveal>div{display:flex;justify-content:center;gap:8px;margin-top:10px}.c57-reveal button{padding:10px 15px;border:1px solid #d9cde0;border-radius:12px}.c57-speak-question{text-align:center}.c57-voice-orb{width:90px;height:90px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#7653a4,#a875c6);color:#fff;box-shadow:0 8px 0 #50366e}.c57-speak-question>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(520px,100%)}.c57-speak-question>div button{min-height:55px;border:1px solid #ddcfe5;border-radius:16px;background:#fff;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:900}.c57-feedback{width:100%;padding:14px;border-radius:15px}.c57-feedback.correct{background:#e5f7ee;color:#247154}.c57-feedback.wrong{background:#fff0f1;color:#9b4056}.c57-question-next{width:min(800px,100%);margin:20px auto 0;display:flex;justify-content:flex-end}.c57-question-next button{min-width:230px}
.c57-options{display:grid;gap:9px}.c57-options button{min-height:54px;padding:12px 15px;border:1px solid #ded4e3;border-radius:15px;background:#fff;text-align:start;color:#514659;font-weight:800}.c57-options button.selected{border:2px solid #7653a4;background:#f3ebf8;color:#5f4079}.c57-built{min-height:72px;padding:12px;display:flex;gap:7px;flex-wrap:wrap;align-items:center;border:2px dashed #cab8d5;border-radius:17px;background:#faf7fc}.c57-built span{margin:auto;color:#887b8e;font-size:10px}.c57-built button,.c57-tokens button{padding:10px 12px;border:1px solid #d8cce0;border-radius:11px;background:#fff;color:#554560;font:800 13px 'DM Sans',sans-serif}.c57-tokens{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.c57-correction{display:grid;gap:8px}.c57-correction span{font-size:10px;color:#776b7e}.c57-ai-start,.c57-summary{width:min(720px,100%);min-height:520px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;border:1px solid #e2d6e7;border-radius:36px;background:radial-gradient(circle at 12% 15%,#ffe48e 0 65px,transparent 66px),radial-gradient(circle at 88% 82%,#b7e8d2 0 75px,transparent 76px),linear-gradient(145deg,#fff,#f8f2fc);box-shadow:0 10px 0 #d6c5e0}.c57-ai-start>span,.c57-summary>span{width:88px;height:88px;border-radius:29px;display:grid;place-items:center;background:#7653a4;color:#fff}.c57-ai-start h1,.c57-summary h1{margin:20px 0 9px;font-size:clamp(30px,5vw,54px)}.c57-ai-start p,.c57-summary p{max-width:560px;color:#786d7f;font-size:11px;line-height:1.9}.c57-ai-start button,.c57-summary button{min-width:260px;min-height:56px;margin-top:14px;border-radius:17px;font-weight:900}.c57-summary.pass>span{background:#4c9a76}.c57-summary.retry>span{background:#bd6b7e}
.c57-complete-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.c57-complete-actions button{padding:0 18px;border:1px solid #dacde1;background:#fff;color:#65536f}.c57-complete-actions .primary{border:0;background:#2f2739;color:#fff}
.c57-video{width:min(900px,100%);margin:auto;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#1d1822;box-shadow:0 9px 0 #cbbbd4}.c57-video iframe{width:100%;height:100%;border:0}.c57-media-next{display:block;min-width:300px;margin:24px auto 0;padding:0 20px}.c57-story{width:min(800px,100%);min-height:430px;margin:auto;padding:clamp(26px,5vw,55px);border:1px solid #ddcfb8;border-radius:32px;background:linear-gradient(90deg,#fffdfa,#fff8e9);box-shadow:0 9px 0 #e3d5bb}.c57-story>p{font:600 clamp(18px,2.5vw,26px)/2 'DM Sans',sans-serif}.c57-story aside{margin-top:22px;padding:16px;border-radius:15px;background:#f2ead9;color:#6f6353;font-size:11px;line-height:1.8}.c57-empty{width:min(800px,100%);margin:auto;padding:70px 20px;text-align:center;border:2px dashed #d9cedd;border-radius:25px;color:#897d8e}
@media (max-width:1100px){.c57-boxes{grid-template-columns:repeat(5,minmax(0,1fr))}.c57-zone-grid{grid-template-columns:230px minmax(0,1fr)}.c57-workspace{padding:24px}.c57-schema-grid{grid-template-columns:1fr}}
@media (max-width:767px){.c57-map{padding:12px 9px calc(105px + env(safe-area-inset-bottom))}.c57-map-hero{grid-template-columns:1fr;padding:23px;border-radius:27px}.c57-map-hero aside{width:100%;height:auto;padding:15px;border-radius:20px;display:flex;align-items:baseline;justify-content:center;gap:7px;box-shadow:0 6px 0 #3f2b57}.c57-map-hero aside strong{font-size:30px}.c57-level{grid-template-columns:42px 45px minmax(0,1fr);padding:12px;gap:10px;border-radius:20px}.c57-level>b{grid-column:3;font-size:13px;text-align:start}.c57-level-icon{width:43px;height:43px;border-radius:14px}.c57-level strong{font-size:15px}.c57-box-page{padding:14px 9px;border-radius:25px}.c57-box-page>header{grid-template-columns:auto 1fr}.c57-box-page>header>span{display:none}.c57-box-page>header h2{font-size:20px}.c57-boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.c57-box{min-height:122px}.c57-manage{left:10px;bottom:calc(78px + env(safe-area-inset-bottom));font-size:10px}.c57-manager{padding:8px}.c57-manager>section{padding:18px;border-radius:22px}.c57-schema-grid{grid-template-columns:1fr}.c57-import{align-items:flex-start;flex-direction:column}.c57-zone{padding:8px 7px calc(70px + env(safe-area-inset-bottom))}.c57-zone-top{grid-template-columns:auto 1fr;padding:8px}.c57-zone-top>button{width:43px;height:43px;padding:0;display:grid;place-items:center;font-size:0}.c57-zone-top>span{display:none}.c57-zone-grid{display:block}.c57-stage-nav{position:relative;top:0;margin-bottom:9px;padding:8px;display:flex;gap:7px;overflow-x:auto;border-radius:20px}.c57-stage-nav>header{display:none}.c57-stage-nav>section{flex:0 0 185px;margin:0}.c57-stage-nav section.active>div{display:grid}.c57-workspace{min-height:610px;padding:18px 10px;border-radius:24px}.c57-study>header h1,.c57-exam>header h1{font-size:27px}.c57-word-card{height:440px;min-height:440px}.c57-word-card>.front,.c57-word-card>.back{padding:24px 14px;border-radius:28px}.c57-word-card strong{font-size:61px}.c57-word-card .back strong{font-size:46px}.c57-controls{gap:7px}.c57-question{min-height:430px;padding:20px 12px;border-radius:24px}.c57-draw-question canvas{height:280px}.c57-speak-question>div{grid-template-columns:1fr}.c57-options button{font-size:11px}.c57-ai-start,.c57-summary{min-height:500px;padding:25px 16px;border-radius:27px}.c57-video{border-radius:19px}.c57-story{min-height:400px;padding:25px 19px;border-radius:24px}.c57-media-next{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){.c57-word-card>.front,.c57-word-card>.back,.c57-level,.c57-box{transition:none!important}}