:root{color:#1c2430;background:#f2f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{color:#1f2a44;cursor:pointer;background:#e8eef8;border:0;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform .15s,opacity .15s,background .15s}button:hover:not(:disabled){background:#dbe6f7;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:#fff;background:#2f6fed}button.primary:hover:not(:disabled){background:#245ed0}button.danger{color:#b42318;background:#ffe1e1}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0}.hero-card,.card{background:#ffffffeb;border:1px solid #d9e2ef;border-radius:24px;box-shadow:0 16px 45px #2e4a751f}.hero-card{background:linear-gradient(135deg,#fff 0%,#ecf4ff 100%);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex}.eyebrow,.section-label{color:#2f6fed;letter-spacing:.08em;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2{margin:0;line-height:1.15}h1{font-size:clamp(2rem,4vw,3.4rem)}h2{font-size:1.35rem}.subtitle{color:#526070;max-width:760px;margin:12px 0 0}.status-pill,.level-badge{border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:800;display:inline-flex}.status-idle,.status-closed{color:#475467;background:#eef2f7}.status-connecting{color:#a15c00;background:#fff4d6}.status-connected{color:#067647;background:#dcfae6}.status-failed{color:#c01048;background:#ffe4e8}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:24px;display:grid}.story-panel,.debug-panel{padding:24px}.story-header,.debug-header,.progress-row,.button-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.level-badge{color:#175cd3;background:#eef8ff}.progress-row{color:#526070;margin:20px 0;font-size:.95rem}.page-card{background:#f8fbff;border:1px solid #e6edf7;border-radius:20px;gap:14px;padding:22px;display:grid}.sentence{color:#334155;border-radius:16px;gap:12px;margin:0;padding:16px;font-size:1.15rem;display:flex}.sentence.active{color:#111827;background:#fff7cc;box-shadow:inset 0 0 0 2px #ffd84d}.sentence-number{color:#334155;background:#e6edf7;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:inline-grid}.current-sentence-box{background:#eef8ff;border-radius:16px;gap:8px;margin:20px 0;padding:16px;display:grid}.current-sentence-box span{color:#175cd3;font-size:.82rem;font-weight:800}.current-sentence-box strong{font-size:1.2rem}.english-title{color:#526070;margin:8px 0 0}.sentence>div{gap:6px;display:grid}.sentence-english,.sentence-chinese{margin:0}.sentence-english{font-weight:800}.sentence-chinese{color:#667085;font-size:.96rem}.current-label{color:#175cd3;margin:4px 0 0;font-size:.86rem;font-weight:800}.current-chinese{color:#334155;margin:0;font-size:1.05rem}.keyword-list{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.keyword-list span{color:#8a5a00;background:#fff7cc;border-radius:999px;padding:6px 10px;font-weight:800;display:inline-flex}.button-row{justify-content:flex-start}.error-box{color:#b42318;background:#fff0f1;border-radius:14px;margin-top:16px;padding:14px 16px;font-weight:700}.debug-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.debug-stats div{background:#f7f9fc;border-radius:14px;padding:12px}.debug-stats dt{color:#667085;font-size:.76rem;font-weight:800}.debug-stats dd{margin:4px 0 0;font-weight:800}.log-list{gap:10px;max-height:560px;padding-right:4px;display:grid;overflow:auto}.empty-log{color:#667085}.log-item{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px;padding:12px;display:grid}.log-item span{color:#667085;font-size:.78rem}.log-item strong{color:#2f6fed;font-size:.78rem}.log-item p{color:#334155;word-break:break-word;grid-column:1/-1;margin:0}.log-error{background:#fff7f7;border-color:#ffd5d8}.log-text{background:#f3fff7;border-color:#c8f2d3}.log-transcript{background:#fffaf0;border-color:#ffe2a8}@media (width<=900px){.hero-card,.content-grid{grid-template-columns:1fr}.hero-card{flex-direction:column;align-items:flex-start}.debug-stats{grid-template-columns:1fr}}.manager-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:24px;display:grid}.manager-card{padding:24px}.help-text{color:#667085;margin:10px 0 16px}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}label{color:#344054;gap:6px;font-size:.9rem;font-weight:800;display:grid}input,textarea{color:#1f2a44;width:100%;font:inherit;background:#fff;border:1px solid #d0d7e2;border-radius:12px;padding:10px 12px}textarea{resize:vertical;min-height:88px}.book-list{gap:10px;max-height:240px;display:grid;overflow:auto}.book-item{background:#f8fbff;border:1px solid #e6edf7;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.book-item.active{background:#eef8ff;border-color:#2f6fed}.book-item>button:first-child{text-align:left;background:0 0;justify-items:start;gap:4px;padding:4px;display:grid}.book-item span{color:#667085;font-size:.86rem}button.small{border-radius:10px;padding:8px 10px;font-size:.82rem}.content-grid.wide{grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr);margin-bottom:24px}.editor-panel{max-height:920px;overflow:auto}.editor-form{gap:18px;margin-top:18px;display:grid}.edit-page{background:#fbfdff;border:1px solid #e6edf7;border-radius:18px;gap:14px;padding:18px;display:grid}.edit-page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.edit-page-header h3{margin:0}.warning-pill{color:#a15c00;background:#fff4d6;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:800}.warning-box,.notice-box{border-radius:14px;padding:12px 14px;font-weight:700}.warning-box{color:#a15c00;background:#fff8e6}.notice-box{color:#067647;background:#ecfdf3;margin-top:16px}.sentence-editor{background:#fff;border:1px dashed #d0d7e2;border-radius:14px;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.button-row.compact{justify-content:flex-end}.keyword-list em{color:#667085;font-style:normal}@media (width<=900px){.manager-grid,.content-grid.wide,.upload-grid,.sentence-editor{grid-template-columns:1fr}}.learning-section,.assessment-card{background:#fbfdff;border:1px solid #dce8f8;border-radius:18px;gap:14px;margin:18px 0;padding:16px;display:grid}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title-row h3,.assessment-card h3{color:#1f2a44;margin:0}.voice-select{max-width:280px}select{color:#1f2a44;width:100%;font:inherit;background:#fff;border:1px solid #d0d7e2;border-radius:12px;padding:10px 12px}.token-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.word-token{color:#111827;background:#fff;border-radius:10px;padding:6px 8px;font-size:1.18rem;box-shadow:inset 0 0 0 1px #dbe5f1}.word-token.token-current{color:#175cd3;background:#dbeafe;box-shadow:inset 0 0 0 2px #2f6fed}.word-token.token-wrong{color:#d92d20;background:#fff7f7;box-shadow:inset 0 0 0 2px #f97066}.word-token.token-missed{color:#7a4b00;background:#fff2b8;box-shadow:inset 0 0 0 2px #fdb022}.word-token.token-extra{color:#667085;background:#eef2f7;text-decoration:line-through}.word-token.token-unclear{color:#b54708;text-underline-offset:4px;-webkit-text-decoration:underline wavy #f79009;text-decoration:underline wavy #f79009;text-decoration-thickness:2px}.word-meaning,.feedback-box{color:#175cd3;background:#eef8ff;border-radius:12px;padding:10px 12px;font-weight:800}.total-score{color:#fff;background:#2f6fed;border-radius:14px;width:fit-content;padding:10px 14px;font-size:1.2rem;font-weight:900;display:inline-flex}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.score-grid span,.issue-item{background:#f7f9fc;border-radius:12px;padding:10px 12px;font-weight:800}.issue-list{gap:10px;display:grid}.issue-item{gap:6px;display:grid}.issue-item em{color:#667085;font-style:normal;font-weight:600}.session-row{margin-top:18px}@media (width<=900px){.score-grid{grid-template-columns:1fr}}