.invisible-thread{--invisible-thread-anthracite:#1a1a1a;--invisible-thread-line:#333;--invisible-thread-light-grey:#eaeaea;--invisible-thread-neon:#53f770;--invisible-thread-agency:#7a62e8;--invisible-thread-font-display:"Sora","Segoe UI",system-ui,sans-serif;--invisible-thread-font-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;--invisible-thread-font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;font-family:var(--invisible-thread-font-body);font-size:15px;line-height:1.5;margin-inline:auto;max-width:560px;width:100%}.invisible-thread *,.invisible-thread :after,.invisible-thread :before{box-sizing:border-box}.invisible-thread [data-text]:before{content:attr(data-text)}.invisible-thread__stage{aspect-ratio:560/420;position:relative;width:100%}.invisible-thread__world{height:420px;left:0;position:absolute;top:0;transform-origin:0 0;width:560px}.invisible-thread__window{border-radius:14px;display:flex;flex-direction:column;overflow:hidden;position:absolute}.invisible-thread__list{flex:1;overflow:hidden;position:relative}.invisible-thread__window--private{background:#1c211d;border:1.5px solid var(--invisible-thread-neon);box-shadow:0 0 0 4px rgba(83,247,112,.08),0 0 40px -8px rgba(83,247,112,.35),0 20px 50px -20px rgba(0,0,0,.6);color:var(--invisible-thread-light-grey);height:316px;left:236px;top:92px;transition:box-shadow .5s;width:312px}.invisible-thread__window--busy{box-shadow:0 0 0 5px rgba(83,247,112,.16),0 0 56px -4px rgba(83,247,112,.55),0 20px 50px -20px rgba(0,0,0,.6)}.invisible-thread__private-header{align-items:center;border-bottom:1px solid #2b3a2e;display:flex;flex:none;gap:10px;height:42px;justify-content:flex-end;padding:0 14px}.invisible-thread__private-label{color:var(--invisible-thread-neon);font-family:var(--invisible-thread-font-mono);font-size:10.5px;font-weight:700}.invisible-thread__logo{display:block;height:17px;max-width:none;width:auto}.invisible-thread__window--client{background:#fafafa;box-shadow:0 30px 60px -24px rgba(0,0,0,.45),0 0 0 1px #3a3a3a;color:var(--invisible-thread-anthracite);height:284px;left:14px;top:18px;width:360px;z-index:2}.invisible-thread__client-header{align-items:center;border-bottom:1px solid #e6e6e6;display:flex;flex:none;font-size:12.5px;font-weight:600;gap:8px;height:38px;padding:0 14px}.invisible-thread__client-header .invisible-thread__avatar{font-size:8px;height:20px;width:20px}.invisible-thread__workspace{color:#888;font-weight:500}.invisible-thread__avatar{border-radius:50%;color:#fff;display:grid;flex:none;font-family:var(--invisible-thread-font-mono);font-size:10px;font-weight:700;height:26px;line-height:1;place-items:center;width:26px}.invisible-thread__avatar--client{background:#9a9a9a}.invisible-thread__avatar--agency{background:var(--invisible-thread-agency)}.invisible-thread__avatar--7bits{background:var(--invisible-thread-neon);box-shadow:0 0 10px rgba(83,247,112,.6);color:var(--invisible-thread-anthracite);font-family:var(--invisible-thread-font-display);font-size:12px}.invisible-thread__msg{align-items:flex-end;display:flex;gap:8px;left:14px;opacity:0;position:absolute;right:14px;top:0;transition:opacity .35s,transform .45s ease}.invisible-thread__msg--in{opacity:1}.invisible-thread__msg--right{flex-direction:row-reverse}.invisible-thread__bubble{border-radius:14px;font-size:13px;line-height:1.35;max-width:230px;padding:8px 12px;position:relative}.invisible-thread__time{display:block;font-size:10px;margin-top:2px;opacity:.6}.invisible-thread__window--client .invisible-thread__bubble{background:#ececec;border-bottom-left-radius:4px}.invisible-thread__window--client .invisible-thread__msg--right .invisible-thread__bubble{background:var(--invisible-thread-agency);border-radius:14px 14px 4px;color:#fff}.invisible-thread__reaction{background:#fff;border:1px solid #e3e3e3;border-radius:10px;bottom:-12px;font-size:12px;opacity:0;padding:1px 6px;position:absolute;right:-6px;transform:scale(.4);transition:opacity .3s,transform .3s cubic-bezier(.2,1.6,.4,1)}.invisible-thread__reaction--in{opacity:1;transform:none}.invisible-thread__thumb{background:linear-gradient(135deg,#3b5bdb,#1a1a1a);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;display:block;height:34px;margin-top:6px;width:84px}.invisible-thread__window--private .invisible-thread__bubble{background:#2b2b2b;border:1px solid #3a3a3a;border-bottom-left-radius:4px;color:var(--invisible-thread-light-grey)}.invisible-thread__window--private .invisible-thread__msg--7bits .invisible-thread__bubble{background:#243128;border-color:#3f7a4c}.invisible-thread__window--private .invisible-thread__msg--shipped .invisible-thread__bubble{background:var(--invisible-thread-neon);border-color:var(--invisible-thread-neon);box-shadow:0 0 18px -2px rgba(83,247,112,.6);color:var(--invisible-thread-anthracite);font-weight:700}.invisible-thread__typing{display:inline-flex;gap:3px}.invisible-thread__typing-dot{animation:invisible-thread-typing 1s infinite;background:var(--invisible-thread-neon);border-radius:50%;height:5px;width:5px}.invisible-thread__typing-dot:nth-child(2){animation-delay:.15s}.invisible-thread__typing-dot:nth-child(3){animation-delay:.3s}@keyframes invisible-thread-typing{50%{opacity:.25}}.invisible-thread__threads{height:420px;inset:0;overflow:visible;pointer-events:none;position:absolute;width:560px;z-index:3}.invisible-thread__wire{fill:none;stroke:#3f7a4c;stroke-dasharray:1 8;stroke-linecap:round;stroke-width:3;transition:stroke .3s}.invisible-thread__wire--live{stroke:var(--invisible-thread-neon)}.invisible-thread__pulse{opacity:0}.invisible-thread--paused .invisible-thread__typing-dot{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.invisible-thread__msg,.invisible-thread__reaction{transition:none}.invisible-thread__typing-dot{animation:none}}