.demo{--d-bg:#fff;--d-side:#f5f9f8;--d-chrome:#f8fbfa;--d-ink:#12201f;--d-ink-2:#23302f;--d-muted:#5f6f6d;--d-faint:#8b9a98;--d-line:#12201f17;--d-hover:#12201f0b;--d-chip:#f1f6f5;--d-card:#fbfdfc;--d-accent:#13a9a4;--d-accent-ink:#0b7f7b;--d-mention:#83ffdb6b;--d-coral:#ff7a5c;--d-coral-ink:#c2452a;--d-green:#16a34a;--d-green-bg:#22c55e1a;--d-primary:#12201f;--d-primary-ink:#fff;background:var(--d-bg);border:1px solid var(--d-line);color:var(--d-ink);text-align:left;isolation:isolate;border-radius:22px;font-size:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280d,0 8px 24px -6px #10182814,0 50px 100px -40px #0c463e59}.demo[data-theme=dark]{--d-bg:#0e1a1c;--d-side:#0a1416;--d-chrome:#0b1517;--d-ink:#eaf4f2;--d-ink-2:#d5e3e0;--d-muted:#95a8a5;--d-faint:#6c807d;--d-line:#ffffff14;--d-hover:#ffffff0d;--d-chip:#ffffff0f;--d-card:#112123;--d-accent:#5ff0d0;--d-accent-ink:#7ff7dc;--d-mention:#5ff0d029;--d-coral-ink:#ff9b80;--d-green:#4ade80;--d-green-bg:#4ade801f;--d-primary:#83ffdb;--d-primary-ink:#06201b;box-shadow:0 0 0 1px #83ffdb0d,0 30px 80px -20px #0009,0 0 120px -30px #2ccbc659}.demo button{font:inherit;cursor:pointer}.demo__chrome{background:var(--d-chrome);border-bottom:1px solid var(--d-line);grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 14px;display:grid}.demo__dots{gap:7px;display:flex}.demo__dots i{background:var(--d-line);width:11px;height:11px;box-shadow:inset 0 0 0 1px var(--d-line);border-radius:50%}.demo__url{background:var(--d-chip);height:27px;color:var(--d-muted);font:500 12px/1 var(--font-mono);border-radius:8px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.demo__url svg{width:11px;height:11px;color:var(--d-faint)}.demo__url-path{color:var(--d-faint)}.demo__live{color:var(--d-faint);font:600 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-self:end;align-items:center;gap:7px;display:inline-flex}.demo__live i{background:var(--d-accent);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite demo-ping;box-shadow:0 0 #13a9a480}.demo__body{grid-template-columns:232px minmax(0,1fr);height:590px;display:grid}.demo__side{background:var(--d-side);border-right:1px solid var(--d-line);padding:14px 10px;font-size:13.5px;overflow:hidden}.demo__ws{align-items:center;gap:9px;padding:2px 8px 12px;font-weight:700;display:flex}.demo__ws svg{width:14px;height:14px;color:var(--d-faint);margin-left:auto}.demo__ws-tile{color:#06302c;background:linear-gradient(160deg,#8bffe0,#1db9b8);border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff80}.demo__nav{gap:1px;display:grid}.demo__nav span,.demo__list li{color:var(--d-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:9px;padding:5px 8px;display:flex}.demo__nav svg{flex-shrink:0;width:15px;height:15px}.demo__nav b{background:var(--d-coral);color:#fff;text-align:center;border-radius:99px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:11px}.demo__nav b.is-bumped{animation:demo-bump .5s var(--ease-spring)}.demo__nav kbd{color:var(--d-faint);font:500 10.5px var(--font-mono);margin-left:auto}.demo__heading{color:var(--d-faint);font:600 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:16px 8px 5px}.demo__list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.demo__list li.is-active{background:var(--d-mention);color:var(--d-ink);font-weight:650}.demo__hash{color:var(--d-faint);font-weight:500}.demo__agent-tile{border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,inset 0 -1px #0000000f}.demo__agent-tile--penny{background:linear-gradient(160deg,#ffeccf,#ffb894)}.demo__agent-tile--scout{background:linear-gradient(160deg,#a3ffe6,#22bdb9)}.demo__agent-tile--patch{background:linear-gradient(160deg,#d6e9ff,#7fb0f2)}.demo__bot{width:74%;height:auto;translate:0 3%}.demo__presence{background:#34c38f;border-radius:50%;width:7px;height:7px;margin-left:auto}.demo__presence[data-state=thinking]{background:#f5b84a;animation:1.4s ease-out infinite demo-ping}.demo__presence[data-state=working]{background:var(--d-accent);animation:1s ease-out infinite demo-ping}.demo__presence[data-state=alert]{background:var(--d-coral);animation:1s ease-out infinite demo-ping-coral}.demo__person{letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:9.5px;font-weight:800;display:grid}.demo__person--a{color:#7a3d1f;background:#fbd9c6}.demo__person--b{color:#2b3f7a;background:#d9e4ff}.demo__person--you{background:var(--d-primary);color:var(--d-primary-ink)}.demo__main{flex-direction:column;min-width:0;min-height:0;display:flex}.demo__head{border-bottom:1px solid var(--d-line);justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;display:flex}.demo__title{font-size:15px;font-weight:750}.demo__meta{color:var(--d-faint);font-size:12px}.demo__status{border:1px solid var(--d-line);height:30px;color:var(--d-muted);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:600;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.demo__status-dot{background:#34c38f;border-radius:50%;width:8px;height:8px}.demo__status[data-state=thinking] .demo__status-dot{background:#f5b84a;animation:1.4s ease-out infinite demo-ping}.demo__status[data-state=working]{background:var(--d-mention);color:var(--d-accent-ink);border-color:#0000}.demo__status[data-state=working] .demo__status-dot{background:var(--d-accent);animation:1s ease-out infinite demo-ping}.demo__status[data-state=alert]{color:var(--d-coral-ink);background:#ff7a5c1f;border-color:#0000}.demo__status[data-state=alert] .demo__status-dot{background:var(--d-coral);animation:1s ease-out infinite demo-ping-coral}.demo__status[data-state=happy]{background:var(--d-green-bg);color:var(--d-green);border-color:#0000}.demo__log{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--d-line) transparent;flex:1;min-height:0;padding:6px 20px 12px;overflow-y:auto}.demo__day{color:var(--d-faint);font:600 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:8px 0 6px;display:flex}.demo__day:before,.demo__day:after{content:"";background:var(--d-line);flex:1;height:1px}.msg{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:7px 0;display:grid}.msg.is-new{animation:demo-in .42s var(--ease-out-expo) both}.msg__avatar{border-radius:10px;width:34px;height:34px;font-size:11.5px}.msg__avatar.demo__person{border-radius:50%}.msg__who{align-items:center;gap:7px;font-size:14px;font-weight:700;line-height:1.3;display:flex}.msg__who time{color:var(--d-faint);font:500 11px var(--font-mono)}.badge{background:var(--d-chip);color:var(--d-muted);font:600 9.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:2px 5px}.msg__text{color:var(--d-ink-2);margin-top:2px;font-size:14.5px;line-height:1.55}.mention{background:var(--d-mention);color:var(--d-accent-ink);border-radius:5px;padding:0 3px;font-weight:650}.typing{background:var(--d-chip);border-radius:99px;align-items:center;gap:4px;height:30px;margin-top:2px;padding:0 12px;display:inline-flex}.typing i{background:var(--d-faint);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite demo-dot}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.demo__mark{flex-shrink:0;width:15px;height:auto}.demo__mark.buzz-mark--alert .bleepy-mark__wave,.demo__mark.buzz-mark--alert .bleepy-mark__bulb{color:var(--d-coral)}.work{border:1px solid var(--d-line);background:var(--d-card);border-radius:14px;max-width:470px;margin-top:4px;padding:11px 14px 12px}.work__head{color:var(--d-accent-ink);align-items:center;gap:8px;font-size:13.5px;display:flex}.work__head b{color:var(--d-ink);font-weight:650}.work__timer{color:var(--d-faint);font:500 11.5px var(--font-mono);margin-left:auto}.work__steps{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.work__steps li{color:var(--d-muted);align-items:center;gap:9px;padding:2px 0;font-size:13px;transition:opacity .3s,color .3s;display:flex}.work__steps li[data-s=todo]{opacity:.45}.work__steps li[data-s=done]{color:var(--d-ink-2)}.work__steps i{border:1.5px solid var(--d-line);border-radius:50%;flex-shrink:0;width:15px;height:15px;position:relative}.work__steps li[data-s=doing] i{border-color:var(--d-line);border-top-color:var(--d-accent);animation:.7s linear infinite demo-spin}.work__steps li[data-s=done] i{border-color:var(--d-accent);background:var(--d-accent);animation:demo-pop .35s var(--ease-spring)}.work__steps li[data-s=done] i:after{content:"";background:var(--d-bg);position:absolute;inset:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-4.9' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat}.ask{background:linear-gradient(#ff7a5c12, transparent 70%), var(--d-card);border:1px solid #ff7a5c61;border-radius:14px;max-width:490px;margin-top:4px;padding:11px 14px 14px;animation:2.2s ease-in-out infinite demo-ask}.ask.is-answered{border-color:var(--d-line);background:var(--d-card);animation:none}.ask__head{color:var(--d-coral-ink);font:650 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;display:flex}.ask.is-answered .ask__head{color:var(--d-faint)}.ask__title{margin-top:7px;font-size:14.5px;font-weight:650}.ask__body{margin-top:10px}.ask__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.ask__btn{border:1px solid var(--d-line);background:var(--d-bg);height:36px;color:var(--d-ink);border-radius:11px;padding:0 14px;font-size:13.5px;font-weight:650;transition:transform .15s,background-color .15s}.ask__btn:hover:not(:disabled){background:var(--d-hover)}.ask__btn:active:not(:disabled){transform:scale(.97)}.ask__btn--primary{--beacon-bg:var(--d-primary);background:var(--d-primary);color:var(--d-primary-ink);border-color:#0000}.ask__btn--primary:hover:not(:disabled){background:var(--d-primary);filter:brightness(1.15)}.ask__btn:disabled{opacity:.45;cursor:default;animation:none}.ask__actions .beacon-hint{margin-left:4px}.doc{border:1px solid var(--d-line);background:var(--d-bg);border-radius:11px;padding:12px}.doc__title{justify-content:space-between;font-size:13px;font-weight:750;display:flex}.doc__title span{color:var(--d-faint);font:500 11px var(--font-mono)}.doc__kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0;display:grid}.doc__kpis div{background:var(--d-chip);border-radius:9px;padding:8px 10px}.doc__kpis dt{color:var(--d-faint);font:600 9.5px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.doc__kpis dd{white-space:nowrap;margin:4px 0 0;font-size:15px;font-weight:750}.doc__kpis em{color:var(--d-green);font-size:11px;font-style:normal}.doc__line{color:var(--d-muted);margin-top:8px;font-size:12.5px;line-height:1.5}.doc__line b{color:var(--d-ink-2)}.diff{border:1px solid var(--d-line);background:var(--d-bg);border-radius:11px;overflow:hidden}.diff__file{border-bottom:1px solid var(--d-line);background:var(--d-chip);color:var(--d-muted);font:500 11.5px var(--font-mono);padding:7px 11px}.diff pre{font:500 12.5px/1.7 var(--font-mono);white-space:pre;margin:0;padding:6px 0;overflow-x:auto}.diff pre span{padding:0 11px;display:block}.diff__del{color:#b42318;background:#f044381a}.diff__add{color:#067647;background:#22c55e1f}.demo[data-theme=dark] .diff__del{color:#ff9c94}.demo[data-theme=dark] .diff__add{color:#6ee7a0}.bars{gap:8px;max-width:380px;margin-top:10px;display:grid}.bars p{grid-template-columns:96px minmax(0,1fr) 22px;align-items:center;gap:10px;font-size:12.5px;display:grid}.bars i{background:var(--d-chip);border-radius:99px;height:8px;position:relative;overflow:hidden}.bars i:after{content:"";width:var(--w);animation:demo-grow .9s var(--ease-out-expo) both;background:linear-gradient(90deg,#83ffdb,#13a9a4);border-radius:99px;position:absolute;inset:0 auto 0 0}.bars p:nth-child(2) i:after{animation-delay:.1s}.bars p:nth-child(3) i:after{animation-delay:.2s}.bars b{color:var(--d-muted);font:600 12px var(--font-mono);text-align:right}.demo__note{background:var(--d-green-bg);width:fit-content;color:var(--d-green);border-radius:99px;align-items:center;gap:6px;margin:4px 0 4px 46px;padding:4px 11px;font-size:12px;font-weight:650;display:flex}.demo__note.is-new{animation:demo-in .4s var(--ease-out-expo) both}.demo__foot{padding:8px 20px 16px}.demo__tasks{scrollbar-width:none;align-items:center;gap:8px;margin:0 -20px 10px;padding:2px 20px;display:flex;overflow-x:auto}.demo__tasks.is-overflowing{mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}@media (width>=761px){.demo__tasks{margin:0 -20px 12px;padding:6px 20px}}.demo__tasks::-webkit-scrollbar{display:none}.demo__try{color:var(--d-faint);font:600 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.demo__task{border:1px solid var(--d-line);background:var(--d-bg);height:33px;color:var(--d-ink-2);white-space:nowrap;transition:transform .2s var(--ease-spring), border-color .2s, box-shadow .2s, opacity .2s;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:550;display:inline-flex}.demo__task:hover:not(:disabled){border-color:var(--d-accent);transform:translateY(-2px);box-shadow:0 6px 16px -6px #13a9a473}.demo__task{--beacon-bg:var(--d-bg)}.demo__task.is-beacon{color:var(--d-ink)}.demo__composer{--beacon-bg:var(--d-bg)}.demo__composer.is-guiding input::placeholder{color:var(--d-accent-ink);font-weight:600}.demo__task:disabled{opacity:.45;cursor:default}.demo__task .mention{font-size:12.5px}.demo__task.is-done:before{content:"✓";color:var(--d-green);font-weight:800}.demo__task.is-done .demo__task-label{display:none}.demo__tasks.is-hinting .demo__task{animation:1.2s ease-in-out 2 demo-hint}.demo__composer{border:1px solid var(--d-line);background:var(--d-bg);border-radius:15px;align-items:center;gap:8px;padding:6px 6px 6px 14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 2px #1018280a}.demo__composer:focus-within{border-color:var(--d-accent);box-shadow:0 0 0 4px #2ccbc626}.demo__composer.is-nudged{animation:.4s demo-shake}.demo__composer input{min-width:0;height:36px;color:var(--d-ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14.5px}.demo__composer input::placeholder{color:var(--d-faint)}.demo__send{background:var(--d-primary);width:36px;height:36px;color:var(--d-primary-ink);border:0;border-radius:11px;place-items:center;transition:transform .15s,background-color .2s;display:grid}.demo__send svg{width:16px;height:16px}.demo__composer.is-sending .demo__send{background:var(--d-accent);transform:scale(.88)}.demo__mentions{z-index:2;border:1px solid var(--d-line);background:var(--d-bg);width:270px;animation:demo-in .25s var(--ease-out-expo);border-radius:13px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:8px;box-shadow:0 18px 40px -12px #10182840}.demo__mentions button{width:100%;color:var(--d-ink);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:7px 8px;display:flex}.demo__mentions button:hover,.demo__mentions button:focus-visible{background:var(--d-hover)}.demo__mentions button[hidden]{display:none}.demo__mentions b{font-size:13.5px}.demo__mentions span:last-child{color:var(--d-faint);font-size:12px}@media (width<=760px){.demo{border-radius:18px}.demo__body{grid-template-columns:minmax(0,1fr);height:540px}.demo__side,.demo__live,.demo__meta{display:none}.demo__chrome{grid-template-columns:auto 1fr;gap:12px}.demo__url{justify-self:center;margin-right:36px}.demo__head{padding:9px 14px}.demo__log{padding:4px 14px 10px}.demo__foot{padding:6px 12px 12px}.demo__tasks{margin:0 -12px 8px;padding:2px 12px}.msg{grid-template-columns:30px minmax(0,1fr);gap:10px}.msg__avatar{width:30px;height:30px}.demo__note{margin-left:40px}.doc__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes demo-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes demo-dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes demo-spin{to{transform:rotate(360deg)}}@keyframes demo-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes demo-ping{0%{box-shadow:0 0 #13a9a480}to{box-shadow:0 0 0 7px #13a9a400}}@keyframes demo-ping-coral{0%{box-shadow:0 0 #ff7a5c8c}to{box-shadow:0 0 0 7px #ff7a5c00}}@keyframes demo-ring{0%{box-shadow:0 0 #2ccbc68c}to{box-shadow:0 0 0 9px #2ccbc600}}@keyframes demo-ask{0%,to{box-shadow:0 0 #ff7a5c00}50%{box-shadow:0 0 0 5px #ff7a5c17}}@keyframes demo-nudge{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes demo-grow{0%{width:0}}@keyframes demo-bump{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes demo-hint{0%,to{border-color:var(--d-line);transform:none}50%{border-color:var(--d-accent);transform:translateY(-3px)}}@keyframes demo-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}