.followloop-room-demo{position:relative;width:100%;min-height:430px;overflow:hidden;border:1px solid var(--color-hairline);border-radius:16px;background:linear-gradient(180deg,var(--color-paper),var(--color-paper-soft));isolation:isolate}.followloop-room-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.followloop-progress{position:absolute;left:22px;right:22px;top:18px;z-index:10;display:flex;justify-content:center;gap:8px;pointer-events:none}.followloop-progress span{width:8px;height:8px;border:1px solid var(--color-hairline);border-radius:999px;background:color-mix(in srgb,var(--color-mut) 34%,transparent);transition:width .22s ease,background .22s ease,opacity .22s ease}.followloop-progress span.is-active{width:24px;background:var(--color-blue)}.followloop-stage{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:64px 38px 70px;opacity:0;pointer-events:none;transform:translateY(16px) scale(.98);transition:opacity .46s ease,transform .56s ease}.followloop-stage.is-visible{opacity:1;transform:none}.followloop-archive-panel,.followloop-chat-frame,.followloop-event-card,.followloop-task-card{border:1px solid var(--color-hairline);border-radius:16px;background:var(--color-card);box-shadow:0 1px 2px rgba(26,25,23,.05)}.followloop-event-card{display:grid;justify-items:center;gap:14px;width:min(260px,86%);padding:24px;text-align:center}.followloop-event-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:16px;background:color-mix(in srgb,var(--color-blue) 10%,var(--color-card));box-shadow:0 0 0 6px color-mix(in srgb,var(--color-blue) 8%,transparent)}.followloop-event-icon img{width:54px;height:54px;object-fit:contain}.followloop-archive-panel strong,.followloop-event-card strong,.followloop-radar strong,.followloop-task-card strong{color:var(--color-ink);font-size:14px;font-weight:760;line-height:1.25;overflow-wrap:break-word}.followloop-stage-event.is-visible .followloop-event-card{animation:followloop-event-pop-in .62s cubic-bezier(.34,1.56,.64,1) both}.followloop-stage-event.is-visible .followloop-event-icon{animation:followloop-event-pop-in .52s cubic-bezier(.34,1.56,.64,1) both,followloop-event-pulse 1.6s ease-in-out .52s infinite}.followloop-radar{position:relative;display:grid;place-items:center;width:min(292px,100%);height:292px}.followloop-avatar{display:inline-grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--color-blue) 30%,transparent);border-radius:12px;background:var(--color-blue);color:var(--color-paper);font-size:22px;font-weight:820;box-shadow:0 1px 2px rgba(26,25,23,.05)}.followloop-avatar svg{display:block;width:58%;height:58%}.followloop-avatar-image{overflow:visible;border-color:transparent;border-radius:0;background:transparent;box-shadow:none}.followloop-avatar-image img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(26,25,23,.05))}.followloop-radar .followloop-avatar{grid-area:1/1;z-index:2;width:62px;height:62px}.followloop-radar .followloop-avatar-image{width:clamp(154px,36vw,184px);height:clamp(154px,36vw,184px)}.followloop-radar strong{grid-area:1/1;align-self:end;justify-self:center;z-index:3;width:min(220px,86%);margin-bottom:14px;text-align:center}.followloop-radar-ring{position:absolute;left:50%;top:50%;width:96px;height:96px;border:1px solid color-mix(in srgb,var(--color-blue) 20%,transparent);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.72)}.followloop-radar-ring.is-ring-2{animation-delay:.17s}.followloop-radar-ring.is-ring-3{animation-delay:.34s}.followloop-stage-notice.is-visible .followloop-radar-ring{animation:followloop-radar-ring 1.5s ease-out infinite}.followloop-stage-notice.is-visible .followloop-radar-ring.is-ring-2{animation-delay:.17s}.followloop-stage-notice.is-visible .followloop-radar-ring.is-ring-3{animation-delay:.34s}.followloop-stage-notice.is-visible .followloop-radar .followloop-avatar{animation:followloop-event-pop-in .56s cubic-bezier(.34,1.56,.64,1) both}.followloop-stage-notice.is-visible .followloop-radar strong{animation:followloop-bubble-pop .52s ease .22s both}.followloop-thinking{display:flex;align-items:center;gap:18px}.followloop-thinking .followloop-avatar-image{width:72px;height:72px;margin-right:-4px}.followloop-think-stack{display:grid;gap:10px}.followloop-think-bubble{display:inline-flex;align-items:center;width:fit-content;max-width:220px;min-height:38px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--color-blue) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-blue) 8%,var(--color-card));color:var(--color-ink);font-size:13px;font-weight:720;line-height:1.25;overflow-wrap:anywhere;opacity:0;transform:translateX(-12px) scale(.92)}.followloop-stage-think.is-visible .followloop-think-bubble{animation:followloop-bubble-pop .52s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--bubble-index) * .16s)}.followloop-stage-chat{align-items:flex-start;padding-top:58px;z-index:4}.followloop-chat-frame{display:grid;gap:12px;width:min(430px,96%);padding:18px;text-align:left}.followloop-chat-topline{display:flex;align-items:center;gap:10px;color:var(--color-body);font-size:13px}.followloop-chat-topline .followloop-avatar{width:32px;height:32px;border-radius:10px;font-size:15px}.followloop-chat-topline .followloop-avatar-image{width:36px;height:36px;margin-left:-2px}.followloop-chat-bubble{width:fit-content;max-width:88%;margin:0;padding:12px 14px;border-radius:12px;color:var(--color-ink);font-size:13px;line-height:1.45;overflow-wrap:anywhere;opacity:0}.followloop-chat-bubble.is-bondie{border-top-left-radius:4px;background:color-mix(in srgb,var(--color-blue) 10%,var(--color-card));transform:translateX(-24px)}.followloop-chat-bubble.is-user{justify-self:end;border-top-right-radius:4px;background:var(--color-paper-soft);--chat-shift:20px;transform:translateX(24px)}.followloop-stage-chat.is-visible .followloop-chat-frame{animation:followloop-chat-slide-in .54s ease both}.followloop-stage-chat.is-visible .followloop-chat-bubble.is-bondie{animation:followloop-chat-slide-in .54s ease .18s both}.followloop-chat-bubble.is-user.is-visible{animation:followloop-chat-slide-in .54s ease both}.followloop-stage-task{align-items:flex-end;padding-bottom:58px;z-index:6}.followloop-task-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px 12px;width:min(286px,82%);padding:18px;text-align:left}.followloop-task-card i{display:block;height:7px;border-radius:999px;background:color-mix(in srgb,var(--color-mut) 28%,transparent)}.followloop-task-card i:first-of-type{width:84%}.followloop-task-card i:nth-of-type(2){width:58%;background:color-mix(in srgb,var(--color-blue) 26%,transparent)}.followloop-task-check{position:relative;grid-row:span 3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--color-gold) 20%,var(--color-card));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-gold) 14%,transparent)}.followloop-task-check:before{content:"";width:14px;height:8px;border-left:3px solid var(--color-ink);border-bottom:3px solid var(--color-ink);transform:translateY(-1px) rotate(-45deg)}.followloop-stage-task.is-visible .followloop-task-check{animation:followloop-check-pop .56s cubic-bezier(.34,1.56,.64,1) both}.followloop-stage-task.is-visible .followloop-task-card{animation:followloop-event-pop-in .56s cubic-bezier(.34,1.56,.64,1) both}.followloop-stage-archive{align-items:flex-end;padding-bottom:54px;z-index:7}.followloop-archive-panel{position:relative;display:grid;justify-items:center;gap:12px;width:min(330px,88%);min-height:190px;padding:20px 22px 18px;text-align:center}.followloop-archive-doc{position:absolute;left:44px;top:26px;z-index:2;display:grid;gap:6px;width:74px;height:94px;padding:14px 12px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-card);box-shadow:0 1px 2px rgba(26,25,23,.05);opacity:0}.followloop-archive-doc span{display:block;height:7px;border-radius:999px;background:color-mix(in srgb,var(--color-mut) 34%,transparent)}.followloop-archive-doc span:first-child{width:84%;background:color-mix(in srgb,var(--color-blue) 42%,transparent)}.followloop-archive-doc span:nth-child(2){width:64%}.followloop-archive-doc span:nth-child(3){width:72%}.followloop-folder{position:relative;width:150px;height:104px;margin-top:26px}.followloop-folder-body,.followloop-folder-lid{position:absolute;left:0;right:0;border:1px solid color-mix(in srgb,var(--color-blue) 30%,transparent);background:color-mix(in srgb,var(--color-blue) 12%,var(--color-card));box-shadow:0 1px 2px rgba(26,25,23,.05)}.followloop-folder-lid{top:10px;height:38px;border-radius:12px 12px 10px 10px;transform-origin:bottom center;transform:rotateX(62deg)}.followloop-folder-lid:before{content:"";position:absolute;left:18px;top:-14px;width:52px;height:20px;border:1px solid color-mix(in srgb,var(--color-blue) 30%,transparent);border-bottom:0;border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--color-blue) 12%,var(--color-card))}.followloop-folder-body{bottom:0;height:70px;border-radius:12px}.followloop-stage-archive.is-visible .followloop-archive-panel{animation:followloop-event-pop-in .56s ease both}.followloop-stage-archive.is-visible .followloop-archive-doc{animation:followloop-doc-appear .42s ease both,followloop-archive-fly 1.1s cubic-bezier(.34,1.2,.64,1) .48s both}.followloop-stage-archive.is-visible .followloop-folder-lid{animation:followloop-folder-close .68s ease 1.18s both}.followloop-room-demo.is-static{display:grid;gap:14px;min-height:0;padding:16px}.followloop-room-demo.is-static .followloop-progress,.followloop-room-demo.is-static .followloop-room-bg{display:none}.followloop-room-demo.is-static .followloop-stage{position:relative;inset:auto;display:none;padding:0;opacity:1;transform:none;pointer-events:auto}.followloop-room-demo.is-static .followloop-stage-archive.is-visible,.followloop-room-demo.is-static .followloop-stage-chat.is-visible{display:block}.followloop-room-demo.is-static .followloop-stage-chat.is-visible{opacity:1}.followloop-room-demo.is-static .followloop-archive-panel,.followloop-room-demo.is-static .followloop-chat-frame{width:100%;min-height:0;animation:none}.followloop-room-demo.is-static .followloop-archive-doc,.followloop-room-demo.is-static .followloop-chat-bubble,.followloop-room-demo.is-static .followloop-chat-bubble.is-user{opacity:1;transform:none;animation:none}.followloop-room-demo.is-static .followloop-archive-doc{opacity:.28;transform:translate(72px,28px) scale(.68)}.followloop-room-demo.is-static .followloop-folder-lid{transform:rotateX(0deg);animation:none}@keyframes followloop-event-pop-in{0%{opacity:0;transform:translateY(18px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes followloop-event-pulse{0%,to{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-blue) 8%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--color-blue) 4%,transparent)}}@keyframes followloop-radar-ring{0%{opacity:.62;transform:translate(-50%,-50%) scale(.58)}to{opacity:0;transform:translate(-50%,-50%) scale(2.45)}}@keyframes followloop-bubble-pop{0%{opacity:0;transform:translateX(-12px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes followloop-chat-slide-in{0%{opacity:0;transform:translateX(var(--chat-shift,-20px))}to{opacity:1;transform:translateX(0)}}@keyframes followloop-check-pop{0%{opacity:0;transform:scale(.52) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes followloop-doc-appear{0%{opacity:0;transform:translateY(20px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes followloop-archive-fly{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:.24;transform:translate(76px,26px) scale(.66)}}@keyframes followloop-folder-close{0%{transform:rotateX(62deg)}to{transform:rotateX(0deg)}}@media (max-width:520px){.followloop-room-demo.is-static{padding:12px}.followloop-archive-panel,.followloop-chat-frame{padding:16px}.followloop-chat-bubble{max-width:96%;font-size:12px}.followloop-folder{width:132px}}@media (prefers-reduced-motion:reduce){.followloop-room-demo,.followloop-room-demo *,.followloop-room-demo :after,.followloop-room-demo :before{animation:none!important;transition:none!important}}.flywheel-demo-loop{position:relative;display:grid;gap:0;width:100%;max-width:440px;margin:0 auto;align-self:center}.flywheel-demo-canvas{position:relative;width:100%;aspect-ratio:1/1}.flywheel-demo-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flywheel-demo-ring-track{vector-effect:non-scaling-stroke}.flywheel-demo-hub{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:64px;height:64px;padding:0;border:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.flywheel-demo-hub-logo{display:block;width:54px;height:54px;object-fit:contain;transform-origin:center;will-change:transform}.flywheel-demo-loop.has-started:not(.is-static) .flywheel-demo-hub-logo{animation:flywheel-demo-logo-spin 6.92s linear infinite}.flywheel-demo-stage{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:104px;min-height:46px;padding:9px 11px;border:1px solid var(--color-hairline);border-radius:12px;background:var(--color-card);box-shadow:0 1px 2px rgba(26,25,23,.05);transform:translate(-50%,-50%);transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}.flywheel-demo-stage.is-active{border-color:color-mix(in srgb,var(--color-blue) 35%,transparent);background:color-mix(in srgb,var(--color-blue) 8%,var(--color-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-blue) 10%,transparent),0 1px 2px rgba(26,25,23,.05)}.flywheel-demo-stage strong{color:var(--color-ink);font-size:11px;font-weight:780;line-height:1.18;text-align:center}.flywheel-demo-badge,.flywheel-demo-input{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid var(--color-hairline);border-radius:999px;background:var(--color-card);box-shadow:0 1px 2px rgba(26,25,23,.05);transform:translate(-50%,-50%);opacity:0;will-change:left,top,transform,opacity}.flywheel-demo-input img{width:15px;height:15px;object-fit:contain}.flywheel-demo-input{gap:4px;min-height:28px;padding:5px 7px}.flywheel-demo-badge span,.flywheel-demo-input span{color:var(--color-body);font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap}.flywheel-demo-input span{font-size:9px}.flywheel-demo-badge{min-width:88px;max-width:100px;justify-content:center;background:color-mix(in srgb,var(--color-blue) 8%,var(--color-card));border-color:color-mix(in srgb,var(--color-blue) 25%,transparent)}.flywheel-demo-badge span{color:var(--color-blue-deep);text-align:center;white-space:normal}.flywheel-demo-loop h3{margin:0;color:var(--color-ink);font-size:22px;font-style:italic;text-align:center}.flywheel-demo-final{display:grid;gap:6px;text-align:center}.flywheel-demo-final p{margin:0;color:var(--color-body);font-size:14px}.flywheel-demo-final p:last-child{color:var(--color-blue)}@keyframes flywheel-demo-logo-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.flywheel-demo-loop{max-width:420px}.flywheel-demo-stage{width:100px;min-height:44px;padding:8px 10px}.flywheel-demo-stage strong{font-size:12px}.flywheel-demo-hub{width:60px;height:60px}.flywheel-demo-hub-logo{width:50px;height:50px}.flywheel-demo-loop h3{font-size:22px}.flywheel-demo-final p{font-size:14px}}@media (max-width:767px){.flywheel-demo-loop{max-width:360px}.flywheel-demo-canvas{aspect-ratio:1/1}.flywheel-demo-stage{width:auto;min-width:86px;max-width:104px;padding:8px 10px;min-height:42px}.flywheel-demo-stage strong{font-size:11px}.flywheel-demo-badge,.flywheel-demo-input{min-height:30px;padding:5px 8px}.flywheel-demo-input{gap:4px;min-height:28px;padding:5px 7px}.flywheel-demo-badge{min-width:78px;max-width:94px}.flywheel-demo-badge span{white-space:normal;text-align:center}.flywheel-demo-input img{width:15px;height:15px}.flywheel-demo-badge span,.flywheel-demo-input span{font-size:10px}.flywheel-demo-input span{font-size:9px}.flywheel-demo-hub{width:52px;height:52px}.flywheel-demo-hub-logo{width:44px;height:44px}.flywheel-demo-loop h3{font-size:21px}.flywheel-demo-final p{font-size:14px}}@media (max-width:520px){.flywheel-demo-input{width:28px;min-width:28px;height:28px;padding:0;justify-content:center}.flywheel-demo-input span{display:none}.flywheel-demo-input img{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.flywheel-demo-badge,.flywheel-demo-input{opacity:1}}