:root{font-family:SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;color:#1d2d35;background:radial-gradient(circle at top,rgba(212,168,78,.28),transparent 32%),linear-gradient(180deg,#f7f1e1,#efe8d6)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}a{color:inherit}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.panel{width:min(100%,580px);padding:32px;border-radius:28px;background:#fffcf4e6;box-shadow:0 24px 70px #1d2d3524;border:1px solid rgba(29,45,53,.08)}.panel--compact{width:min(100%,480px)}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9f6b00}h1{margin:0 0 12px;font-size:clamp(30px,6vw,42px);line-height:1.08}.body{margin:0 0 20px;font-size:16px;line-height:1.7}.body--small{font-size:14px}.demo-card,.notice{margin-bottom:20px;padding:16px 18px;border-radius:18px;background:#fff8e4e6;border:1px solid rgba(159,107,0,.14)}.prompt-card,.progress-card{margin-bottom:20px;padding:16px 18px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(29,45,53,.08)}.prompt-text{margin:0;font-size:18px;line-height:1.8;font-weight:600;color:#1d2d35}.progress-copy{margin-bottom:12px}.progress-track{width:100%;height:12px;overflow:hidden;border-radius:999px;background:#1d2d351a}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4a84e,#1d4f63);transition:width .12s linear}.progress-meta{margin:10px 0 0;font-size:13px;color:#1d2d35bf}.demo-title,.info-label{margin:0 0 6px;font-size:13px;font-weight:700;color:#7d5b00}.demo-line,.info-value{margin:0;line-height:1.7}.form{display:grid;gap:16px}.field{display:grid;gap:8px;font-size:14px;font-weight:600}.field input,.field textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(29,45,53,.16);background:#ffffffe6}.field textarea{resize:vertical;min-height:108px}.voiceprint-actions{display:flex;gap:12px;margin-top:16px;margin-bottom:16px}.upload-box{display:grid;gap:8px;padding:16px;border-radius:18px;border:1px dashed rgba(29,45,53,.22);background:#ffffff80;margin-bottom:16px}.audio-preview{margin-bottom:16px}.audio-preview audio{width:100%}.field input:focus,.field textarea:focus{outline:2px solid rgba(212,168,78,.4);border-color:#d4a84eb3}.button,.button-link{border:0;border-radius:18px;padding:14px 18px;font-weight:700;color:#fffdf8;background:linear-gradient(135deg,#1d4f63,#204b56);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button:disabled{opacity:.6;cursor:default}.button--secondary{color:#1d2d35;background:#1d2d3514}.button--danger{color:#fff7f5;background:linear-gradient(135deg,#b42318,#912018)}.error{margin:0;color:#b42318;font-size:14px}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.info-card{padding:16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(29,45,53,.08)}.app-shell{min-height:100vh;padding:24px}.app-surface{width:min(1120px,100%);margin:0 auto;padding:28px;border-radius:28px;background:#fffcf4eb;box-shadow:0 24px 70px #1d2d3524;border:1px solid rgba(29,45,53,.08)}.app-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.app-account__name{margin:0 0 4px;font-size:18px;font-weight:700}.app-account__meta,.section-subtitle{margin:0;font-size:14px;line-height:1.6;color:#1d2d35b8}.app-toolbar__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.app-hero{margin-bottom:24px}.app-content{display:grid;gap:18px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.summary-card,.content-card,.empty-state,.course-card,.lesson-card{border-radius:20px;border:1px solid rgba(29,45,53,.08);background:#ffffffc2}.summary-card,.content-card,.empty-state{padding:20px}.summary-value{margin:0;font-size:34px;font-weight:700;line-height:1}.summary-value--small{font-size:26px}.summary-value--code{letter-spacing:.12em}.summary-copy{margin:0;font-size:16px;line-height:1.6}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.course-list,.lesson-list,.recording-participant-list,.recording-list,.recording-processing-result-list{display:grid;gap:14px}.course-card,.lesson-card,.recording-participant-card,.recording-card,.recording-processing-result-card{padding:18px}.course-card__header,.course-card__footer,.lesson-card__footer,.recording-participant-card__header,.recording-card__header,.recording-processing-result-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.course-card__header h2{margin:0 0 6px;font-size:22px}.course-card__footer,.lesson-card__footer,.history-session-detail{margin-top:18px}.recording-participant-card,.recording-card,.recording-processing-result-card{border-radius:18px;border:1px solid rgba(29,45,53,.08);background:#faf8f2b8}.recording-participant-card__header h2,.recording-card__header h3,.recording-processing-result-card__header h4{margin:0 0 6px}.recording-card__meta{margin-top:16px}.recording-transcript-block{display:grid;gap:8px;margin-top:16px}.recording-transcript{padding:14px;border-radius:14px;background:#1d2d350d;border:1px solid rgba(29,45,53,.08);font-size:13px;line-height:1.7;display:grid;gap:10px}.recording-transcript__line{margin:0;white-space:pre-wrap;word-break:break-word}.recording-transcript-table{display:grid;gap:10px;padding:14px;border-radius:14px;background:#1d2d350d;border:1px solid rgba(29,45,53,.08)}.recording-transcript-row{display:grid;grid-template-columns:140px 72px minmax(0,1fr);gap:12px;align-items:start}.recording-transcript-time,.recording-transcript-speaker,.recording-transcript-content{margin:0;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.recording-transcript-time{color:#1d2d35b8;font-variant-numeric:tabular-nums;white-space:nowrap}.recording-transcript-speaker{font-weight:700;color:#1d4f63;white-space:nowrap}.info-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 12px;border-radius:999px;background:#d4a84e29;color:#7d5b00;font-size:13px;font-weight:700;text-transform:uppercase}.status-pill-group{display:flex;align-items:center;gap:8px}.status-pill--voiceprint{min-width:0;text-transform:none;border-radius:14px;padding:10px 14px}.status-pill--voiceprint-idle,.status-pill--voiceprint-reviewing{background:#1d4f631f;color:#1d4f63}.status-pill--voiceprint-recording,.status-pill--voiceprint-submitting,.status-pill--voiceprint-processing{background:#9f6b0024;color:#8a5c00}.status-pill--voiceprint-completed{background:#12b76a29;color:#067647}.status-pill--voiceprint-failed{background:#b4231824;color:#b42318}.empty-state{display:grid;gap:14px}.empty-state--compact{padding:18px}.empty-state__title{margin:0;font-size:22px;font-weight:700}.form--inline{grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr) auto;align-items:end}.form--inline-simple{grid-template-columns:minmax(0,1fr) auto;align-items:end}.lesson-card__inputs{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr);gap:14px}.inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lesson-card__body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}.lesson-card__drag{display:grid;justify-items:center;gap:6px;min-width:48px}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:#1d2d3514;color:#1d4f63;font-size:22px;font-weight:700}.lesson-card__main{min-width:0}.lesson-card__title{margin:0 0 8px;font-size:22px;line-height:1.3}.lesson-card--dragging{opacity:.72;box-shadow:0 20px 40px #1d4f6324}@media(max-width:640px){.panel{padding:24px;border-radius:22px}.header-row{flex-direction:column}.info-grid{grid-template-columns:1fr}.app-shell{padding:16px}.app-surface{padding:22px;border-radius:22px}.app-toolbar,.app-toolbar__actions,.summary-grid,.course-card__header,.course-card__footer,.lesson-card__footer,.section-heading{flex-direction:column}.summary-grid,.form--inline,.form--inline-simple,.lesson-card__inputs,.info-grid--wide,.inline-actions,.lesson-card__body{grid-template-columns:1fr}.lesson-card__drag{justify-items:start}.voiceprint-actions{flex-direction:column}}
