:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}body{margin:0;color:#0a0a0a;background:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:16px;min-height:100%;display:flex;flex-direction:column;overflow:hidden}.title{font-weight:600}.muted{color:#6b7280;font-size:14px}.container header{display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px}.error-banner{padding:10px 12px;border:1px solid #fecaca;background:#fee2e2;color:#7f1d1d;border-radius:6px;margin-bottom:12px}.grid{display:flex;flex-direction:column;gap:12px}.card{border:1px solid #e5e7eb;border-radius:8px;padding:12px}.card:hover{text-decoration:none;border-color:#c8cace}.player-container{flex:1;overflow:auto;display:block}.player-header{position:sticky;top:0;z-index:10;background:#fff;padding:0 0 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.player-header .title,.player-header .muted{margin:0}.player-audio{min-width:360px;max-width:50vw}.player-transcript-wrapper{padding:8px 0;margin-top:16px;overflow:visible}.transcript-root{max-width:100%;white-space:normal;word-break:normal;overflow-wrap:anywhere;font-family:monospace}.word{padding:2px 1px;border-radius:3px}.word.active{background:#ffed4a}