body{font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif}header{height:76px}.help-button{margin-left:auto;font-size:12px;color:#829186}.brand-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#2d6a50;color:#fff}kbd{padding:3px 6px;border:1px solid #dce3d6;border-radius:5px;font-family:inherit;font-size:10px;margin-left:5px}.intro-actions{display:flex;gap:12px}.secondary{padding:12px 17px;border:1px solid #d7dfd1;background:#fff;border-radius:9px;font-size:12px;color:#52715b}main{max-width:1460px;padding-top:32px}.intro h1{font-size:32px;letter-spacing:-.8px}.screen{position:relative;background:#14261d}.screen video{height:100%;width:100%;object-fit:contain}.screen>#video-error{position:absolute;bottom:38px;left:10px;right:10px;background:#26382edb;padding:12px;font-size:12px}.screen>#yt{height:100%;width:100%}.lesson-labels{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.subtag{font-size:10px;color:#97a08e}.video-info h2{font-size:18px}.video-info p{font-size:11px}.video-info{padding:17px 0 12px}.progress-line{display:flex;justify-content:space-between;font-size:10px;color:#8b9886;margin-bottom:5px}progress{appearance:none;width:100%;height:4px;margin-bottom:14px;border:0;border-radius:3px;background:#e2e9dc}progress::-webkit-progress-bar{background:#e2e9dc;border-radius:3px}progress::-webkit-progress-value{background:#7e9d6f;border-radius:3px}.options{gap:7px;margin:12px 0}.options button{font-size:10px;padding:7px 11px}.now-playing{border:1px solid #e3e8da;border-radius:11px;background:#fff;padding:17px 20px}.section-label{font-size:10px;color:#899780;letter-spacing:1px}.section-label span{float:right;color:#afbaab}#current-en{font-size:17px;color:#344435;line-height:1.6;margin:12px 0 8px}#current-zh{font-size:12px;margin-top:0;color:#8a9282}.current-actions{display:flex;gap:15px;margin-top:14px}.current-actions button{font-size:11px;color:var(--green);padding:0}.current-actions button:last-child{margin-left:auto;color:#a0a896}.bottom-settings{display:flex;align-items:center;justify-content:space-between;margin:13px 0}.bottom-settings label{font-size:10px;display:flex;align-items:center;gap:5px;margin:0;color:#8a9786}.bottom-settings input[type=number]{width:48px;font-size:10px;padding:4px;margin:0;border-radius:5px}.bottom-settings input[type=checkbox]{width:auto;margin:0;accent-color:var(--green)}#status{font-size:10px;margin:0;color:#8a9786;min-height:17px}.tip{margin-top:14px;padding:14px}.tip strong{font-size:11px}.tip p{font-size:10px}.transcript-top{padding:20px 22px}.search-bar{display:flex;align-items:center;gap:9px;padding:10px 20px;background:#fff;border-bottom:1px solid #edf0e9}.search-bar>span:first-child{font-size:22px;color:#9ba891}.search-bar input{margin:0;padding:6px 0;border:0;border-radius:0;font-size:11px;outline:none;background:none}.search-bar>span:last-child{font-size:10px;color:#9aab8f;white-space:nowrap}#sentences{height:580px;max-height:65vh;overflow-anchor:none}.sentence{padding:17px 22px;transition:background .2s}.sentence.current{padding-left:19px}.sentence.current .number{color:#c18c44}.english{font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.85}.chinese{font-size:12px;line-height:1.9;margin-top:8px}.word{font-size:inherit;font-family:inherit;line-height:inherit;padding:0 1px;border-bottom:2px solid transparent;border-radius:3px}.word.phrase{background:#e9f0e1;color:#347251;border-bottom-color:#b4cd9c}.word.known{color:#9aac94}.word.saved-word{background:#fbe6d2;color:#b77436;border-bottom-color:#e8bb91}.meta{font-size:10px;margin-bottom:7px;align-items:center}.meta>div{display:flex;gap:14px;align-items:center}.star{font-size:20px}.star.saved{color:#d78743}.transcript-footer{font-size:9px;padding:14px}.blank{background:#fff9e9;cursor:pointer;min-width:50px;font-size:15px;margin:0 2px}.cloze-tip{font-size:10px;color:#b19a6a;margin-top:8px}.word-row{padding:20px;border-bottom:1px solid #edf0e9;display:flex;align-items:center;justify-content:space-between}.word-row strong{font-size:18px;color:#387151}.word-row p{font-size:12px}footer{display:flex;justify-content:space-between;font-size:10px;color:#a0ac99;margin:30px 0 5px}footer a{color:#8f9e88;text-decoration:none}dialog p{font-size:12px}textarea{font:inherit;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #dbe2d5;border-radius:8px;color:var(--ink);resize:vertical;font-size:14px}input,textarea{outline-color:var(--green)}.dialog-actions{display:flex;gap:12px;align-items:center;margin-top:20px}.dialog-actions a{margin-left:auto}.two-fields{display:flex;gap:15px}.two-fields label{flex:1}.export-list{display:grid;gap:10px;margin:20px 0}.export-list button{border:1px solid #e1e7d8;border-radius:10px;padding:15px;text-align:left;font-size:14px}.export-list span{display:block;font-size:11px;color:#9daa91;margin-top:7px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:15px}.shortcuts dd{margin:0;text-align:right}#practice-result{font-size:13px;padding:18px 0;color:var(--green)}#practice-original{padding:12px;background:#f1f4e8;color:var(--ink);border-radius:9px}#form-error,#edit-error{color:#b15c36}.empty button{margin-top:12px}.review-tabs{display:flex;gap:12px;margin-bottom:12px}.review-tabs button{font-size:12px;border-bottom:2px solid #aac59a;padding:6px}.video-panel{top:15px}.transcript-top h2{font-size:17px}button:disabled{opacity:.4;cursor:not-allowed}@media(min-width:1500px){#sentences{height:650px}}@media(max-width:800px){header{height:60px}.help-button{font-size:0}.help-button kbd{font-size:11px}.brand-icon{width:25px;height:25px}.brand{font-size:18px}.brand span{font-size:13px}main{padding:22px 3%}.intro{align-items:flex-start;gap:12px}.intro h1{font-size:24px}.intro-actions{flex-direction:column;gap:7px}.intro-actions button{font-size:10px;padding:9px 12px}.intro small{font-size:7px}.workspace{gap:18px}.screen{border-radius:12px}.now-playing{padding:14px 17px}#sentences{height:500px;max-height:none}.sentence{padding:17px 20px}.sentence.current{padding-left:17px}.english{font-size:20px}.chinese{font-size:14px}.video-info h2{font-size:16px}.transcript-footer{font-size:9px}.current-actions button{font-size:10px}.video-panel{position:static}.options{justify-content:space-between}.options button{padding:7px 9px}footer{gap:15px;line-height:1.8}.subtag{font-size:9px}.controls button{font-size:11px}.search-bar input{font-size:12px}.bottom-settings label{font-size:11px}}