.chatlog{background:#fff;border-radius:8px;color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;margin:1rem 0;padding:1.5rem}.chatlog.format-chat{border:1px solid #e0e0e0}.chatlog-participants{background:#f5f5f5;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.chatlog-participants summary{cursor:pointer;font-weight:600;padding:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chatlog-participants summary:focus,.chatlog-participants summary:hover{background:#e8e8e8;border-radius:4px}.chatlog-participants summary:focus-visible{outline:2px solid #0073aa;outline-offset:2px}.chatlog-participants-list{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;margin:0;padding:1rem 0 0}.chatlog-participants-list li{align-items:center;background:#fff;border:1px solid #ddd;border-radius:20px;display:flex;gap:.5rem;padding:.5rem .75rem}.chatlog-avatar{align-items:center;background-color:var(--avatar-bg,#6366f1);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;overflow:hidden;position:relative;text-transform:uppercase;width:40px}.chatlog-avatar:before{content:attr(data-initials);position:relative;z-index:1}.chatlog-avatar img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:2}.chatlog-avatar img:not([src]),.chatlog-avatar img[src=""]{display:none}.chatlog-messages{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.chatlog-message{display:flex;flex-direction:column;gap:.5rem;scroll-margin-top:2rem}.chatlog-message:target{animation:highlight-message 1s ease-in-out}.chatlog-message.chatlog-message--system{color:#666;font-size:.875rem;font-style:italic;padding:.5rem;text-align:center}.chatlog-message.chatlog-message--highlighted{background:#fff8dc;border-left:3px solid gold;margin-left:-1rem;padding-left:1rem}.chatlog-message.chatlog-message--thread{border-left:2px solid #d0d0d0;margin-left:2rem;padding-left:1rem}@keyframes highlight-message{0%,to{background:transparent}50%{background:#fff8dc}}.chatlog-message-header{align-items:center;display:flex;gap:.75rem}.chatlog-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.chatlog-speaker{color:#1e1e1e;font-weight:600}.chatlog-timestamp{color:#666;font-size:.875rem;text-decoration:none}.chatlog-timestamp:focus,.chatlog-timestamp:hover{color:#0073aa;text-decoration:underline}.chatlog-timestamp:focus-visible{border-radius:2px;outline:2px solid #0073aa;outline-offset:2px}.chatlog-thread-indicator{color:#888;font-size:.8125rem;font-style:italic}.chatlog-body{margin:0;word-wrap:break-word;overflow-wrap:break-word}.chatlog-body p{margin:0 0 .5rem}.chatlog-body p:last-child{margin-bottom:0}.chatlog-body a{color:#0073aa;text-decoration:underline}.chatlog-body a:focus,.chatlog-body a:hover{color:#005177}.chatlog-body a:focus-visible{outline:2px solid #0073aa;outline-offset:2px}.chatlog-body code{background:#f5f5f5;border-radius:3px;font-family:Courier New,monospace;font-size:.875em;padding:.125rem .25rem}.chatlog-body strong{font-weight:700}.chatlog-body em{font-style:italic}.chatlog-reactions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chatlog-reaction{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:12px;display:inline-flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem}.chatlog-reaction .chatlog-reaction-count{color:#666;font-weight:600}.chatlog-thread{border-left:2px solid #e0e0e0;list-style:none;margin:1rem 0 0 3rem;padding:0 0 0 1rem}.chatlog-thread .chatlog-message{font-size:.9375rem}.chatlog--bubbles .chatlog-message:not(.chatlog-message--system) .chatlog-body{background:#e8e8e8;border-radius:18px;max-width:70%;padding:.75rem 1rem}.chatlog--bubbles .chatlog-message.chatlog-message--highlighted .chatlog-body{background:#d4edda;border-color:#28a745}.chatlog--irc{background:#000;color:lime;font-family:Courier New,monospace;padding:1rem}.chatlog--irc .chatlog-message{flex-direction:row;font-size:.875rem;gap:.5rem}.chatlog--irc .chatlog-message .chatlog-avatar{display:none}.chatlog--irc .chatlog-timestamp{color:#888;flex-shrink:0}.chatlog--irc .chatlog-speaker{color:aqua;flex-shrink:0}.chatlog--irc .chatlog-speaker:after{content:":"}.chatlog--irc .chatlog-body{color:lime;margin:0}.chatlog--transcript .chatlog-message-header{border-bottom:1px solid #e0e0e0;margin-bottom:.5rem;padding-bottom:.5rem}.chatlog--transcript .chatlog-speaker{font-size:1.125rem}.chatlog--transcript .chatlog-body{padding-left:3.5rem}.chatlog--timeline{padding-left:3rem;position:relative}.chatlog--timeline:before{background:#e0e0e0;bottom:0;content:"";left:1.25rem;position:absolute;top:0;width:2px}.chatlog--timeline .chatlog-message{position:relative}.chatlog--timeline .chatlog-message:before{background:#0073aa;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e0e0e0;content:"";height:12px;left:-2.5rem;position:absolute;top:.5rem;width:12px}.chatlog-device-frame{margin:0 auto;max-width:100%;position:relative}.chatlog-device-frame--phone{background:#1e1e1e;border-radius:40px;box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);max-width:390px;padding:20px}.chatlog-device-frame--phone:before{background:#1e1e1e;border-radius:0 0 20px 20px;content:"";height:30px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:160px;z-index:10}.chatlog-device-frame--phone .chatlog{border-radius:30px;box-shadow:0 4px 15px rgba(0,0,0,.2);margin:50px 0 30px;max-height:700px;overflow:hidden;overflow-y:auto}.chatlog-device-frame--desktop{background:linear-gradient(180deg,#2a2a2a,#1e1e1e);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.05);max-width:1200px;padding:40px 20px 20px}.chatlog-device-frame--desktop:before{background:#ff5f56;border-radius:50%;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27c93f;content:"";height:12px;left:20px;position:absolute;top:15px;width:12px}.chatlog-device-frame--desktop .chatlog{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);margin:0;max-height:600px;overflow:hidden;overflow-y:auto}.chatlog-device-frame--slack-app{background:#f8f8f8;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.15);max-width:1000px;overflow:hidden}.chatlog-device-frame--slack-app:before{background:#4a154b;border-bottom:1px solid #350d36;content:"";display:block;height:50px}.chatlog-device-frame--slack-app .chatlog{background:#fff;border-radius:0;margin:0;max-height:600px;overflow-y:auto}.chatlog-device-frame--discord-app{background:#36393f;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.3);max-width:1000px;overflow:hidden}.chatlog-device-frame--discord-app:before{background:#2f3136;border-bottom:1px solid #202225;content:"";display:block;height:48px}.chatlog-device-frame--discord-app .chatlog{background:#36393f;border-radius:0;color:#dcddde;margin:0;max-height:600px;overflow-y:auto}.chatlog-device-frame--discord-app .chatlog .chatlog-speaker{color:#fff}.chatlog-device-frame--discord-app .chatlog .chatlog-timestamp{color:#72767d}.chatlog-device-frame--discord-app .chatlog .chatlog-body{color:#dcddde}@media(prefers-reduced-motion:reduce){.chatlog-message{animation:none;transition:none}.chatlog-thread{transition:none}}@media(prefers-contrast:high){.chatlog{border:2px solid}.chatlog-body{border-left:3px solid;padding-left:.5rem}}@media(max-width:768px){.chatlog-device-frame--phone{max-width:100%;padding:15px}.chatlog-device-frame--phone .chatlog{margin:40px 0 20px}.chatlog-device-frame--desktop,.chatlog-device-frame--discord-app,.chatlog-device-frame--slack-app{padding:10px}.chatlog-device-frame--desktop .chatlog,.chatlog-device-frame--discord-app .chatlog,.chatlog-device-frame--slack-app .chatlog{max-height:500px}.chatlog--bubbles .chatlog-message .chatlog-body{max-width:85%}.chatlog-message--thread{margin-left:1rem}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@media print{.chatlog{border:1px solid #000}.chatlog,.chatlog-message{page-break-inside:avoid}.chatlog--bubbles .chatlog-body{background:#f0f0f0!important;color:#000!important}.chatlog-device-frame--desktop,.chatlog-device-frame--discord-app,.chatlog-device-frame--phone,.chatlog-device-frame--slack-app{background:none!important;box-shadow:none!important}.chatlog-device-frame--desktop:before,.chatlog-device-frame--discord-app:before,.chatlog-device-frame--phone:before,.chatlog-device-frame--slack-app:before{display:none}}