Something went wrong. Try again.
Streamplace AtmosphereConf 2026 VOD JAM
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141/* Comment anchor underline — applied to transcript words within an anchor range */
.comment-anchor { border-bottom: 1px solid var(--color-muted); cursor: pointer;}
.comment-anchor:hover { border-bottom-color: var(--color-primary);}
/* Comment body in margin (wide viewport) — floated right, pulled into the margin */
/* Comment body — floats right into the padding-reserved comment column. */.comment-body-margin { float: right; clear: right; width: 18rem; margin-right: -20rem; margin-top: -1.7rem; margin-bottom: 0.75rem; font-size: 0.8rem; line-height: 1.4;}
/* Comment internal structure */
.comment-author { font-weight: 600; font-size: 0.8rem; color: var(--color-text); font-family: var(--font-mono);}
.comment-timestamp { font-weight: 400; color: var(--color-muted); margin-left: 0.5rem;}
.comment-rule { border-top: 1px solid var(--color-muted); margin: 0.15rem 0;}
.comment-text { font-size: 0.8rem; color: var(--color-text); line-height: 1.4;}
/* Threading — branching replies indent */
.comment-replies { margin-inline-start: 1.5rem;}
/* Non-anchored comments header */
.transcript-comments-header { margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--color-border);}
/* SVG connector overlay */
.comment-connectors-svg { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; z-index: 1;}
/* Narrow viewport (≤1200px) — inline layout, collapsed by default */
@media (max-width: 1200px) { .transcript-text { padding-right: 0; max-width: none; }
.comment-body-margin { float: none; width: 100%; margin: 0; padding: 0.4rem 0.75rem; border-inline-start: 2px solid var(--color-primary); display: none; }
.comment-body-margin.comment-expanded { display: block; }
.comment-connectors-svg { display: none; }}
/* Master comments toggle button */
.transcript-comments-toggle { margin-bottom: 0.5rem;}
.transcript-toggle-btn { font-family: var(--font-mono); font-size: 0.75rem; color: var(--color-muted); background: none; border: 1px solid var(--color-border); padding: 0.15rem 0.5rem; cursor: pointer;}
.transcript-toggle-btn:hover { color: var(--color-text); border-color: var(--color-subtle);}
/* Hidden-comments state — hides all comment UI */
.transcript-panel--comments-hidden .comment-anchor { border-bottom-color: transparent;}
.transcript-panel--comments-hidden .comment-body-margin { display: none;}
.transcript-panel--comments-hidden .transcript-comments-header { display: none;}
.transcript-panel--comments-hidden .comment-connectors-svg { display: none;}