body{font-family:system-ui,-apple-system,sans-serif;max-width:980px;margin:40px auto;padding:0 20px;color:#1a1a1a}.app-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:32px;gap:32px;align-items:start}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.header-actions{display:inline-flex;align-items:center;gap:12px}.lang-picker{padding:5px 8px;font:inherit;font-size:13px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}@media (max-width:720px){.app-layout{grid-template-columns:1fr}}.progress-panel{border:1px solid #e5e5e5;border-radius:8px;padding:16px;font-size:14px;min-height:120px}.progress-panel h2{font-size:15px;margin:0 0 12px}.progress-panel h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#888;margin:20px 0 8px}.stat{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.stat-num{font-size:28px;font-weight:700}.stat-label{color:#888}.activity-strip{display:flex;align-items:flex-end;gap:3px;height:44px}.activity-bar{flex:1 1;background:#cfe8d7;border-radius:2px 2px 0 0;min-height:4px}.trend{font-size:12px;color:#555;margin:8px 0 0}.weak-list{list-style:none;padding:0;margin:0}.weak-list li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f0f0f0}.weak-meta{color:#999;font-size:12px}.drill-cta{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:#1a7f37;text-decoration:none}.panel-foot{margin:16px 0 0;font-size:12px}.hint{color:#888;font-size:14px}.mode-tabs{display:flex;gap:4px;margin:16px 0 20px}.mode-tab{padding:6px 14px;font-size:14px;background:#f5f5f5;border:1px solid #ddd}.mode-tab-active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.transcript{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;min-height:120px}.bubble{max-width:80%;padding:8px 12px;border-radius:12px;font-size:15px;line-height:1.4}.bubble-user{align-self:flex-end;background:#e7f0ff}.bubble-assistant{align-self:flex-start;background:#f2f2f2;display:flex;gap:8px;align-items:flex-start}.speak-btn{padding:0 4px;font-size:13px;border:none;background:transparent;cursor:pointer}.mic-row{margin-top:8px}.mic{display:inline-flex;align-items:center;gap:8px}.mic-active{background:#fce8e6;border-color:#e0908a}.mic-ring{width:10px;height:10px;border-radius:50%;background:#c0392b;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.passage-controls{border:1px solid #e5e5e5;border-radius:8px;padding:14px 16px;margin-bottom:16px;gap:12px}.passage-controls,.slider-row{display:flex;flex-direction:column}.slider-row{gap:4px;font-size:13px;max-width:none}.slider-row input[type=range]{width:100%}.custom-practice{display:flex;flex-direction:column;gap:10px;max-width:none}.subtabs{display:flex;gap:4px}.subtab{padding:5px 12px;font-size:13px;background:#f5f5f5;border:1px solid #ddd}.subtab-active{background:#e7f0ff;border-color:#9cc0f5}.custom-practice textarea{width:100%;padding:10px;font:inherit;font-size:14px;border:1px solid #ccc;border-radius:6px;resize:vertical}.link-btn{border:none;background:transparent;padding:0;color:#1a7f37;cursor:pointer;font-size:13px}.history-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:32px;gap:32px;align-items:start}@media (max-width:760px){.history-layout{grid-template-columns:1fr}}.history-side{border:1px solid #e5e5e5;border-radius:8px;padding:16px;font-size:14px}.history-side h2{font-size:15px;margin:0 0 12px}.history-main{min-width:0}.muted{color:#999;font-size:13px}.history-filters{display:flex;flex-direction:column;gap:10px;margin:16px 0 20px}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.filter-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#999;width:44px;flex-shrink:0}.chip{display:inline-block;padding:3px 10px;font-size:13px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#444;text-decoration:none;white-space:nowrap}.chip:hover{background:#f5f5f5}.chip-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.chip-disabled{opacity:.4;pointer-events:none}.attempt-table-wrap{overflow-x:auto;border:1px solid #eee;border-radius:8px}.attempt-table{width:100%;border-collapse:collapse;font-size:14px}.attempt-table td,.attempt-table th{padding:8px 12px;text-align:left;border-bottom:1px solid #f0f0f0}.attempt-table th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#999;background:#fafafa;position:-webkit-sticky;position:sticky;top:0}.attempt-table tr:last-child td{border-bottom:none}.attempt-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:48px}.attempt-table .nowrap,.attempt-text{white-space:nowrap}.attempt-text{max-width:340px;overflow:hidden;text-overflow:ellipsis;color:#555}.score-good{color:#1a7f37;font-weight:600}.score-mid{color:#b26a00}.score-low{color:#c0392b;font-weight:600}.tag{display:inline-block;padding:1px 8px;font-size:12px;border-radius:4px;background:#eee;color:#555}.tag-drill{background:#fdeede;color:#9a5b00}.tag-conversation{background:#e7f0ff;color:#1a4b8f}.tag-approved,.tag-practice{background:#ecf5ee;color:#1a7f37}.tag-pending{background:#fdf0d5;color:#9a5b00}.tag-blocked{background:#fce8e6;color:#c0392b}.row-highlight{background:#fffdf5}.attempt-table td button.chip{cursor:pointer}.pager{display:flex;align-items:center;gap:12px;margin-top:16px}.usage-bar{height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-bottom:6px}.usage-fill{height:100%;background:#1a7f37;border-radius:4px}.usage-meta{font-size:12px;color:#666;margin:0}.usage-cost{color:#c0392b;font-weight:600}button{padding:10px 20px;font-size:15px;border-radius:6px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer}button:hover{background:#eaeaea}.error{color:#c0392b}.scored-original{font-size:15px;line-height:1.5;color:#555;margin:0 0 14px;padding:8px 12px;background:#f4f4f4;border-radius:6px}.scored-original-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#999;margin-bottom:3px}.scored-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;font-size:18px;line-height:1.6}.scored-token{position:relative;border-radius:3px}.scored-word{padding:1px 2px}.scored-word.great{color:#1a7f37}.scored-word.ok{color:#1a1a1a}.scored-word.mispron{background:#fdf0d5;color:#9a5b00;border-bottom:2px solid #e0a200}.scored-word.mispron.clickable{cursor:pointer}.scored-word.omission{color:#c0392b;text-decoration:line-through;opacity:.6}.scored-insertion{color:#c0392b;font-weight:700;display:inline-flex;align-items:baseline;gap:1px}.scored-insertion-word{font-size:.8em;font-weight:600;text-decoration:line-through}.scored-phonemes{position:absolute;left:0;top:100%;margin-top:4px;background:#1a1a1a;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:5}.scored-summary{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;padding-top:12px;border-top:1px solid #eee}.scored-metric{display:flex;flex-direction:column;font-size:12px}.scored-metric-label{color:#999;text-transform:uppercase;letter-spacing:.03em}.scored-metric-val{font-size:22px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scored-metric.strong .scored-metric-val{font-size:26px}.reader-text p{font-size:19px;line-height:1.6;margin:0 0 8px}.reader-controls,.roleplay-controls{margin-top:14px}.roleplay-setup{display:flex;flex-direction:column;gap:14px;max-width:none}.roleplay-setup h3{margin:0;font-size:15px}.theme-chips{display:flex;flex-wrap:wrap;gap:6px}.roleplay-setup input[type=text]{width:100%}.your-line-card{border-left:3px solid #1a7f37;background:#f6fbf7;padding:12px 16px;border-radius:4px;margin-top:8px}.your-line-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#1a7f37;margin-bottom:8px}.bubble-you{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;align-self:stretch;background:#f6fbf7}.bubble-you .scored-line{font-size:16px}.bubble-you .scored-original{background:#eef5ef}.bubble-you .scored-summary{margin-top:10px;padding-top:8px;gap:14px}.bubble-you .scored-metric-val{font-size:18px}.bubble-you .scored-metric.strong .scored-metric-val{font-size:20px}form{display:flex;flex-direction:column;gap:10px;max-width:300px}input{padding:8px;font-size:15px;border-radius:4px;border:1px solid #ccc}.divider{margin:16px 0;color:#888}