.audio-level { display:flex; gap:18px; align-items:center; margin:20px 0; padding:14px 0; }
.audio-level svg { flex:1; min-width:0; height:44px; overflow:visible; }
.audio-level polyline { fill:none; stroke:var(--accent); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
.audio-baseline { fill:none; stroke:var(--line,#36424b); stroke-width:1; }
.audio-level output { color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; min-width:76px; text-align:right; }
.record-clock { font-size:44px; font-weight:600; letter-spacing:-.03em; font-variant-numeric:tabular-nums; margin-top:12px; }
.record-status { color:var(--accent); font-size:13px; margin-top:8px; }
[data-audio-notice] { font-size:13px; line-height:1.6; color:var(--muted); min-height:22px; }
.local-audio-row { padding:18px 0; border-bottom:1px solid var(--line,#36424b); }
.local-audio-row:last-child { border-bottom:0; }
.local-audio-row strong { overflow-wrap:anywhere; }
.local-audio-row p { font-size:12px; color:var(--muted); margin:8px 0 12px; }
.local-audio-links { margin-top:16px; display:flex; flex-wrap:wrap; gap:8px; }
[data-audio-player] { display:block; width:100%; margin-top:18px; }
[data-audio-player][hidden] { display:none; }
select { width:100%; min-height:48px; padding:12px; color:var(--text); background:var(--surface); border:1px solid var(--line,#36424b); border-radius:12px; font:inherit; }
select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.active-record-banner { display:flex; gap:10px; align-items:center; width:100%; margin:0 0 22px; padding:14px 16px; background:var(--surface); color:var(--accent); border-radius:12px; text-align:left; font-size:13px; }
.page-heading { flex-wrap:wrap; gap:16px; }
.lecture-cards { margin-top:24px; }
.lecture-card { padding:17px 0; border-top:1px solid var(--line,#36424b); min-width:0; }
.lecture-card header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lecture-card h3 { font-size:14px; line-height:1.5; margin:0; }
.lecture-card header .button { padding:10px; min-width:44px; min-height:44px; }
.lecture-card-text { white-space:pre-line; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.65; color:var(--muted); margin-top:9px; }
.lecture-full-text { white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; line-height:1.75; margin:20px 0; }
.lecture-questions > div { display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--line,#36424b); padding:8px 0; }
.lecture-questions p { flex:1; min-width:0; overflow-wrap:anywhere; font-size:13px; line-height:1.6; }
.lecture-questions .button { flex-shrink:0; min-height:44px; font-size:12px; }
.field textarea { width:100%; resize:vertical; padding:14px; color:var(--text); background:var(--surface); border:1px solid var(--line,#36424b); border-radius:12px; font:inherit; font-size:16px; }
.field textarea:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.sheet-body:has(.lecture-cards) .record-clock { font-size:32px; margin-top:0; }
.sheet-body:has(.lecture-cards) > .record-status { margin:4px 0 8px; }
.sheet-body:has(.lecture-cards) .audio-level { margin:8px 0; padding:0; height:32px; }
.sheet-body:has(.lecture-cards) .audio-level svg { height:30px; }
.sheet-body:has(.lecture-cards) > [data-audio-notice]:empty { min-height:0; margin:0; }
.sheet-body:has(.lecture-cards) > .inline-actions { gap:6px; margin-top:12px; }
.sheet-body:has(.lecture-cards) > .inline-actions .button { min-height:44px; padding:11px 13px; }
.sheet-body:has(.lecture-cards) > .inline-actions .button:last-child { min-width:44px; }
.version-heading { margin-top:28px; margin-bottom:10px; font-size:15px; }
/* Library controls share the existing field and focus treatment. */
.library-tools{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(2,minmax(130px,1fr));gap:16px;align-items:end;margin-block:20px 0}
.library-tools .field{margin:0;min-width:0}
.library-tools input,.library-tools select{width:100%;min-height:48px;min-width:0}
.library-count{color:var(--muted);font-size:.875rem;margin-block:22px 12px;font-variant-numeric:tabular-nums}
@media(max-width:540px){.library-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-tools .field:first-child{grid-column:1/-1}}