.teach-workspace .rainbow-shell{background:#fff;border:1px solid #d3ded8;border-radius:8px;margin:0 0 18px;overflow:hidden}.teach-workspace .rainbow-toggle{text-align:left;background:#f5f8f5;border:0;border-radius:0;justify-content:space-between;width:100%;padding:12px 16px;display:flex}.rainbow-toggle-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.rainbow-toggle-title small{color:#596d63;font-size:12px;font-weight:400}.rainbow-mark{gap:2px;display:inline-flex}.rainbow-mark i{background:#c54141;border-radius:1px;width:4px;height:14px;display:block}.rainbow-mark i:nth-child(2){background:#c46518}.rainbow-mark i:nth-child(3){background:#b99616}.rainbow-mark i:nth-child(4){background:#8550b0}.rainbow-chevron-open{transform:rotate(180deg)}.rainbow-loading{margin:0;padding:18px;font-size:14px}.rainbow-board{min-width:0;padding:20px}.rainbow-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.rainbow-board .rainbow-eyebrow{color:#587365;letter-spacing:.1em;margin:0 0 6px;font-size:11px;font-weight:650}.rainbow-board h3{color:#243a30;margin:0;font-size:clamp(18px,2vw,24px);font-weight:600}.rainbow-step{color:#63786a;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.rainbow-meaning{color:#374b40;margin:12px 0 18px;font-size:15px;line-height:1.6}.rainbow-guide{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.rainbow-guide p{color:#647467;margin:0;font-size:12px;line-height:1.5}.rainbow-guide label{white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.rainbow-guide input{accent-color:#216b50}.rainbow-track{align-items:center;gap:2px;min-width:0;display:flex}.rainbow-board .rainbow-tiles{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.rainbow-tile{--rainbow-ink:#903737;--rainbow-fill:#fff4f1;background:var(--rainbow-fill);border:1px solid #e6c7c0;border-bottom:3px solid var(--rainbow-ink);border-radius:6px;min-width:0;margin:0;padding:0;position:relative}.rainbow-when,.rainbow-where{--rainbow-ink:#985116;--rainbow-fill:#fff4e6;border-color:#edcfa7}.rainbow-action{--rainbow-ink:#72580b;--rainbow-fill:#fffbe1;border-color:#e5d793}.rainbow-tile.rainbow-selected{outline-offset:2px;outline:2px solid #315b4a}.teach-workspace .rainbow-board .rainbow-word{width:100%;min-height:108px;color:var(--rainbow-ink);background:0 0;border:0;flex-direction:column;gap:8px;padding:10px 4px;display:flex}.rainbow-role{overflow-wrap:anywhere;font-size:10px;font-weight:500;line-height:1.4}.rainbow-word strong{color:#30291e;white-space:nowrap;font-size:clamp(18px,2vw,26px);font-weight:550}.rainbow-pinyin{color:#695540;overflow-wrap:anywhere;min-height:15px;font-size:11px;line-height:1.35}.teach-workspace .rainbow-board .rainbow-handle{touch-action:none;width:100%;min-height:30px;color:var(--rainbow-ink);cursor:grab;background:0 0;border:0;border-top:1px solid #dfcbb880;border-radius:0 0 4px 4px;gap:2px;padding:3px;font-size:10px;display:flex}.teach-workspace .rainbow-board .rainbow-handle:active{cursor:grabbing}.teach-workspace .rainbow-board .rainbow-word:hover,.teach-workspace .rainbow-board .rainbow-handle:hover{background:#ffffff70}.rainbow-punctuation{color:#8550b0;flex-shrink:0;width:16px;font-size:22px}.rainbow-move-tools{color:#5e7065;align-items:center;gap:7px;margin:14px 0 8px;display:flex}.rainbow-move-tools>span{margin-right:auto;font-size:12px}.teach-workspace .rainbow-move-tools button{min-width:36px;min-height:36px;padding:0}.rainbow-board .rainbow-sentence{text-align:center;color:#293d33;overflow-wrap:anywhere;margin:16px 0;font-size:19px;line-height:1.65}.rainbow-actions,.rainbow-next{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teach-workspace .rainbow-actions button,.teach-workspace .rainbow-next button{min-height:38px;padding:8px 11px;font-size:12px}.teach-workspace .rainbow-actions .rainbow-check{color:#fff;background:#245c48;border-color:#245c48}.teach-workspace .rainbow-actions .rainbow-check:hover{background:#174b38}.rainbow-feedback{font-size:13px;line-height:1.65}.rainbow-feedback:not(.rainbow-feedback-idle){background:#f1f7f2;border-left:3px solid #83a991;margin-top:14px;padding:12px 14px}.rainbow-feedback.rainbow-feedback-retry{background:#fff8ec;border-color:#c59b57}.rainbow-feedback p{margin:4px 0 0}.rainbow-feedback strong{font-weight:600}.rainbow-next{margin-top:12px}.rainbow-note,.rainbow-audio-note{color:#5a6f60;margin:14px 0 0;font-size:11px;line-height:1.65}.rainbow-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:480px){.rainbow-board{padding:14px 10px}.teach-workspace .rainbow-toggle{padding:12px}.rainbow-toggle-title{gap:2px 6px}.rainbow-toggle-title small{flex-basis:100%;margin-left:30px}.rainbow-guide{align-items:flex-start;gap:8px}.rainbow-board .rainbow-tiles{gap:5px}.rainbow-word strong{font-size:17px}.rainbow-word strong.rainbow-long-word{font-size:clamp(11px,3.5vw,16px)}.rainbow-pinyin{font-size:10px}.rainbow-role{font-size:9px}.rainbow-punctuation{width:12px;font-size:18px}.teach-workspace .rainbow-board .rainbow-word{min-height:115px;padding:8px 2px}.rainbow-actions{gap:6px}.teach-workspace .rainbow-actions button{padding:8px}}
.teach-page{color:#24312f;letter-spacing:0;max-width:1200px;margin:0 auto;padding:28px 24px 48px}body:has(.teach-page){background:#f8faf9}.teach-page-title{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.teach-page-title h1{letter-spacing:0;margin:0;font-size:30px}.teach-workspace{border-top:1px solid #cdd8d4;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:28px;padding-top:20px;display:grid}.teach-workspace *,.teach-review *{box-sizing:border-box;letter-spacing:0}.teach-workspace button,.teach-review button{color:#254b41;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9cac4;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.teach-workspace button:hover,.teach-review button:hover{background:#edf6f2}.teach-workspace button:disabled,.teach-review button:disabled{opacity:.5;cursor:default}.teach-workspace :focus-visible,.teach-review :focus-visible{outline-offset:3px;outline:2px solid #137d69}.teach-settings{min-width:0;font-size:14px}.teach-section-heading{align-items:center;gap:8px;margin:0 0 10px;display:flex}.teach-section-heading h2,.teach-session-header h2{margin:0;font-size:17px}.teach-settings>p{overflow-wrap:anywhere;margin:0 0 18px}.teach-settings>ul{padding-left:18px}.teach-settings label{gap:6px;margin:0 0 18px;display:grid}.teach-settings select,.teach-review select,.teach-review input{width:100%;max-width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #bccbc5;border-radius:5px;padding:8px}.teach-settings>a{align-items:center;gap:8px;margin-top:18px;display:inline-flex}.teach-settings .teach-review-list{margin:0;padding:0;list-style:none}.teach-review-list li{border-bottom:1px solid #dfe5e2;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.teach-review-list strong{font-size:13px;font-weight:550}.teach-review-list small{color:#62706a;font-size:12px;display:block}.teach-practice{border-left:1px solid #dbe3df;min-width:0;padding-left:28px}.teach-session-header,.teach-toolbar{align-items:center;gap:8px;display:flex}.teach-session-header{justify-content:space-between;gap:12px;min-height:44px}.teach-workspace .teach-icon{flex-shrink:0;width:40px;height:40px;padding:0}.teach-messages{overscroll-behavior:contain;height:350px;padding:16px 4px;overflow:auto}.teach-welcome>p{margin:22px 0;font-size:22px}.teach-starters{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.teach-turn{overflow-wrap:anywhere;border-bottom:1px solid #e6ebe8;padding:14px 0}.teach-turn small{color:#226653;font-size:12px;font-weight:650}.teach-turn.user{border-left:2px solid #d3c25c;padding-left:16px}.teach-turn.user small{color:#756515}.teach-turn p{white-space:pre-wrap;margin:6px 0 0;font-size:16px;line-height:1.65}.teach-muted{color:#67746e;font-size:13px}.teach-error{color:#8a372d;background:#fff1ee;padding:10px 12px;font-size:14px}.teach-error p{margin:0}.teach-current-task{border-top:2px solid #63a48a;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.teach-current-task p{overflow-wrap:anywhere;margin:4px 0 0}.teach-current-task small{color:#476357}.teach-workspace .teach-next{margin:12px 0}.teach-composer{border-top:1px solid #dbe3df;padding-top:12px}.teach-composer label,.teach-transcript label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.teach-composer textarea{resize:vertical;width:100%;min-height:76px;max-height:220px;font:inherit;color:#24312f;background:#fff;border:1px solid #bbc9c3;border-radius:6px;padding:10px;line-height:1.5}.teach-composer-actions{justify-content:space-between;align-items:flex-start;gap:12px;margin:8px 0;display:flex}.teach-audio{flex:1;min-width:0}.teach-transcript{margin-top:12px}.teach-audio p{font-size:13px}.teach-workspace .teach-send{color:#fff;background:#24634e;border-color:#24634e;min-width:108px}.teach-delete{background:#fff1ee;padding:12px;font-size:14px}.teach-delete p{margin:0 0 8px}.teach-delete button{margin-right:8px}.teach-review{border-top:1px solid #d1dcd6;margin-top:24px;padding-top:24px}.teach-review h2{font-size:22px}.teach-review table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.teach-review td,.teach-review th{vertical-align:top;border-bottom:1px solid #d7e1dc;padding:12px 8px}.teach-review td{overflow-wrap:anywhere}.teach-review-status{white-space:nowrap}.teach-review-scroll{overflow-x:auto}.teach-review summary{cursor:pointer;font-weight:550}.teach-review pre{white-space:pre-wrap;max-height:240px;font-size:13px;overflow:auto}.teach-review-actions{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:720px){.teach-page{padding:20px 16px 32px}.teach-page-title{flex-wrap:wrap;gap:8px}.teach-page-title h1{font-size:26px}.teach-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.teach-settings{border-top:1px solid #dbe3df;order:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;padding-top:20px;display:grid}.teach-settings>.teach-section-heading,.teach-settings>p,.teach-settings>ul,.teach-settings>a{grid-column:1/-1;margin:0}.teach-settings label{margin:0}.teach-practice{border-left:0;order:1;padding:0}.teach-messages{height:300px}.teach-session-header h2{font-size:16px}.teach-composer-actions{flex-wrap:wrap}}.teach-drawer-root{z-index:80;position:fixed;inset:0}.teach-drawer-overlay{cursor:pointer;background:#1828246b;border:0;position:absolute;inset:0}.teach-drawer{background:#f8faf9;border-left:1px solid #cdd8d4;flex-direction:column;width:min(560px,100vw);animation:.18s teach-drawer-in;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-18px 0 40px #1828242e}@keyframes teach-drawer-in{0%{opacity:.6;transform:translate(18px)}to{opacity:1;transform:none}}.teach-drawer-head{background:#fff;border-bottom:1px solid #dbe3df;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.teach-drawer-head>div{gap:2px;display:grid}.teach-drawer-head strong{font-size:16px}.teach-drawer-close{color:#254b41;cursor:pointer;background:#fff;border:1px solid #b9cac4;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.teach-drawer-body{flex:1;min-height:0;padding:12px 14px 24px;overflow:auto}.teach-drawer-body .teach-workspace{border-top:0;gap:18px;padding-top:8px}.teach-drawer-body .teach-practice{padding-left:18px}.teach-drawer-body .teach-messages{height:min(42vh,320px)}.teach-embed-page{max-width:none;min-height:100vh;padding:12px 14px 24px}.teach-embed-title{margin-bottom:12px}.teach-embed-signin{background:#fff;border:1px solid #dbe3df;border-radius:12px;gap:12px;max-width:520px;padding:20px;display:grid}:is(.site-shell:has(.teach-embed-page)>.header,.site-shell:has(.teach-embed-page)>.footer,.site-shell:has(.teach-embed-page) .mobile-bottom-nav){display:none!important}body:has(.teach-embed-page){background:#f8faf9}@media (max-width:720px){.teach-drawer{border-top:1px solid #cdd8d4;border-left:0;border-radius:16px 16px 0 0;width:100vw;height:min(92vh,920px);animation:.2s teach-sheet-in;inset:auto 0 0}@keyframes teach-sheet-in{0%{opacity:.7;transform:translateY(24px)}to{opacity:1;transform:none}}.teach-drawer-body .teach-workspace{grid-template-columns:minmax(0,1fr)}.teach-drawer-body .teach-practice{border-left:0;padding-left:0}.teach-drawer-body .teach-settings{order:2}.teach-drawer-body .teach-practice{order:1}}