.mindmap-reader *{box-sizing:border-box}.mindmap-reader{--green:#467e60;--ink:#284638;--muted:#647466;--line:#dbe3d5;--paper:#fffefa}.mindmap-reader{margin:0;background:#f6f5ec;color:var(--ink);font:inherit;overflow:hidden}.mindmap-reader button{font:inherit;cursor:pointer}.mindmap-reader button:focus-visible,.mindmap-reader summary:focus-visible{outline:3px solid #be8133;outline-offset:3px}.mindmap-reader ::selection{background:#f7d68b}.mindmap-reader header{height:66px;background:#559e7b;color:white;display:flex;align-items:center;gap:28px;padding:0 24px}.mindmap-reader header .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.mindmap-reader header img{width:44px;border-radius:50%;border:3px solid #fff}.mindmap-reader header>span:nth-child(2){font-size:13px}.mindmap-reader header>small{margin-left:auto;font-size:12px}.mindmap-reader{padding:0 24px 20px}.mindmap-reader .lessonbar{height:70px;display:flex;align-items:center;justify-content:space-between}.mindmap-reader .lessonbar>div{display:flex;gap:12px;align-items:center}.mindmap-reader h1{font-size:27px;margin:0}.mindmap-reader h1 small{font-size:18px;font-weight:500;margin-left:9px}.mindmap-reader .number{background:#f6d780;border-radius:7px;padding:5px 9px;font-weight:700;font-size:12px}.mindmap-reader .category{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.mindmap-reader .workspace{height:calc(100dvh - 156px);display:grid;grid-template-columns:minmax(145px,.5fr) minmax(0,1.7fr) minmax(320px,1.3fr);gap:24px;max-width:1600px;margin:auto}.mindmap-reader .steps{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;min-height:0}.mindmap-reader .step{border:1px solid var(--line);border-radius:15px;background:#fbfcf5;text-align:left;padding:clamp(12px,2vh,23px);display:flex;flex-direction:column;justify-content:center;color:var(--muted);transition:background .15s}.mindmap-reader .step>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mindmap-reader .step>div span{font-size:11px;opacity:.8}.mindmap-reader .step svg{width:24px;height:24px}.mindmap-reader .step b{font-size:19px;margin-bottom:6px;color:var(--ink)}.mindmap-reader .step small{font-size:11px}.mindmap-reader .step.active{background:#deecd3;border-color:#87a982;color:#3a654a}.mindmap-reader .step:hover{background:#e9f0df}.mindmap-reader .canvas{min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;overflow:auto}.mindmap-reader .paper{position:relative;aspect-ratio:2480/3508;height:100%;max-width:100%;max-height:100%;width:auto;background:#fff;border:5px solid white;outline:1px solid #d7dfce;border-radius:9px;box-shadow:0 8px 20px #3e54331a;flex:none;overflow:hidden}.mindmap-reader .paper img{display:block;width:100%;height:100%;object-fit:fill}.mindmap-reader .canvas.zoomed{display:block}.mindmap-reader .canvas.zoomed .paper{width:140%;height:auto;max-width:none;max-height:none}.mindmap-reader .canvas.zoomed img{height:auto}.mindmap-reader .hotspot{position:absolute;transform:translate(-50%,-50%);border:2px solid transparent;background:transparent;border-radius:5px}.mindmap-reader .hotspot:hover,.mindmap-reader .hotspot.selected{border-color:#c79736;background:#f9d47424}.mindmap-reader .hotspot.playing{background:#f3cf6750}.mindmap-reader .panel{min-width:0;min-height:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 18px #38533508}.mindmap-reader #panel-body{padding:24px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#c0ceba transparent}.mindmap-reader .section-label{font-size:12px;color:var(--muted)}.mindmap-reader h2{font-size:35px;line-height:1.25;margin:9px 0;overflow-wrap:anywhere}.mindmap-reader .word>p,.mindmap-reader .recall>p{font-size:17px;color:var(--muted);margin:0 0 16px;line-height:1.65}.mindmap-reader .primary,.mindmap-reader .secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:22px;padding:10px 20px;font-size:13px}.mindmap-reader .primary{border:0;background:var(--green);color:white;font-weight:650}.mindmap-reader .primary:hover{background:#326047}.mindmap-reader .secondary{border:1px solid var(--line);background:white;color:var(--ink)}.mindmap-reader svg{height:18px;width:18px;flex:none}.mindmap-reader .line{padding:21px 0;border-top:1px solid var(--line);margin-top:20px}.mindmap-reader .line+.line{margin-top:0}.mindmap-reader .line-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mindmap-reader .line h3{font-size:13px;color:var(--muted);margin:0}.mindmap-reader .listen{border:0;background:#edf2e5;display:flex;align-items:center;gap:3px;color:#365d43;padding:6px 9px;border-radius:16px;font-size:11px}.mindmap-reader .line>p{font-size:22px;font-weight:600;line-height:1.6;margin:12px 0 8px;overflow-wrap:anywhere}.mindmap-reader .line>small{font-size:14px;line-height:1.8;color:var(--muted);display:block}.mindmap-reader em{font-style:normal;color:#b34535}.mindmap-reader .panel-title h2{font-size:26px}.mindmap-reader .panel-title+.line{margin-top:20px}.mindmap-reader .player{padding:15px 24px 19px;background:#f0f4e8;border-top:1px solid var(--line);flex:none}.mindmap-reader .player>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.mindmap-reader #pause{border:0;background:transparent;color:#315b41;font-weight:650;font-size:12px;padding:4px}.mindmap-reader progress{display:block;width:100%;height:3px;accent-color:var(--green);margin:10px 0 14px}.mindmap-reader .rates{display:flex;align-items:center;gap:8px}.mindmap-reader .rates>span{font-size:12px;color:var(--muted);margin-right:auto}.mindmap-reader .rates button{font-size:11px;background:white;border:1px solid #d4dfcb;color:#45634c;border-radius:15px;padding:6px 12px}.mindmap-reader .rates button.active{background:var(--green);border-color:var(--green);color:white}.mindmap-reader .recall h2{font-size:28px}.mindmap-reader .recall .secondary{margin-left:6px}.mindmap-reader .quiet{font-size:13px;color:var(--muted);line-height:1.8;margin-top:25px}.mindmap-reader .record{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.mindmap-reader .record summary{cursor:pointer;font-size:14px}.mindmap-reader .record button{margin-top:14px}.mindmap-reader .record p{font-size:12px;color:var(--muted);line-height:1.7}.mindmap-reader .record audio{width:100%;margin-top:14px}.mindmap-reader .record audio[hidden]{display:none}@media(min-width:1001px) and (max-height:820px){.mindmap-reader #panel-body{padding:18px 20px}.mindmap-reader .line{padding:15px 0;margin-top:16px}.mindmap-reader .line>p{font-size:20px}.mindmap-reader .line>small{font-size:13px}.mindmap-reader .step b{font-size:17px}.mindmap-reader .step>div{margin-bottom:9px}}@media(max-width:1000px){.mindmap-reader{padding:0 14px 14px}.mindmap-reader .workspace{height:calc(100dvh - 150px);grid-template-columns:110px minmax(0,1fr) minmax(270px,.85fr);gap:14px}.mindmap-reader .paper{height:auto;width:100%;max-height:100%;aspect-ratio:2480/3508}.mindmap-reader .step{padding:12px}.mindmap-reader .step b{font-size:15px}.mindmap-reader .step small{font-size:10px;line-height:1.6}.mindmap-reader .step>div{margin-bottom:12px}.mindmap-reader #panel-body{padding:18px}.mindmap-reader .line>p{font-size:19px}.mindmap-reader h2{font-size:30px}.mindmap-reader .player{padding:12px 16px}.mindmap-reader .rates{gap:5px}.mindmap-reader .rates button{padding:6px 9px}.mindmap-reader .lessonbar{height:70px}}@media(max-width:650px){.mindmap-reader{overflow:auto}.mindmap-reader header{height:58px;padding:0 14px;gap:14px}.mindmap-reader header .brand{font-size:16px}.mindmap-reader header img{width:34px}.mindmap-reader header>span:nth-child(2){display:none}.mindmap-reader header>small{font-size:10px}.mindmap-reader .lessonbar{height:62px}.mindmap-reader h1{font-size:23px}.mindmap-reader .category{display:none}.mindmap-reader .workspace{height:auto;display:flex;flex-direction:column;gap:16px}.mindmap-reader .steps{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:5px}.mindmap-reader .step{padding:10px 4px;text-align:center;align-items:center;border-radius:10px}.mindmap-reader .step>div{margin-bottom:7px}.mindmap-reader .step>div span,.mindmap-reader .step small{display:none}.mindmap-reader .step svg{height:19px;width:19px}.mindmap-reader .step b{font-size:12px;margin:0}.mindmap-reader .canvas{height:58dvh;flex:none;padding:2px}.mindmap-reader .paper{height:100%;width:auto;max-width:100%}.mindmap-reader .panel{max-height:70dvh;min-height:350px}.mindmap-reader .recall .secondary{margin:8px 0 0}.mindmap-reader #panel-body{padding:20px}.mindmap-reader .lessonbar .secondary{font-size:11px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.mindmap-reader *{transition:none!important}}.mindmap-reader .paper{border:0}.mindmap-reader{padding:0 18px 18px}.mindmap-reader .workspace{max-width:none;height:calc(100dvh - 154px);grid-template-columns:156px minmax(0,1fr) 288px;gap:18px}.mindmap-reader .step{padding:18px 12px}.mindmap-reader .step b{font-size:23px;letter-spacing:-.5px}.mindmap-reader .step small{font-size:11px}.mindmap-reader .step>div{margin-bottom:14px}.mindmap-reader .canvas{position:relative;background:#ebeede;border-radius:12px;scrollbar-width:thin;scrollbar-color:#a4b99c #ebeede;overscroll-behavior:contain;scroll-behavior:auto;padding:1px}.mindmap-reader .canvas.zoomed{display:block}.mindmap-reader .canvas.zoomed .paper{width:min(100%,calc((100dvh - 154px)*1.24));height:auto;max-width:100%;max-height:none;margin:0 auto;border-radius:8px}.mindmap-reader .canvas.zoomed .paper img{width:100%;height:auto;object-fit:contain}.mindmap-reader .canvas:not(.zoomed) .paper{height:calc(100% - 2px);width:auto;max-width:100%;max-height:100%;aspect-ratio:2480/3508}.mindmap-reader .panel{border-radius:14px}.mindmap-reader #panel-body{padding:20px}.mindmap-reader .word h2{font-size:32px}.mindmap-reader .line>p{font-size:20px}.mindmap-reader .line>small{font-size:13px}.mindmap-reader .player{padding:14px 18px}.mindmap-reader .rates{gap:5px}.mindmap-reader .rates button{padding:6px 10px}.mindmap-reader .panel-title h2{font-size:23px}.mindmap-reader .recall h2{font-size:24px}.mindmap-reader .recall .secondary{margin:10px 0 0}.mindmap-reader .lessonbar::after{content:none}.mindmap-reader .view-group{display:flex;align-items:center;gap:15px}.mindmap-reader .reading-hint{font-size:12px;color:#647466}.mindmap-reader .line-title{gap:5px}.mindmap-reader .listen{font-size:10px;padding:6px}.mindmap-reader .line{margin-top:16px;padding:17px 0}@media(min-width:651px) and (max-width:1100px){.mindmap-reader .workspace{grid-template-columns:120px minmax(0,1fr) 250px;gap:12px}.mindmap-reader .step{padding:12px 8px}.mindmap-reader .step b{font-size:19px}.mindmap-reader .step small{font-size:10px}.mindmap-reader .canvas.zoomed .paper{width:100%}.mindmap-reader #panel-body{padding:16px}.mindmap-reader .line>p{font-size:18px}.mindmap-reader .reading-hint{display:none}}@media(max-width:650px){.mindmap-reader{padding:0 10px 12px}.mindmap-reader .workspace{display:flex;height:auto;gap:12px}.mindmap-reader .steps{gap:5px}.mindmap-reader .step{padding:10px 3px}.mindmap-reader .step b{font-size:14px}.mindmap-reader .step>div{margin-bottom:7px}.mindmap-reader .canvas{height:60dvh;flex:none}.mindmap-reader .canvas.zoomed .paper{width:100%;max-width:100%}.mindmap-reader .reading-hint{display:none}.mindmap-reader .panel{min-height:350px;max-height:70dvh}.mindmap-reader .lessonbar{height:62px}.mindmap-reader .view-group{gap:0}.mindmap-reader .player{padding:12px 16px}}.mindmap-reader .guide h2{font-size:24px;line-height:1.5;margin:0 0 12px;letter-spacing:-.4px;text-wrap:balance}.mindmap-reader .guide>p{font-size:15px;line-height:1.85;margin:0;color:#536653}.mindmap-reader .flow{font-size:12px;color:#456349;margin-top:19px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.mindmap-reader .awaiting{margin:36px 0;color:#647466}.mindmap-reader .awaiting>svg{width:28px;height:28px}.mindmap-reader .awaiting>p{font-size:14px;line-height:1.85;margin:10px 0}.mindmap-reader .picked{margin-top:30px}.mindmap-reader .picked-heading{font-size:13px;color:#647466;margin-bottom:14px}.mindmap-reader .picked .word h2{font-size:36px;margin:0 0 8px}.mindmap-reader .picked .word>p{margin-bottom:22px}.mindmap-reader .next-cue{font-size:14px;line-height:1.85;color:#536653;margin:25px 0 0}.mindmap-reader .text-action{display:block;border:0;background:none;color:#467e60;text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:16px 0 0}.mindmap-reader .picked .line{border:0;padding:0;margin:0}.mindmap-reader .picked .line>p{font-size:22px}.mindmap-reader .picked+.secondary{margin-top:26px}.mindmap-reader .player button:disabled{opacity:.45;cursor:default}@media(max-width:1100px){.mindmap-reader .guide h2{font-size:21px}.mindmap-reader .flow{font-size:11px}.mindmap-reader .picked .word h2{font-size:30px}}.mindmap-reader .guide{padding-bottom:22px;border-bottom:1px solid var(--line)}.mindmap-reader .guide h2{margin-bottom:10px}.mindmap-reader .awaiting{margin:28px 0}.mindmap-reader .picked{margin-top:24px}.mindmap-reader .dictionary .word h2{margin:0 0 17px;font-size:36px}.mindmap-reader .pronunciations{display:flex;flex-direction:column;gap:8px}.mindmap-reader .pronunciations button{display:flex;align-items:center;gap:10px;text-align:left;background:#edf2e8;border:0;border-radius:8px;padding:9px 10px;color:var(--ink);font-size:14px}.mindmap-reader .pronunciations b{font-size:12px;font-weight:500;flex:none}.mindmap-reader .pronunciations span{flex:1;overflow-wrap:anywhere}.mindmap-reader .pronunciations svg{width:15px;height:15px}.mindmap-reader .pronunciations button:hover{background:#e0ead8}.mindmap-reader .meanings{margin:22px 0 0}.mindmap-reader .meanings>div+div{margin-top:15px}.mindmap-reader .meanings dt{font-size:12px;color:#647466;margin-bottom:5px}.mindmap-reader .meanings dd{margin:0;font-size:16px;line-height:1.7}.mindmap-reader .dictionary-example{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.mindmap-reader .dictionary-example h3{font-size:13px;font-weight:500;margin:0}.mindmap-reader .dictionary-example>p{font-size:20px;font-weight:600;line-height:1.55;margin:15px 0 8px;overflow-wrap:anywhere}.mindmap-reader .dictionary-example>p.translation{font-size:14px;font-weight:400;line-height:1.8;margin:0;color:#536653}.mindmap-reader .dictionary-example>small{display:block;font-size:10px;color:#647466;margin-top:13px}.mindmap-reader .dictionary-example a{color:inherit;text-underline-offset:3px}.mindmap-reader .rates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.mindmap-reader .rates>span{grid-column:1/-1;margin-bottom:3px}.mindmap-reader .rates button{padding:7px 0;font-size:11px;white-space:nowrap}.mindmap-reader .guide>p{font-size:14px}.mindmap-reader .guide h2{font-size:23px}@media(max-width:1100px){.mindmap-reader .guide h2{font-size:21px}.mindmap-reader .dictionary .word h2{font-size:31px}.mindmap-reader .rates{gap:3px}}.mindmap-reader .meanings>div{display:flex;align-items:baseline;gap:9px}.mindmap-reader .meanings dt{flex:none;min-width:29px;margin:0;font-size:13px}.mindmap-reader .meanings dd{flex:1;min-width:0}.mindmap-reader .dictionary-example>small:empty{display:none}.mindmap-reader #retell-all{margin-top:24px;width:100%;font-size:13px;padding:11px 8px}.mindmap-reader #panel-body{padding:16px 18px}.mindmap-reader .guide{padding-bottom:12px}.mindmap-reader .guide h2{font-size:21px;line-height:1.35;margin:0 0 6px}.mindmap-reader .guide>p{font-size:13px;line-height:1.6}.mindmap-reader .picked{margin-top:14px}.mindmap-reader .dictionary .word h2{font-size:30px;line-height:1.2;margin:0 0 12px}.mindmap-reader .pronunciations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mindmap-reader .pronunciations button{position:relative;display:flex;flex-wrap:wrap;gap:4px 6px;padding:8px;font-size:12px;line-height:1.35}.mindmap-reader .pronunciations b{font-size:11px;flex:1}.mindmap-reader .pronunciations svg{width:13px;height:13px;position:absolute;right:7px;top:8px}.mindmap-reader .pronunciations span{flex-basis:100%;order:2;font-size:13px}.mindmap-reader .meanings{margin-top:12px}.mindmap-reader .meanings>div+div{margin-top:6px}.mindmap-reader .meanings dt{font-size:12px;min-width:24px}.mindmap-reader .meanings dd{font-size:15px;line-height:1.5}.mindmap-reader .dictionary-example{padding-top:12px;margin-top:12px}.mindmap-reader .dictionary-example>p{font-size:17px;line-height:1.45;margin:10px 0 5px}.mindmap-reader .dictionary-example>p.translation{font-size:13px;line-height:1.6}.mindmap-reader .player{padding:10px 14px 12px}.mindmap-reader .player progress{margin:7px 0 9px}.mindmap-reader .rates{gap:4px}.mindmap-reader .rates>span{margin-bottom:0}.mindmap-reader .rates button{padding:5px 0}.mindmap-reader .awaiting{margin:18px 0}.mindmap-reader .picked .line>p{font-size:19px;line-height:1.5;margin:10px 0 6px}.mindmap-reader .picked .line>small{font-size:13px;line-height:1.6}.mindmap-reader #retell-all{margin-top:16px;padding:10px 6px}@media(max-height:820px) and (min-width:651px){.mindmap-reader #panel-body{padding:12px 15px}.mindmap-reader .guide h2{font-size:20px}.mindmap-reader .guide>p{font-size:12px}.mindmap-reader .guide{padding-bottom:10px}.mindmap-reader .picked{margin-top:12px}.mindmap-reader .dictionary .word h2{font-size:28px;margin-bottom:10px}.mindmap-reader .dictionary-example{margin-top:10px;padding-top:10px}.mindmap-reader .player{padding:8px 12px 10px}}.mindmap-reader .pronunciations button:disabled{opacity:.55;cursor:default}.mindmap-reader .pronunciations button:disabled svg{display:none}.mindmap-reader .canvas .paper img{width:100%;height:auto;display:block}.mindmap-reader .back-catalog{color:var(--green);font-size:14px;text-decoration:none;white-space:nowrap}.mindmap-reader .lessonbar h1,.mindmap-reader .dictionary .word h2,.mindmap-reader .line p,.mindmap-reader .meanings dd{overflow-wrap:anywhere}
.mindmap-reader{max-width:1680px;margin:auto;padding:0 24px 20px;overflow:visible}.mindmap-reader .workspace{height:calc(100dvh - 188px)}.mindmaps-search-row{display:flex;align-items:center;gap:12px;margin:16px 0}.mindmaps-search-row input{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:10px;min-width:0}.mindmaps-search-row p{margin:0 0 0 auto}#mindmaps-content .lesson-card,#mindmaps-content .continue-card .button{text-decoration:none}#mindmaps-content .lesson-card:focus-visible{outline:3px solid #3d7f5d;outline-offset:3px}@media(max-width:650px){.mindmap-reader{padding:0 14px 16px}.mindmap-reader .workspace{height:auto}.mindmaps-search-row{flex-wrap:wrap}.mindmaps-search-row p{flex-basis:100%;margin:0}}

.mindmap-reader .back-catalog{display:inline-flex;align-items:center;gap:3px;text-decoration:underline;text-underline-offset:4px}.mindmap-reader .back-catalog svg{width:16px;height:16px}.mindmap-reader .back-catalog:focus-visible,.mindmap-reader .next-lesson:focus-visible{outline:3px solid #be8133;outline-offset:3px}.mindmap-reader .workspace{height:calc(100dvh - 148px);min-height:320px}.mindmap-reader .lesson-navigation{display:flex;justify-content:flex-end;max-width:1600px;margin:12px auto 0}.mindmap-reader .next-lesson{min-height:44px;max-width:100%;text-decoration:none;overflow-wrap:anywhere}.mindmap-reader .illustration-hits-ready .hotspot{pointer-events:none}.mindmap-reader .hotspot.is-hovered{border-color:#c79736;background:#f9d47424}@media(max-width:650px){.mindmap-reader .workspace{height:auto;min-height:0}.mindmap-reader .lesson-navigation{margin-top:14px}}

.mindmap-reader .paper{background-size:100% 100%;background-repeat:no-repeat}.mindmap-reader .paper.is-image-loading>img,.mindmap-reader .paper.is-image-error>img{opacity:0}.mindmap-reader .reader-image-message{position:absolute;z-index:3;inset:12px 12px auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border-radius:10px;background:#fffef5ed;color:var(--ink);font-size:13px;box-shadow:0 2px 10px #28463816}.mindmap-reader .is-image-loading .hotspot,.mindmap-reader .is-image-error .hotspot{pointer-events:none}