:root{--bg: #0f172a;--surface: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--border: #334155}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.header h1{margin:0;font-size:1.5rem}.header p{margin:.25rem 0 0;color:var(--muted)}.content{flex:1;padding:1.5rem;max-width:960px;width:100%;margin:0 auto}.button{padding:.5rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.button.primary{background:var(--accent);border-color:var(--accent);color:#0f172a}.button.danger{background:transparent;border-color:#7f1d1d;color:#fca5a5}.button:disabled{opacity:.6;cursor:not-allowed}.button-row{display:flex;gap:.5rem}.error{padding:.75rem;border:1px solid #7f1d1d;background:#450a0a;color:#fecaca;border-radius:8px}.loading{color:var(--muted)}.empty{padding:2rem;text-align:center;border:1px dashed var(--border);border-radius:8px}.lecture-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.lecture-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.lecture-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.lecture-card .meta{display:flex;flex-direction:column;gap:.25rem}.lecture-card .meta span{color:var(--muted)}.lecture-card time{color:var(--muted)}.actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:480px}.modal.wide{max-width:880px;max-height:92vh;overflow:auto}.overlay-top{z-index:20}.modal h2{margin-top:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.875rem;color:var(--muted)}.field input,.field textarea,.field select{padding:.5rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.field textarea{width:100%;font:inherit;line-height:1.4}.muted{color:var(--muted)}.success{padding:.75rem;border:1px solid #14532d;background:#052e16;color:#bbf7d0;border-radius:8px;margin-bottom:.75rem}.progress{padding:.75rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;margin-bottom:.75rem}.workspace section{margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.item-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px}.item-list li.selected{border-color:var(--accent)}.linkish{background:none;border:none;color:var(--text);cursor:pointer;text-align:left;padding:0}.audio-el{width:100%;margin-top:.75rem}.original-text{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;color:var(--muted);max-height:240px;overflow:auto}.markdown{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:1rem 0 .5rem}.markdown p,.markdown li{line-height:1.5}.markdown code{font-family:ui-monospace,monospace}@media(max-width:640px){.lecture-card{flex-direction:column;align-items:flex-start}}
