@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(/fonts/Lato/Lato-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.mockup-section.svelte-10hzone{margin-bottom:2rem}.mockup-title.svelte-10hzone{font-size:1rem;font-weight:600;color:var(--muted-foreground);margin-bottom:1rem;text-align:center}.slack-channel.svelte-10hzone{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#222529;border-radius:12px;padding:16px;max-width:500px;margin:0 auto;box-shadow:0 4px 12px #000c}.message.svelte-10hzone{display:flex;gap:10px;padding:4px 0}.message.svelte-10hzone+.message:where(.svelte-10hzone){margin-top:4px}.avatar.svelte-10hzone{flex-shrink:0;width:36px;height:36px;border-radius:4px;object-fit:cover}.message-content.svelte-10hzone{flex:1;min-width:0}.message-header.svelte-10hzone{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.username.svelte-10hzone{font-size:15px;font-weight:700;color:#e8e8e8}.timestamp.svelte-10hzone{font-size:12px;color:#ababad}.message-text.svelte-10hzone{font-size:15px;color:#d1d2d3;margin:0;line-height:1.46}.news-item.svelte-10hzone{margin-top:12px}.news-title.svelte-10hzone{display:block;font-size:15px;font-weight:700;color:#1d9bd1;text-decoration:none;line-height:1.4}.news-title.svelte-10hzone:hover{text-decoration:underline}.news-meta.svelte-10hzone{display:block;font-size:13px;color:#ababad;margin-top:0}.news-bullets.svelte-10hzone{margin:2px 0 0;padding-left:0;font-size:15px;color:#d1d2d3;line-height:1.4;list-style:none}.news-bullets.svelte-10hzone li:where(.svelte-10hzone){position:relative;padding-left:12px}.news-bullets.svelte-10hzone li:where(.svelte-10hzone):before{content:"•";position:absolute;left:0;color:#d1d2d3}.news-reactions.svelte-10hzone{display:flex;gap:4px;margin-top:4px;align-items:center}.reaction.svelte-10hzone{display:inline-flex;align-items:center;gap:4px;background-color:#3a3d42;border:1px solid #4a4d52;border-radius:16px;padding:2px 8px;cursor:pointer;font-size:12px;white-space:nowrap}.reaction.svelte-10hzone:hover{background-color:#44474c}.emoji.svelte-10hzone{font-size:14px}.count.svelte-10hzone{color:#e8e8e8;font-size:12px}.reaction-add.svelte-10hzone{display:inline-flex;align-items:center;justify-content:center;background-color:#3a3d42;border:1px solid #4a4d52;border-radius:16px;padding:4px 6px;cursor:pointer;color:#ababad}.reaction-add.svelte-10hzone:hover{background-color:#44474c;color:#e8e8e8}.reply-section.svelte-10hzone{margin-top:16px;background-color:#1a1d21;border-radius:8px;border:1px solid #35373b;overflow:hidden}.reply-input-area.svelte-10hzone{padding:12px 14px;min-height:20px}.reply-placeholder.svelte-10hzone{font-size:14px;color:#ababad}.reply-actions.svelte-10hzone{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-top:1px solid #35373b;background-color:#1a1d21}.reply-actions-left.svelte-10hzone{display:flex;gap:2px}.reply-actions-right.svelte-10hzone{display:flex;gap:4px}.action-btn.svelte-10hzone{background:none;border:none;color:#ababad;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.action-btn.svelte-10hzone:hover{background-color:#35373b;color:#e8e8e8}.send-btn.svelte-10hzone{background:none;border:none;color:#ababad;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.send-btn.svelte-10hzone:hover{background-color:#35373b;color:#e8e8e8}.video-container.svelte-1bj97sx{position:relative;width:100%;max-width:640px;border-radius:8px;overflow:hidden;cursor:pointer}video.svelte-1bj97sx{display:block;width:100%;height:auto;transition:filter .3s ease}.video-container.is-hovered.svelte-1bj97sx video:where(.svelte-1bj97sx){filter:brightness(1.12)}.play-overlay.svelte-1bj97sx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:background .3s ease}.play-overlay.svelte-1bj97sx:hover{background:#0000000d}.play-icon.svelte-1bj97sx{width:80px;height:80px;padding:22px 22px 22px 26px;color:#222;background:#ffffffeb;border-radius:50%;box-shadow:0 4px 30px #0000004d;transition:transform .25s ease,background .25s ease}.play-overlay.svelte-1bj97sx:hover .play-icon:where(.svelte-1bj97sx){transform:scale(1.08);background:#fff}.controls.svelte-1bj97sx{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(transparent,#000000a6);opacity:0;transition:opacity .3s ease}.controls.visible.svelte-1bj97sx{opacity:1}.control-btn.svelte-1bj97sx{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:4px;flex-shrink:0}.control-btn.svelte-1bj97sx:hover{color:#ddd}.time.svelte-1bj97sx{font-size:12px;color:#fff;font-variant-numeric:tabular-nums;flex-shrink:0;-webkit-user-select:none;user-select:none}.seek-bar.svelte-1bj97sx{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.seek-bar.svelte-1bj97sx::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0000004d}.seek-bar.svelte-1bj97sx::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0000004d}.seek-bar.svelte-1bj97sx::-webkit-slider-runnable-track{height:4px;border-radius:2px}.seek-bar.svelte-1bj97sx::-moz-range-track{height:4px;border-radius:2px;background:#ffffff4d}.volume-group.svelte-1bj97sx{display:flex;align-items:center;gap:6px;flex-shrink:0}.volume-icon.svelte-1bj97sx{color:#fff;flex-shrink:0}.volume-bar.svelte-1bj97sx{width:64px;-webkit-appearance:none;appearance:none;height:4px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-bar.svelte-1bj97sx::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0000004d}.volume-bar.svelte-1bj97sx::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0000004d}.volume-bar.svelte-1bj97sx::-webkit-slider-runnable-track{height:4px;border-radius:2px}.volume-bar.svelte-1bj97sx::-moz-range-track{height:4px;border-radius:2px;background:#ffffff4d}