:root{--bg:#020617;--panel:#0f172a;--card:#111c33;--muted:#94a3b8;--text:#e5e7eb;--accent:#38bdf8;--accent2:#22c55e;--danger:#fb7185;--warn:#f59e0b;--border:#23314f;--safe:env(safe-area-inset-bottom)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#020617,#081225);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,textarea,select{font:inherit}button{border:0;border-radius:14px;padding:10px 12px;background:#1e293b;color:var(--text);font-weight:700}button.primary{background:linear-gradient(135deg,#0284c7,#22c55e);color:white}button.ghost{background:transparent;border:1px solid var(--border)}button.danger{background:#7f1d1d}.app{min-height:100dvh;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:5;background:rgba(2,6,23,.92);backdrop-filter:blur(12px);padding:12px 14px;border-bottom:1px solid var(--border)}.title{font-size:20px;font-weight:900}.sub{font-size:12px;color:var(--muted);margin-top:3px}.search{width:100%;margin-top:10px;border:1px solid var(--border);border-radius:14px;background:#0b1220;color:var(--text);padding:12px}.content{padding:14px;flex:1;padding-bottom:92px}.card{background:rgba(15,23,42,.86);border:1px solid var(--border);border-radius:18px;padding:14px;margin-bottom:12px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--border);background:#0b1220;border-radius:99px;padding:7px 10px;font-size:12px;color:#cbd5e1}.muted{color:var(--muted)}.big{font-size:18px;font-weight:800}.small{font-size:12px}.line{padding:12px;border-radius:14px;background:#0b1220;border:1px solid var(--border);margin:8px 0}.line.active{outline:2px solid var(--accent);background:#082f49}.speakerA{border-left:5px solid #f472b6}.speakerB{border-left:5px solid #38bdf8}.en{font-size:17px;font-weight:800}.vi{font-size:14px;color:#cbd5e1;margin-top:4px}.toolbar{display:flex;gap:8px;overflow:auto;padding:4px 0}.toolbar button{white-space:nowrap}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;background:rgba(2,6,23,.96);border-top:1px solid var(--border);padding:8px 6px calc(8px + var(--safe));display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tab{padding:8px 2px;border-radius:14px;text-align:center;background:transparent;color:#cbd5e1;font-size:11px}.tab.active{background:#12304b;color:white}.tab .ico{display:block;font-size:20px;margin-bottom:2px}textarea{width:100%;min-height:160px;border-radius:16px;border:1px solid var(--border);background:#0b1220;color:var(--text);padding:12px;resize:vertical}input,select{border:1px solid var(--border);border-radius:14px;background:#0b1220;color:var(--text);padding:10px}.full{width:100%}.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:20;display:flex;align-items:flex-end}.sheet{background:#081225;border:1px solid var(--border);border-radius:24px 24px 0 0;padding:16px;width:100%;max-height:86dvh;overflow:auto}.hidden{display:none}.ok{color:#86efac}.warn{color:#fcd34d}.dangerText{color:#fda4af}.lessonTitle{font-size:18px;font-weight:900}.vocab{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.footerNote{font-size:12px;color:#94a3b8;line-height:1.45}.listHeader{font-weight:900;margin:8px 0}.collapseBtn{font-size:12px;padding:7px 9px}.badge{background:#172554;color:#bfdbfe;border-radius:99px;padding:4px 8px;font-size:11px}.empty{text-align:center;color:#94a3b8;padding:30px 10px}@media(min-width:820px){.content{max-width:980px;margin:auto;width:100%}.tabs{max-width:820px;left:50%;transform:translateX(-50%);border-radius:20px 20px 0 0}.sheet{max-width:720px;margin:auto;border-radius:24px}.modal{align-items:center}.grid{grid-template-columns:repeat(4,1fr)}}