.june-slack-demo{--jdm-bg: #fff;--jdm-sidebar: #f5f0f5;--jdm-sidebar-text: #514654;--jdm-line: #e8e8e8;--jdm-subtle: #f8f8f8;--jdm-text: #1d1c1d;--jdm-muted: #777279;--jdm-selected: #e9ddeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--jdm-text);text-align:left;container-type:inline-size}[data-theme=dark] .june-slack-demo{--jdm-bg: #1a1d21;--jdm-sidebar: #211d26;--jdm-sidebar-text: #c6becb;--jdm-line: #303238;--jdm-subtle: #222529;--jdm-text: #e3e3e6;--jdm-muted: #a4a1a8;--jdm-selected: #3f3048}.june-slack-viewport{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px #1d1c1d17,0 16px 45px -30px #1d1c1d40}.june-slack-window{height:620px;min-width:760px;background:var(--jdm-bg)}.june-slack-topbar{height:40px;display:flex;align-items:center;gap:18px;padding:0 17px;background:#36163e;color:#e7dce9}.june-slack-window-dots{display:flex;gap:6px;width:190px;flex-shrink:0}.june-slack-window-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff36}.june-slack-history{display:flex;gap:15px}.june-slack-history svg{width:16px;height:16px}.june-slack-history svg:nth-child(2){opacity:.4}.june-slack-search{width:560px;height:27px;display:flex;gap:8px;align-items:center;padding:0 12px;background:#ffffff1c;border:1px solid #ffffff14;border-radius:6px;font-size:12px}.june-slack-shortcut{margin-left:auto;font-size:10px;opacity:.55}.june-slack-help{margin-left:auto;border:1px solid #ffffff70;border-radius:50%;width:16px;height:16px;text-align:center;line-height:15px;font-size:11px}.june-slack-workspace{height:calc(100% - 40px);display:flex}.june-slack-rail{display:flex;flex-direction:column;align-items:center;width:66px;flex-shrink:0;background:#36163e;color:#e6dce9;padding:13px 0 14px;gap:16px}.june-slack-workspace-icon{width:34px;height:34px;border-radius:9px;background:#fff;padding:5px;margin-bottom:3px}.june-slack-workspace-icon img{width:100%;height:100%}.june-slack-rail-item{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:3px;line-height:14px}.june-slack-rail-item>span{width:36px;height:32px;display:grid;place-items:center;border-radius:9px}.june-slack-rail-item.is-selected>span{background:#ffffff30;color:#fff}.june-slack-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:auto}.june-slack-rail-bottom img{width:30px;height:30px;border-radius:7px;object-fit:cover}.june-slack-sidebar{width:188px;flex-shrink:0;background:var(--jdm-sidebar);color:var(--jdm-sidebar-text);border-right:1px solid var(--jdm-line);padding:0 10px}.june-slack-workspace-heading{height:64px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--jdm-text)}.june-slack-workspace-heading strong{font-size:19px;letter-spacing:-.5px}.june-slack-workspace-heading svg:last-child{margin-left:auto}.june-slack-sidebar-shortcuts{display:grid;gap:12px;padding:5px 12px 13px;font-size:13px}.june-slack-sidebar-shortcuts>span{display:flex;align-items:center;gap:10px}.june-slack-sidebar-label{display:flex;align-items:center;gap:6px;font-size:12px;padding:14px 7px 7px;opacity:.8}.june-slack-sidebar-label svg:last-child{margin-left:auto}.june-slack-sidebar-row{display:flex;align-items:center;gap:9px;height:31px;padding:0 13px;font-size:13px;border-radius:5px;white-space:nowrap}.june-slack-sidebar-row.is-active{color:var(--jdm-text);background:var(--jdm-selected)}.june-slack-sidebar-row>img{width:19px;height:19px;border-radius:4px;object-fit:cover}.june-slack-sidebar-app{font-size:10px;opacity:.6}.june-slack-you{font-size:11px;opacity:.55}.june-slack-online{width:6px;height:6px;background:#2e9f74;border-radius:50%;margin-left:auto}.june-slack-conversation{min-width:0;width:35%;display:flex;flex-direction:column;border-right:1px solid var(--jdm-line)}.june-slack-conversation-header{height:64px;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:0 18px}.june-slack-star{color:var(--jdm-muted);margin-right:2px}.june-slack-contact-name{font-weight:750;font-size:17px;display:flex;align-items:center;gap:8px}.june-slack-conversation-header p{font-size:11px;color:var(--jdm-muted);margin:1px 0 0}.june-slack-header-tools{display:flex;gap:14px;margin-left:auto;color:var(--jdm-muted)}.june-slack-tabs{height:34px;flex-shrink:0;display:flex;gap:22px;padding:0 24px;font-size:12px;border-bottom:1px solid var(--jdm-line);color:var(--jdm-muted)}.june-slack-tabs span:first-child{border-bottom:2px solid #80458c;color:var(--jdm-text);font-weight:650}.june-slack-tabs span{display:flex;align-items:center;padding-bottom:9px}.june-slack-date{display:flex;align-items:center;padding-top:15px;margin-bottom:18px}.june-slack-date:before,.june-slack-date:after{content:"";height:1px;background:var(--jdm-line);flex:1}.june-slack-date>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;padding:4px 12px;border:1px solid var(--jdm-line);border-radius:20px}.june-slack-avatar{width:34px;height:34px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #0000000d;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.june-slack-avatar img{width:25px;height:25px}.june-slack-avatar-small{width:19px;height:19px;border-radius:4px}.june-slack-avatar-small img{width:15px;height:15px}.june-slack-dm-intro{display:grid;gap:7px;padding:28px 22px 10px}.june-slack-dm-intro>.june-slack-avatar{width:48px;height:48px;border-radius:10px}.june-slack-dm-intro>.june-slack-avatar img{width:36px;height:36px}.june-slack-dm-intro>strong{font-size:22px;letter-spacing:-.5px}.june-slack-dm-intro>p{color:var(--jdm-muted);font-size:12px;margin:0}.june-slack-dm-request{padding:0 20px}.june-slack-thread-link{margin:-5px 0 0 44px;display:flex;align-items:center;gap:7px;color:var(--slack-threadLink);font-size:11px;font-weight:600}.june-slack-thread-link>svg{margin-left:3px}.june-slack-thread{flex:1;min-width:0;display:flex;flex-direction:column}.june-slack-thread-header{display:flex;gap:12px;align-items:center;padding:0 22px;height:64px;border-bottom:1px solid var(--jdm-line);flex-shrink:0}.june-slack-thread-header>strong{font-size:17px;font-weight:700}.june-slack-thread-header>span{font-size:12px;color:var(--jdm-muted)}.june-slack-thread-header>svg{margin-left:auto;color:var(--jdm-muted)}.june-slack-thread-messages{padding:22px 22px 0}.june-slack-replies-divider{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--jdm-muted);margin:20px 0}.june-slack-replies-divider:after{content:"";height:1px;flex:1;background:var(--jdm-line)}.june-slack-thinking{display:flex;align-items:center;gap:10px;font-size:13px;animation:june-slack-arrive .3s ease both}.june-slack-thinking>span:last-child{color:var(--jdm-muted);background:linear-gradient(105deg,var(--jdm-muted) 30%,var(--jdm-text) 48%,var(--jdm-muted) 66%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:june-slack-shimmer 2.2s linear infinite}.june-slack-demo[data-paused=true] .june-slack-thinking>span:last-child{animation-play-state:paused}@keyframes june-slack-shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}.june-slack-message{display:flex;gap:10px;margin-bottom:14px;animation:june-slack-arrive .44s cubic-bezier(.2,.7,.2,1) both}.june-slack-human-avatar{width:34px;height:34px;object-fit:cover;border-radius:6px;flex-shrink:0}.june-slack-message-content{flex:1;min-width:0}.june-slack-message-byline{display:flex;align-items:center;gap:7px;height:20px;font-size:14px}.june-slack-message-byline strong{font-weight:700}.june-slack-message-byline time{color:var(--jdm-muted);font-size:10px}.june-slack-app-label{font-size:9px;line-height:14px;font-weight:500;color:var(--jdm-muted);background:var(--jdm-subtle);border-radius:3px;padding:0 4px}.june-slack-message p{margin:2px 0 0;font-size:13px;line-height:1.5}.june-slack-composer-area{padding:18px;margin-top:auto;flex-shrink:0}.june-slack-composer{border:1px solid var(--jdm-line);border-radius:8px;overflow:hidden}.june-slack-format{display:flex;gap:16px;align-items:center;padding:8px 12px;background:var(--jdm-subtle);color:var(--jdm-muted)}.june-slack-format svg{width:13px;height:13px}.june-slack-format>span{height:12px;width:1px;background:var(--jdm-line)}.june-slack-composer>p{font-size:13px;color:var(--jdm-muted);padding:10px 12px 8px;margin:0}.june-slack-compose-tools{display:flex;align-items:center;gap:13px;padding:5px 12px 9px;color:var(--jdm-muted)}.june-slack-compose-tools>svg{width:16px;height:16px}.june-slack-compose-spacer{flex:1}.june-slack-demo-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.june-slack-scenarios{display:flex;padding:3px;gap:3px;border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:30px}.june-slack-scenarios button{padding:7px 16px;border-radius:25px;font-size:12px;color:var(--color-muted);white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}.june-slack-scenarios button[aria-pressed=true]{background:var(--color-surface-card);color:var(--color-ink);box-shadow:0 1px 3px #0000000c}.june-slack-playback{width:30px;height:30px;display:grid;place-items:center;color:var(--color-muted);border:1px solid var(--color-hairline);border-radius:50%;cursor:pointer}.june-slack-playback:hover{color:var(--color-ink)}.june-slack-demo-controls button:focus-visible{outline:2px solid #93729a;outline-offset:3px}.june-slack-replay{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid var(--color-hairline);border-radius:99px;color:var(--color-body);font-size:12px;cursor:pointer}.june-slack-replay:hover{color:var(--color-ink);background:var(--color-surface-card)}@keyframes june-slack-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@container (max-width: 1000px){.june-slack-sidebar{display:none}.june-slack-window-dots{width:70px}.june-slack-conversation{width:37%}.june-slack-header-tools{gap:8px}.june-slack-star{display:none}.june-slack-message{margin-bottom:16px}}@container (max-width: 759px){.june-slack-conversation{display:none}.june-slack-window{min-width:560px;height:600px}.june-slack-rail{width:56px}.june-slack-window-dots{width:38px}.june-slack-history{gap:10px}.june-slack-thread-header>span:before{content:"Direct message · "}}@container (max-width: 559px){.june-slack-viewport{border-radius:12px 0 0 12px;box-shadow:none}.june-slack-viewport:after{content:"";position:absolute;inset:0 0 0 auto;width:100px;background:linear-gradient(to right,transparent 0%,var(--color-canvas) 90%);pointer-events:none}.june-slack-scenarios{gap:0}.june-slack-scenarios button{font-size:11px;padding:7px 11px}.june-slack-demo-controls{gap:8px}}@container (max-width: 360px){.june-slack-scenarios button{font-size:10px;padding-inline:6px}.june-slack-demo-controls{gap:6px}.june-slack-playback{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.june-slack-message{animation:none}.june-slack-thinking,.june-slack-thinking>span:last-child{animation:none}.june-slack-scenarios button{transition:none}}.june-slack-access .june-slack-viewport{border:1px solid var(--jdm-line);border-radius:12px;box-shadow:none}.june-slack-access .june-slack-viewport:after{display:none}.june-slack-access .june-slack-window{height:388px;min-width:0}.june-slack-access .june-slack-rail,.june-slack-access .june-slack-sidebar,.june-slack-access .june-slack-conversation,.june-slack-access .june-slack-history{display:none}.june-slack-access .june-slack-topbar{height:32px;padding-inline:15px;gap:13px}.june-slack-access .june-slack-window-dots{width:39px;gap:5px}.june-slack-access .june-slack-window-dots i{width:7px;height:7px}.june-slack-access .june-slack-search{width:auto;height:21px;flex:1;font-size:10px}.june-slack-access .june-slack-search>svg{width:11px}.june-slack-access .june-slack-workspace{height:calc(100% - 32px)}.june-slack-access .june-slack-thread-header{height:50px;padding-inline:22px}.june-slack-access .june-slack-thread-header>strong{font-size:15px}.june-slack-access .june-slack-thread-header>span:before{content:"Direct message · "}.june-slack-access .june-slack-thread-messages{padding:22px 22px 0}.june-slack-access .june-slack-message p{font-size:13px}.june-slack-access .june-slack-format{display:none}.june-slack-access .june-slack-composer-area{padding:15px 20px}.june-slack-access .june-slack-composer>p{padding-block:9px;font-size:12px}.june-slack-access .june-slack-compose-tools{padding-bottom:8px}.june-slack-access .june-slack-demo-controls{justify-content:flex-start;margin-top:15px;gap:9px}.june-slack-access .june-slack-playback{width:36px;height:36px;color:var(--color-body)}@container (max-width: 380px){.june-slack-access .june-slack-thread-header{padding-inline:16px}.june-slack-access .june-slack-thread-messages{padding:19px 16px 0}.june-slack-access .june-slack-message p{font-size:12px}.june-slack-access .june-slack-composer-area{padding:15px}}