:root{color:#102b5c;background:#fff9ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer;border:0;border-radius:18px;min-height:56px;padding:0 28px;font-weight:700}.page{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.6fr);align-content:center;gap:24px;max-width:1280px;min-height:100vh;margin:0 auto;padding:32px clamp(20px,5vw,56px);display:grid}.header{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:22px;display:flex}.header strong{font-size:30px}.lesson-card,.subtitle-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 12px 32px #102b5c14}.lesson-card{background:linear-gradient(145deg,#ddf1ff,#fff)}.badge{color:#fff;background:#3788f5;border-radius:18px;padding:8px 14px;font-weight:700;display:inline-block}.lesson-card p{margin:28px 0 6px;font-size:18px}.lesson-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px;display:grid}.lesson-picker label{color:#61708c;gap:6px;font-size:13px;font-weight:700;display:grid}.lesson-picker select,.lesson-picker input{color:#102b5c;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #c9d9ed;border-radius:12px;padding:0 10px}.lesson-picker .lesson-title{grid-column:1/-1}h1{margin:0 0 24px;font-size:clamp(28px,4vw,46px);line-height:1.1}h2{margin:0;font-size:22px}small,.muted{color:#61708c;font-weight:400}.status{font-size:24px;font-weight:800}.status.recording{color:#ff6d58}.status.paused{color:#f4a33a}.status.saved{color:#36b878}.status.error{color:#e45d5d}.timer{font-variant-numeric:tabular-nums;margin-top:10px;font-size:46px}.subtitle-card{min-height:300px}.empty-subtitle{text-align:center;color:#8a96ab;margin-top:70px}.subtitle-lines{max-height:190px;margin-top:28px;padding:4px 8px;overflow:auto}.subtitle-line{color:#61708c;margin:10px 0;line-height:1.5}.subtitle-line.final{color:#102b5c}.subtitle-line strong{color:#3788f5}.controls{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;display:flex}.primary{color:#fff;background:#ff6d58}.secondary{color:#2469c5;background:#ddeaff}.danger{color:#fff;background:#ff6d58}.saving,.success,.error{background:#fff;border-radius:18px;padding:18px 24px}.success{color:#36b878}.error{color:#e45d5d}@media (width<=767px){.page{flex-direction:column;padding:20px;display:flex}.header{font-size:16px}.header strong{font-size:25px}.lesson-card,.subtitle-card{border-radius:22px;padding:22px}.subtitle-card{min-height:220px}.empty-subtitle{margin-top:45px}.controls{background:#fff9efeb;padding:10px 0;position:sticky;bottom:12px}.controls button{flex:1;min-width:135px}.lesson-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.diagnostics-card{background:#f4fbf7;border:1px solid #cdeddd;border-radius:22px;grid-column:1/-1;padding:20px 24px}.diagnostics-card h2{margin-bottom:8px}.diagnostics-card audio{width:100%;margin:8px 0}.chunk-list{color:#61708c;flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.chunk-list span{background:#fff;border-radius:10px;padding:6px 9px}.analysis-card{background:#fff;border:1px solid #ddeaff;border-radius:22px;grid-column:1/-1;padding:20px 24px;box-shadow:0 10px 24px #102b5c0d}.analysis-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.analysis-heading h2{margin-bottom:6px}.analysis-badge{color:#277451;background:#e2f5ea;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.analysis-pending{color:#61708c;background:#f5f8fc;border-radius:14px;margin-top:16px;padding:14px}.analysis-summary{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.analysis-summary span{color:#2469c5;background:#eef5ff;border-radius:12px;padding:8px 11px;font-size:13px}.analysis-evidence-list{gap:10px;margin-top:16px;display:grid}.analysis-evidence{background:#f8fbff;border-left:4px solid #3788f5;border-radius:10px;padding:13px 15px}.analysis-evidence strong{color:#2469c5;font-size:13px}.analysis-evidence p{color:#3f5872;margin:7px 0 0;line-height:1.5}.history-card{background:#fff;border:1px solid #e1eaf5;border-radius:22px;grid-column:1/-1;padding:20px 24px}.history-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.history-heading h2,.history-heading h3{margin:0 0 6px}.history-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.small-button{border-radius:14px;min-height:42px;padding:0 16px}.history-filters{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.history-filters select,.history-filters input{color:#102b5c;min-height:42px;font:inherit;background:#fff;border:1px solid #c9d9ed;border-radius:12px;padding:0 10px}.history-list{gap:10px;margin-top:16px;display:grid}.history-item{text-align:left;color:#102b5c;background:#f8fbff;border:1px solid #e1eaf5;border-radius:14px;gap:5px;min-height:auto;padding:14px 16px;display:grid}.history-item span{color:#61708c;font-size:13px}.history-detail{background:#f4fbf7;border:1px solid #cdeddd;border-radius:14px;margin-top:18px;padding:16px}.history-detail p{color:#3f5872;margin:9px 0}.report-parent-summary{background:#fff;border-radius:12px;padding:12px 14px;line-height:1.6}.report-section{margin-top:18px}.report-section h4{color:#102b5c;margin:0 0 10px}.report-transcript,.report-evidence-list{gap:8px;display:grid}.report-line{background:#fff;border-radius:10px;grid-template-columns:42px 1fr;gap:8px;padding:10px 12px;line-height:1.5;display:grid}.report-line strong{color:#2469c5}.report-evidence{background:#fff;border-left:4px solid #36b878;border-radius:10px;padding:12px 14px}.report-evidence.attention{border-left-color:#f4a33a}.report-evidence strong{color:#277451;font-size:13px}.report-evidence.attention strong{color:#a86b16}.report-evidence p{margin:6px 0;line-height:1.5}.report-evidence small{line-height:1.5;display:block}