.d-demo{--bg:#fff;--fg:#111827;--mute:#6b7280;--line:#e5e7eb;--soft:#f7f8fa;background:var(--bg);color:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:18px;width:100%;max-width:100%;font-size:13px;line-height:1.3;position:relative;overflow:hidden}.d-demo.dark{--bg:#111318;--fg:#f3f4f6;--mute:#9ca3af;--line:#ffffff1a;--soft:#ffffff0d}.d-bar{border-bottom:1px solid var(--line);background:var(--soft);align-items:center;gap:6px;padding:10px 14px;display:flex}.d-bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.d-bar span{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:11px;font-weight:500;overflow:hidden}.d-body{min-height:220px;padding:14px;position:relative}.d-pill{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600}.d-pill.ok{background:var(--ok-bg);color:var(--ok)}.d-pill.warn{background:var(--warn-bg);color:var(--warn)}.d-pill.bad{background:var(--bad-bg);color:var(--bad)}.d-pill.info{background:var(--info-bg);color:var(--info)}.d-pill.anon{background:var(--anon-bg);color:var(--anon)}.d-pill.muted{background:var(--soft);color:var(--mute)}.d-demo.dark .d-pill.muted{background:#ffffff14}.d-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 8px;display:grid}.d-row b{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.d-row>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.d-due{color:var(--mute);font-variant-numeric:tabular-nums;text-align:right;min-width:48px;font-size:12px}.d-row.d-new{background:var(--brand-soft);opacity:0;border-bottom:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;margin-bottom:4px;transform:translateY(-12px)}.d-demo.on .d-row.d-new{animation:.6s cubic-bezier(.2,.7,.2,1) .4s forwards d-land}.d-row.d-new .d-due{color:var(--fg)}.d-demo.dark .d-row.d-new{background:#ffffff1a}.d-ava{background:var(--ink-900);color:#fff;opacity:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid;transform:scale(.4)}.d-demo.on .d-ava{animation:.4s cubic-bezier(.2,.9,.3,1.4) 2.2s forwards d-pop}.d-risk{opacity:0}.d-demo.on .d-risk{animation:.4s 1.4s forwards d-fade}.d-toast{background:var(--ink-900);color:#fff;opacity:0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:500;display:flex;position:absolute;bottom:12px;left:14px;right:14px;transform:translateY(10px)}.d-toast .ic{color:#6ee7a8;width:16px;height:16px}.d-demo.on .d-toast{animation:.5s cubic-bezier(.2,.7,.2,1) 3s forwards d-land}.d-demo.dark .d-toast{color:#111;background:#fff}.d-clocks .d-body{flex-direction:column;gap:14px;display:flex}.d-clock{flex-direction:column;gap:6px;display:flex}.d-clock-h{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.d-clock-h b{font-weight:600}.d-clock-h span,.d-clock small{color:var(--mute);font-size:11px}.d-track{background:var(--soft);border:1px solid var(--line);border-radius:999px;height:10px;position:relative;overflow:hidden}.d-track i{border-radius:inherit;background:var(--ok);width:0;position:absolute;inset:0}.d-track.warn i{background:var(--warn)}.d-track.bad i{background:var(--bad)}.d-track u{background:var(--mute);opacity:.5;width:1px;position:absolute;top:0;bottom:0}.d-demo.on .d-track i{animation:d-fill 1.4s calc(var(--i) * .35s + .3s) cubic-bezier(.2,.7,.2,1) forwards}.d-talk{--bg:#fff;--fg:#111827;--mute:#6b7280;--line:#e5e7eb;--soft:#f7f8fa;background:var(--bg);color:var(--fg);border-radius:inherit;flex-direction:column;height:100%;min-height:420px;font-size:13.5px;line-height:1.4;display:flex;position:relative;overflow:hidden}.d-talk.dark{--bg:#111318;--fg:#f3f4f6;--mute:#9ca3af;--line:#ffffff1a;--soft:#ffffff0f}.d-talk-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.d-lang,.d-mask{background:var(--soft);color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.d-mask.on{background:var(--anon-bg);color:var(--anon)}.d-lang .ic,.d-mask .ic{width:14px;height:14px}.d-talk-body{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:14px;display:flex;overflow:hidden}.d-msg{word-break:break-word;border-radius:16px;max-width:84%;padding:9px 12px;animation:.35s cubic-bezier(.2,.7,.2,1) both d-land}.d-msg.a{background:var(--soft);border-bottom-left-radius:5px;align-self:flex-start}.d-msg.u{background:var(--ink-900);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.d-talk.dark .d-msg.u{color:#111;background:#fff}[dir=rtl] .d-msg.a{border-radius:16px 16px 5px;align-self:flex-end}[dir=rtl] .d-msg.u{border-radius:16px 16px 16px 5px;align-self:flex-start}.d-msg[lang=hi]{font-family:var(--hi)}.d-msg[lang=ar]{font-family:Noto Naskh Arabic,Geeza Pro,Segeo UI,system-ui,sans-serif;font-size:15px}.d-caret{vertical-align:-2px;background:currentColor;width:2px;height:1em;margin-inline-start:2px;animation:1s steps(2,end) infinite d-blink;display:inline-block}.d-wave{align-items:center;gap:3px;height:16px;display:inline-flex}.d-wave i{background:currentColor;border-radius:2px;width:3px;height:6px;animation:.9s ease-in-out infinite d-wave}.d-wave i:nth-child(2){animation-delay:.1s}.d-wave i:nth-child(3){animation-delay:.2s}.d-wave i:nth-child(4){animation-delay:.3s}.d-wave i:nth-child(5){animation-delay:.4s}.d-wave i:nth-child(6){animation-delay:.5s}.d-wave i:nth-child(7){animation-delay:.6s}.d-sent{background:var(--ok-bg);color:var(--ok);border-radius:999px;align-self:center;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;animation:.45s cubic-bezier(.2,.9,.3,1.3) both d-pop;display:inline-flex}.d-sent .ic{width:15px;height:15px}.d-talk-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.d-micbtn{background:var(--brand);color:#fff;width:44px;height:44px;box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 50%,transparent);border-radius:50%;flex:none;place-items:center;display:grid}.d-talk.on .d-micbtn{animation:2.2s infinite s-pulse}.d-micbtn .ic{width:20px;height:20px}.d-field{background:var(--soft);color:var(--mute);border-radius:999px;flex:1;padding:11px 14px}.d-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.d-kpis div{background:var(--soft);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.d-kpis small{color:var(--mute);font-size:11px}.d-kpis b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:18px}.d-bars{align-items:flex-end;gap:6px;height:120px;padding:0 4px;display:flex}.d-bars i{height:var(--h);background:linear-gradient(180deg,var(--brand),var(--brand-2));transform-origin:bottom;border-radius:6px 6px 2px 2px;flex:1;transform:scaleY(0)}.d-demo.on .d-bars i{animation:d-grow .8s calc(var(--i) * 60ms + .2s) cubic-bezier(.2,.7,.2,1) forwards}.d-legend{color:var(--mute);justify-content:space-between;padding:6px 4px 0;font-size:11px;display:flex}.d-chain ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.d-chain li{border:1px solid var(--line);background:var(--soft);opacity:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex;transform:translate(-8px)}.d-chain.on li{animation:d-slide .45s calc(var(--i) * .3s + .2s) cubic-bezier(.2,.7,.2,1) forwards}.d-hash{color:var(--mute);min-width:44px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.d-chain li b{flex:1;font-weight:500}.d-link{width:14px;height:14px;color:var(--ok)}.d-chain li:nth-child(3){--late:1}.d-chain.on li:nth-child(3){animation:.45s cubic-bezier(.2,.7,.2,1) .8s forwards d-slide,.6s 3.2s forwards d-break}.d-tamper{background:var(--bad-bg);color:var(--bad);opacity:0;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.d-tamper .ic{width:15px;height:15px}.d-demo.on .d-tamper{animation:.4s 3.4s forwards d-fade}@keyframes d-land{to{opacity:1;transform:none}}@keyframes d-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes d-fade{to{opacity:1}}@keyframes d-fill{to{width:var(--p)}}@keyframes d-grow{to{transform:scaleY(1)}}@keyframes d-slide{to{opacity:1;transform:none}}@keyframes d-break{to{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}}.d-chain li b{color:inherit}@keyframes d-blink{to{opacity:0}}@keyframes d-wave{0%,to{height:5px}50%{height:16px}}@media (prefers-reduced-motion:reduce){.d-demo *,.d-talk *{animation:none!important}.d-row.d-new,.d-ava,.d-risk,.d-toast,.d-chain li,.d-tamper{opacity:1;transform:none}.d-track i{width:var(--p)}.d-bars i{transform:none}}@media (max-width:560px){.d-kpis{grid-template-columns:1fr 1fr}.d-row.d-new .d-pill.anon{display:none}}.d-reply .d-body{flex-direction:column;gap:10px;padding-bottom:64px;display:flex}.d-sysnote{color:var(--anon);background:var(--anon-bg);border-radius:10px;padding:8px 12px;font-size:12px}.d-rmsg{opacity:0;border-radius:16px;flex-direction:column;gap:4px;max-width:88%;padding:10px 13px;font-size:13.5px;line-height:1.45;display:flex;transform:translateY(8px)}.d-rmsg b{color:var(--mute);font-size:11px;font-weight:600}.d-rmsg small{color:var(--mute);margin-top:2px;font-size:11.5px}.d-rmsg.them{background:var(--soft);font-family:var(--hi);border-bottom-left-radius:5px;align-self:flex-start}.d-rmsg.them small{font-family:var(--font)}.d-rmsg.me{background:var(--ink-900);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.d-rmsg.me b,.d-rmsg.me small{color:#ffffffb8}.d-demo.on .d-rmsg.them{animation:.5s cubic-bezier(.2,.7,.2,1) .3s forwards d-land}.d-demo.on .d-rmsg.me{animation:.5s cubic-bezier(.2,.7,.2,1) 1.8s forwards d-land}.d-reply .d-toast{animation-delay:3.2s!important}.d-setup .d-body{flex-direction:column;gap:12px;padding-bottom:64px;display:flex}.d-progress{background:var(--soft);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.d-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--brand),#f28a4c);width:0;height:100%;display:block}.d-demo.on .d-progress i{--p:100%;animation:3.6s linear .3s forwards d-fill}.d-setup ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.d-setup li{background:var(--soft);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.d-tick{background:var(--line);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid;transform:scale(.9)}.d-tick .ic{opacity:0;width:13px;height:13px}.d-num{color:var(--mute);min-width:12px;font-size:11px}.d-demo.on .d-tick{animation:d-tick .35s calc(var(--i) * .6s + .4s) cubic-bezier(.2,.9,.3,1.3) forwards}.d-demo.on .d-tick .ic{animation:d-fade .2s calc(var(--i) * .6s + .5s) forwards}.d-toast.live{background:var(--ok);color:#fff}.d-toast.live .ic{color:#fff}.d-setup .d-toast{animation-delay:4.2s!important}@keyframes d-tick{to{background:var(--ok);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.d-rmsg{opacity:1;transform:none}.d-progress i{width:100%}.d-tick{background:var(--ok)}.d-tick .ic{opacity:1}}