.reaction-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.reaction-modal{background:white;border-radius:12px;max-width:450px;width:90%;max-height:80vh;overflow:hidden;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.15)}.reaction-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e0e0e0}.reaction-modal-header h3{font-size:18px;font-weight:600;color:#333;margin:0}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-button:hover{background-color:#f0f0f0}.media-preview{padding:16px 24px;border-bottom:1px solid #e0e0e0}.media-preview img,.media-preview video{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.reaction-tabs{padding:16px 24px;border-bottom:1px solid #e0e0e0;background-color:#fafafa}.reaction-slider{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.reaction-slider::-webkit-scrollbar{height:4px}.reaction-slider::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.reaction-slider::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.reaction-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #ddd;border-radius:20px;background:white;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.reaction-tab:hover{border-color:#007bff;background-color:#f8f9ff}.reaction-tab.active{background-color:#007bff;border-color:#007bff;color:white}.reaction-icon{font-size:16px;line-height:1}.reaction-count{font-size:12px;font-weight:600}.reactions-list{max-height:300px;overflow-y:auto;padding:0}.reactions-list::-webkit-scrollbar{width:6px}.reactions-list::-webkit-scrollbar-track{background:#f1f1f1}.reactions-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.reaction-item{display:flex;align-items:center;padding:12px 24px;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.reaction-item:hover{background-color:#f8f9fa}.reaction-item:last-child{border-bottom:none}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-fallback{width:40px;height:40px;border-radius:50%;margin-right:12px;border:2px solid #f0f0f0}.user-avatar-fallback{background-color:#007bff;color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-info{flex:1 1}.user-name{font-weight:500;color:#333;font-size:14px}.reaction-type{font-size:20px;line-height:1}.empty-reactions{padding:40px 24px;text-align:center;color:#666}.empty-reactions p{margin:0;font-size:16px}@media (max-width:480px){.reaction-modal{width:95%;max-height:90vh}.reaction-modal-header{padding:16px 20px 12px}.reaction-tabs{padding:12px 20px}.reaction-item{padding:10px 20px}.user-avatar{width:36px;height:36px;margin-right:10px}}[data-media-player] .vds-audio-layout:not([data-match]){display:none!important}:where([data-media-player][data-layout=audio]){border-radius:var(--audio-border-radius,6px)}:where(.vds-audio-layout){position:relative;display:inline-flex;align-items:center;min-width:100%;height:60px;color:var(--audio-controls-color,var(--default-color));background-color:var(--audio-bg,var(--default-bg));border-radius:var(--audio-border-radius,6px);box-sizing:border-box;filter:var(
    --audio-filter,drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06))
  )}.vds-audio-layout{border:var(--audio-border,1px solid rgb(255 255 255/.1))}:where([data-media-player][data-focus]:not([data-playing]) .vds-audio-layout){box-shadow:var(--media-focus-ring)}:where(.vds-audio-layout){--media-brand:var(--audio-brand,var(--default-brand));--media-font-family:var(--audio-font-family,sans-serif);--media-controls-color:var(--audio-controls-color,var(--default-controls-color));--media-menu-y-offset:18px;--media-tooltip-y-offset:18px;--media-slider-track-bg:var(--audio-slider-track-bg,var(--default-slider-track-bg));--media-slider-track-fill-bg:var(--audio-slider-track-bg,var(--media-brand));--media-slider-track-progress-bg:var(
    --audio-slider-progress-bg,var(--default-slider-progress-bg)
  );--media-slider-value-border:var(--audio-slider-value-border,1px solid rgb(255 255 255/0.1));--media-slider-value-gap:var(--audio-slider-value-gap,6px);--media-focus-ring-color:var(--audio-focus-ring-color,rgb(78 156 246));--media-focus-ring:var(--audio-focus-ring,0 0 0 3px var(--media-focus-ring-color))}.light .vds-audio-layout,.vds-audio-layout.light{--default-brand:rgb(10 10 10);--default-color:rgb(10 10 10);--default-bg:rgb(250 250 250);--default-controls-color:rgb(10 10 10);--default-border:1px solid rgb(100 100 100/0.2);--default-slider-track-bg:rgb(50 50 50/0.1);--default-slider-progress-bg:rgb(10 10 10/0.2)}.dark .vds-audio-layout,.vds-audio-layout.dark{--default-brand:#f5f5f5;--default-color:#f5f5f5;--default-controls-color:#f5f5f5;--default-bg:black;--default-slider-track-bg:rgb(255 255 255/0.3);--default-slider-progress-bg:rgb(255 255 255/0.5)}.vds-audio-layout .vds-controls{padding-inline:6px;border-radius:var(--audio-border-radius,6px)}:where(.vds-audio-layout .vds-controls-group){display:flex;align-items:center;pointer-events:auto;width:100%}:where(.vds-audio-layout .vds-button){width:var(--audio-button-size,36px);height:var(--audio-button-size,36px);margin-right:2.5px}:where(.vds-audio-layout .vds-play-tooltip){--media-tooltip-y-offset:18px}:where(.vds-audio-layout .vds-button){transition:max-width .14s ease-in;max-width:var(--audio-button-size,36px)}:where(.vds-audio-layout .vds-play-button){--media-button-hover-transform:0;--media-button-border:var(--audio-play-button-border,var(--color));--media-button-hover-bg:var(--bg-color);--media-button-touch-hover-bg:var(--bg-color);width:var(--audio-play-button-size,32px);height:var(--audio-play-button-size,32px);border-radius:var(--audio-play-button-border-radius,100%);pointer-events:auto;margin-bottom:2px;overflow:hidden}.vds-audio-layout .vds-play-button{color:var(--audio-play-button-color,var(--default-color));background-color:var(--audio-play-button-bg,var(--default-bg))}.light .vds-audio-layout .vds-play-button,.vds-audio-layout.light .vds-play-button{--default-color:#f5f5f5;--default-bg:var(--media-brand)}.dark .vds-audio-layout .vds-play-button,.vds-audio-layout.dark .vds-play-button{--default-color:rgb(10 10 10);--default-bg:var(--media-brand)}:where(.vds-audio-layout .vds-caption-button:not([data-active])){opacity:var(--audio-caption-button-off-opacity,.64)}:where(.vds-audio-layout .vds-live-button){margin-right:8px}:where(.vds-audio-layout .vds-seek-button){max-width:0;visibility:hidden}:where([data-playing] .vds-audio-layout .vds-seek-button){max-width:var(--audio-button-size,36px);visibility:visible}:where(.vds-audio-layout .vds-settings-menu .vds-button){margin-right:0}@media (pointer:coarse){:where(.vds-audio-layout .vds-caption-button){display:none}}:where(.vds-audio-layout .vds-title){display:flex;align-items:center;position:relative;margin-left:6px;margin-right:auto;max-width:100%;opacity:1;transition:max-width .15s ease-in,opacity .15s ease-in;overflow:hidden;text-wrap:nowrap;white-space:nowrap;transition-delay:75ms}:where([data-playing] .vds-audio-layout .vds-title){opacity:0;margin:0;max-width:0;transition:none;transition-delay:0}:where(.vds-audio-layout .vds-title-text){display:inline-flex;align-items:center}:where(.vds-audio-layout .vds-marquee .vds-title-text){animation:vds-marquee 8s linear infinite}:where(.vds-audio-layout .vds-title:hover *){animation-play-state:paused}:where(.vds-audio-layout .vds-title-text:nth-child(2)){margin-left:16px}@keyframes vds-marquee{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 16px))}}:where(.vds-audio-layout .vds-time){margin-inline:8px;transition:max-width .14s ease-in;font-size:var(--audio-time-font-size,15px)}:where(.vds-audio-layout .vds-time-slider){--media-slider-preview-offset:14px;opacity:0;max-width:0;transform:scaleX(0);transform-origin:center left;transition:none;visibility:hidden}:where([data-media-player]:not([data-paused]) .vds-audio-layout .vds-time-slider){opacity:1;max-width:100%;transform:scaleX(1);transition:opacity .15s ease-in,transform .15s ease-in;transition-delay:75ms;visibility:visible}:where(.vds-audio-layout .vds-slider-chapter-title){color:var(--audio-slider-chapter-title-color,black)}:where(.dark .vds-audio-layout .vds-slider-chapter-title){color:var(--audio-slider-chapter-title-color,white)}:where([data-buffering] .vds-audio-layout .vds-slider-progress){--stripe-color:var(--audio-buffering-stripe-color,rgb(0 0 0/0.25));--stripe-size:var(--audio-buffering-stripe-size,30px);width:100%!important;background-image:linear-gradient(-45deg,var(--stripe-color) 25%,transparent 25%,transparent 50%,var(--stripe-color) 50%,var(--stripe-color) 75%,transparent 75%,transparent);background-size:var(--stripe-size) var(--stripe-size);animation:vds-audio-track-progress var(--audio-buffering-stripe-speed,2s) linear infinite}@keyframes vds-audio-track-progress{0%{background-position:0 0}to{background-position:var(--stripe-size) var(--stripe-size)}}:where(.vds-audio-layout .vds-volume){--media-slider-height:var(--audio-volume-height,96px);--media-slider-preview-offset:6px;--gap:var(--audio-volume-gap,16px);position:relative;display:flex;align-items:center;justify-content:center}:where(.vds-audio-layout .vds-volume-popup){position:absolute;bottom:calc(100% + var(--gap));left:50%;opacity:0;transform:translateX(-50%);transition:opacity .15s ease-out,visibility .15s ease-out;border-radius:var(--audio-volume-border-radius,8px);filter:var(--media-volume-filter,drop-shadow(0 1px 1px rgb(0 0 0/.05)));visibility:hidden}.vds-audio-layout .vds-volume-popup:after{content:"";position:fixed;bottom:calc(-1 * var(--gap));right:0;width:100%;height:var(--gap);z-index:1;pointer-events:auto}.vds-audio-layout .vds-volume-popup{background-color:var(--audio-volume-bg,var(--media-menu-bg,var(--default-bg)));border:var(--audio-volume-border,var(--default-border))}.light .vds-audio-layout .vds-volume-popup,.vds-audio-layout.light .vds-volume-popup{--default-bg:rgb(250 250 250);--default-border:1px solid rgb(10 10 10/0.1)}.dark .vds-audio-layout .vds-volume-popup,.vds-audio-layout.dark .vds-volume-popup{--default-bg:rgb(10 10 10);--default-border:1px solid rgb(255 255 255/0.1)}:where(.vds-audio-layout .vds-volume:has([data-active]) .vds-volume-popup),:where(.vds-audio-layout .vds-volume[data-active] .vds-volume-popup){transition:opacity .15s ease-in,visibility .15s ease-in;opacity:1;visibility:visible}:where(.vds-audio-layout .vds-volume[data-active] .vds-tooltip-content){display:none!important}:where(.vds-audio-layout .vds-menu-items[data-root]){max-height:var(--audio-menu-max-height,320px)}:where(.vds-audio-layout .vds-captions){--cue-font-size:calc(var(--audio-cue-font-size, 14px) * var(--media-user-font-size, 1));display:inline-block;position:absolute;width:100%;top:unset;bottom:calc(100% + var(--audio-captions-offset, 4px));text-align:center;background-color:var(--media-user-display-bg,var(--media-cue-display-bg))}:where([data-paused] .vds-audio-layout .vds-captions),:where([data-preview] .vds-audio-layout .vds-captions){opacity:0}@media (pointer:coarse){.vds-audio-layout[data-scrubbing] :where(.vds-button,.vds-time){max-width:0!important;margin:0!important;padding:0!important;transition:max-width .15s ease-out}}