.demo-stage{position:absolute;top:0;left:0;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-align:left;font-size:14px;line-height:1.4;letter-spacing:normal;font-weight:400;color:#14171f;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;--demo-surround:var(--bg,#f6f7fb);--demo-glow:var(--glow,rgba(88,101,242,0.16));background:var(--demo-surround)}.demo-stage *,.demo-stage :after,.demo-stage :before{box-sizing:border-box}.demo-stage,.demo-stage *{pointer-events:none!important}.demo-stage .dc,.demo-stage .dc *,.demo-stage .dc :after,.demo-stage .dc :before{animation:none!important;transition:none!important}.demo-layer{position:absolute;inset:0;overflow:hidden;transform-origin:50% 50%}.demo-world{position:absolute;top:0;left:0;transform-origin:0 0}.demo-cursor{position:absolute;z-index:50;width:26px;height:26px;transform-origin:4px 3px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.demo-click{position:absolute;z-index:49;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(88,101,242,.18);border:2px solid rgba(88,101,242,.75)}.demo-fade{position:absolute;inset:0;z-index:100;background:var(--demo-surround)}.demo-stage .dc .fake-textarea{flex:1;min-width:0;font:15px/1.4 var(--font);color:var(--w-fg);padding:7px 0;min-height:35px;white-space:pre-wrap}.demo-stage .dc .fake-textarea .ph{color:var(--w-faint);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-stage .dc .caret{display:inline-block;width:1.5px;height:18px;margin-left:1px;background:var(--dc-accent);vertical-align:-4px}.demo-stage .dc .fake-input{font:14.5px/1.3 var(--font);color:var(--w-fg);background:var(--w-bg);border:1px solid var(--w-line-strong);border-radius:11px;padding:9px 11px;min-height:38px;white-space:pre}.demo-stage .dc .fake-input[data-focus]{border-color:var(--dc-accent);box-shadow:0 0 0 4px var(--dc-accent-soft)}.demo-stage .dc .fake-input i{font-style:normal;color:var(--w-faint)}.demo-stage .dc .dc-send.is-off{background:var(--w-sunken);color:var(--w-faint);transform:scale(.86);box-shadow:none}.demo-stage .dc .dc-scroll.is-static{overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.demo-stage .dc .dc-scroll.is-static>.dc-content{flex:none;min-height:100%}.demo-sr{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dc,.demo-sr{position:absolute}.dc{--dc-accent:#5865f2;--dc-accent-2:#4a55cc;--dc-on-accent:#fff;--dc-on-grad:#fff;--dc-accent-soft:rgba(88,101,242,.14);--dc-accent-text:#4a55cc;--w-bg:#ffffff;--w-raised:#ffffff;--w-sunken:#f2f3f7;--w-bubble:#f0f1f5;--w-line:rgba(18,22,33,.08);--w-line-strong:rgba(18,22,33,.15);--w-fg:#14171f;--w-fg-2:#3b404c;--w-muted:#6a7080;--w-faint:#9499a5;--w-online:#23a55a;--w-idle:#f0b232;--w-dnd:#f23f43;--w-offline:#80848e;--w-danger:#e5484d;--w-success:#1f9d55;--w-warn:#c98a0c;--w-badge:#f23f43;--w-shadow:0 1px 2px rgba(16,20,30,.06),0 10px 28px -8px rgba(16,20,30,.18),0 30px 70px -18px rgba(16,20,30,.28);--w-card-shadow:0 1px 2px rgba(16,20,30,.05),0 6px 18px -10px rgba(16,20,30,.2);--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.45,.64,1);--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--edge:20px;inset:0;z-index:1;pointer-events:none;font-family:var(--font);color:var(--w-fg);font-size:14px;line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}.dc[data-theme=dark]{--w-bg:#232428;--w-raised:#2b2d31;--w-sunken:#1c1d21;--w-bubble:#34363c;--w-line:rgba(255,255,255,.07);--w-line-strong:rgba(255,255,255,.13);--w-fg:#f2f3f5;--w-fg-2:#d5d7dc;--w-muted:#a4a8b2;--w-faint:#7d828d;--w-shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px -8px rgba(0,0,0,.55),0 30px 80px -18px rgba(0,0,0,.6);--w-card-shadow:0 1px 2px rgba(0,0,0,.25);color-scheme:dark}.dc *,.dc :after,.dc :before{box-sizing:border-box}:where(.dc) button{font:inherit;color:inherit;margin:0}:where(.dc) :is(p,h1,h2,h3,h4,ul,ol,form){margin:0;padding:0}.dc :focus-visible{outline:2px solid var(--dc-accent);outline-offset:2px}.dc [hidden]{display:none!important}.dc svg{display:block;flex:none}.dc img{max-width:100%}.dc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dc-launcher{pointer-events:auto;position:absolute;bottom:calc(var(--edge) + env(safe-area-inset-bottom, 0px));right:var(--edge);width:56px;height:56px;border-radius:50%;border:0;padding:0;cursor:pointer;background:linear-gradient(145deg,var(--dc-accent) 0,var(--dc-accent-2) 100%);color:var(--dc-on-grad);box-shadow:0 2px 4px rgba(16,20,30,.12),0 10px 26px -6px color-mix(in srgb,var(--dc-accent) 60%,transparent);transition:transform .35s var(--ease-spring),opacity .2s}.dc[data-pos=left] .dc-launcher{right:auto;left:var(--edge)}.dc-launcher:hover{transform:translateY(-2px) scale(1.04)}.dc-launcher:active{transform:scale(.93);transition-duration:.1s}.dc-launcher .ic{position:absolute;inset:0;display:grid;place-items:center;transition:transform .4s var(--ease-spring),opacity .2s}.dc-launcher .ic-close{opacity:0;transform:rotate(-90deg) scale(.6)}.dc-launcher.is-open .ic-chat{opacity:0;transform:rotate(90deg) scale(.6)}.dc-launcher.is-open .ic-close{opacity:1;transform:none}.dc-launcher.has-unread:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--dc-accent);animation:dc-halo 2.4s var(--ease-out) infinite;pointer-events:none}@keyframes dc-halo{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.55);opacity:0}}.dc-badge{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--w-badge);color:#fff;font:700 12px/22px var(--font);text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2.5px #fff}.dc-preview{pointer-events:auto;position:absolute;right:var(--edge);bottom:calc(var(--edge) + 70px + env(safe-area-inset-bottom, 0px));width:300px;max-width:calc(100% - 2 * var(--edge));background:var(--w-raised);color:var(--w-fg);border:1px solid var(--w-line);border-radius:18px 18px 6px 18px;padding:12px 14px;box-shadow:var(--w-shadow);cursor:pointer;display:grid;grid-template-columns:34px 1fr;gap:10px;transform-origin:bottom right}.dc[data-pos=left] .dc-preview{right:auto;left:var(--edge);border-radius:18px 18px 18px 6px;transform-origin:bottom left}.dc-preview .who{font-size:12.5px;color:var(--w-muted);margin-bottom:2px}.dc-preview .who b{color:var(--w-fg);font-weight:600}.dc-preview .txt{font-size:14px;color:var(--w-fg-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.dc-preview .x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:0;background:var(--w-fg);color:var(--w-bg);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0}.dc-preview:focus-within .x,.dc-preview:hover .x{opacity:1}@media (hover:none){.dc-preview .x{opacity:1}}.dc-panel{pointer-events:auto;position:absolute;right:var(--edge);bottom:calc(var(--edge) + 70px + env(safe-area-inset-bottom, 0px));width:384px;height:min(680px,calc(100% - 110px));max-width:calc(100% - 2 * var(--edge));background:var(--w-bg);border-radius:22px;box-shadow:var(--w-shadow);border:1px solid var(--w-line);overflow:hidden;display:flex;flex-direction:column;transform-origin:bottom right}.dc[data-pos=left] .dc-panel{right:auto;left:var(--edge);transform-origin:bottom left}.dc[data-theme=dark] .dc-panel{border:0}.dc-views{position:relative;flex:1;min-height:0}.dc-view{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--w-bg)}.dc-head{background:linear-gradient(160deg,var(--dc-accent) 0,var(--dc-accent-2) 100%);color:var(--dc-on-grad);position:relative;flex:none;isolation:isolate}.dc-head:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 100% 0,rgba(255,255,255,.22),transparent 55%),radial-gradient(80% 60% at 0 100%,rgba(0,0,0,.12),transparent 60%)}.dc[data-flat] .dc-head:before{display:none}.dc-hbtn{width:34px;height:34px;border-radius:10px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:inherit;flex:none;padding:0;transition:background .15s,transform .2s var(--ease-spring)}.dc-hbtn:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.dc-hbtn:active{transform:scale(.9)}.dc-hbtn .ic-down{display:none}.dc-head--compact{gap:6px;padding:12px 10px;min-height:66px}.dc-head--compact,.dc-head-id{display:flex;align-items:center}.dc-head-id{flex:1;min-width:0;gap:10px;padding-left:4px}.dc-head-id .tx{min-width:0}.dc-head-id .t{font-weight:650;font-size:15.5px;line-height:1.2;text-overflow:ellipsis}.dc-head-id .s,.dc-head-id .t{white-space:nowrap;overflow:hidden}.dc-head-id .s{font-size:12.5px;opacity:.85;display:flex;align-items:center;gap:6px;margin-top:1px}.dc-head-id .s span:last-child{overflow:hidden;text-overflow:ellipsis}.dc-head-id .mini{display:flex;flex:none}.dc-head-id .mini .dc-av{margin-left:-5px;box-shadow:0 0 0 1.5px var(--dc-accent)}.dc-head-id .mini .dc-av:first-child{margin-left:0}.dc-av{--s:28px;width:var(--s);height:var(--s);border-radius:50%;flex:none;position:relative;display:grid;place-items:center;font:650 calc(var(--s) * .4) /1 var(--font);color:#fff;letter-spacing:-.02em;background:linear-gradient(140deg,hsl(var(--h,230) 72% 64%),hsl(calc(var(--h, 230) + 28) 62% 46%))}.dc-av img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.dc-av .dot{position:absolute;right:-2px;bottom:-2px;width:calc(var(--s) * .34);height:calc(var(--s) * .34);min-width:9px;min-height:9px;border-radius:50%;box-shadow:0 0 0 2.5px var(--ring,var(--w-bg))}.dot.online{background:var(--w-online)}.dot.idle{background:var(--w-idle)}.dot.dnd{background:var(--w-dnd)}.dot.invisible,.dot.offline{background:var(--w-offline)}.dc-head .dc-av .dot{--ring:var(--dc-accent-2)}.dc-guild{--s:36px;width:var(--s);height:var(--s);border-radius:calc(var(--s) * .3);background:var(--dc-accent-2);color:var(--dc-on-grad);display:grid;place-items:center;flex:none;position:relative;font:700 calc(var(--s) * .42) /1 var(--font);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.dc-guild img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;display:block}.dc-guild .dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 2.5px var(--ring,var(--dc-accent-2))}.dc-hero{padding:16px 16px 58px}.dc-hero .top{display:flex;align-items:center;justify-content:space-between}.dc-hero h2{font:700 26px/1.12 var(--font);letter-spacing:-.02em;margin:22px 4px 6px;text-wrap:balance;color:inherit}.dc-hero p{margin:0 4px;font-size:14.5px;opacity:.88;line-height:1.45}.dc-team{align-items:center;gap:10px;margin:16px 4px 0;font-size:13px}.dc-team,.dc-team .stack{display:flex}.dc-team .stack .dc-av{--s:30px;margin-left:-8px;box-shadow:0 0 0 2px var(--dc-accent-2)}.dc-team .stack .dc-av:first-child{margin-left:0}.dc-team .stack .dc-av .dot{--ring:var(--dc-accent-2)}.dc-home-body{flex:1;min-height:0;overflow-y:auto;margin-top:-40px;padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;position:relative;scrollbar-width:thin}.dc-card{background:var(--w-raised);border:1px solid var(--w-line);border-radius:16px;box-shadow:var(--w-card-shadow)}.dc-cta{display:flex;align-items:center;gap:12px;width:100%;padding:14px 14px 14px 16px;text-align:left;cursor:pointer;color:var(--w-fg);transition:transform .25s var(--ease-spring),box-shadow .2s}.dc-cta:hover{transform:translateY(-1px);box-shadow:var(--w-shadow)}.dc-cta .tx{flex:1;min-width:0}.dc-cta b{display:block;font-size:15px;font-weight:650}.dc-cta small{display:block;font-size:13px;color:var(--w-muted);margin-top:2px}.dc-cta .go{width:36px;height:36px;border-radius:50%;background:var(--dc-accent);color:var(--dc-on-accent);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease-spring)}.dc-cta:hover .go{transform:translateX(3px)}.dc-cta.is-paused{cursor:default}.dc-cta.is-paused:hover{transform:none;box-shadow:var(--w-card-shadow)}.dc-eyebrow{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--w-faint);padding:12px 16px 2px}.dc-list{padding:4px}.dc-conv{display:flex;gap:12px;align-items:center;width:100%;padding:12px 14px 12px 12px;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:12px;color:var(--w-fg);position:relative;transition:background .15s}.dc-conv:hover{background:var(--w-sunken)}.dc-conv .tx{flex:1;min-width:0}.dc-conv .l1{display:flex;gap:8px;align-items:baseline}.dc-conv .l1 b{font-size:14px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-conv .l1 time{font-size:12px;color:var(--w-faint);flex:none}.dc-conv .l2{display:block;font-size:13px;color:var(--w-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.dc-conv.is-unread .l2{color:var(--w-fg);font-weight:550}.dc-conv .count{background:var(--w-badge);color:#fff;font:700 11px/20px var(--font);min-width:20px;height:20px;border-radius:10px;text-align:center;padding:0 6px;flex:none}.dc-conv .chev{color:var(--w-faint);flex:none}.dc-list .dc-conv+.dc-conv:before{content:"";position:absolute;left:64px;right:14px;top:0;height:1px;background:var(--w-line)}.dc-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--w-sunken);color:var(--w-muted);margin-right:4px;vertical-align:1px}.dc-pill.ok{color:var(--w-success);background:color-mix(in srgb,var(--w-success) 12%,transparent)}.dc-empty{padding:14px 16px 16px;font-size:13px;color:var(--w-muted)}.dc-empty button{border:0;background:none;padding:0;color:var(--dc-accent-text);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.dc-skel-row{display:flex;gap:12px;align-items:center;padding:12px}.dc-skel i,.dc-skel-row i{display:block;border-radius:999px;background:linear-gradient(90deg,var(--w-sunken) 0,var(--w-bubble) 40%,var(--w-sunken) 80%);background-size:300% 100%;animation:dc-shimmer 1.2s linear infinite}.dc-skel-row i:first-child{width:40px;height:40px;flex:none}.dc-skel-row span{flex:1;display:flex;flex-direction:column;gap:7px}.dc-skel-row span i{height:10px;width:60%}.dc-skel-row span i+i{width:85%}@keyframes dc-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.dc-conn{overflow:hidden;flex:none;font-size:12.5px;font-weight:550;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px}.dc-conn.is-down{background:color-mix(in srgb,var(--w-warn) 14%,var(--w-bg));color:var(--w-warn)}.dc-conn.is-up{background:color-mix(in srgb,var(--w-success) 13%,var(--w-bg));color:var(--w-success)}.dc-spin{width:13px;height:13px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:dc-rot .8s linear infinite}@keyframes dc-rot{to{transform:rotate(1turn)}}.dc-scroll-wrap{flex:1;display:flex;flex-direction:column}.dc-scroll,.dc-scroll-wrap{min-height:0;position:relative}.dc-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--w-line-strong) transparent;overscroll-behavior:contain}.dc-welcome{padding:34px 28px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.dc-welcome .stack{display:flex;margin-bottom:8px}.dc-welcome .stack .dc-av{--s:44px;margin-left:-12px;box-shadow:0 0 0 3px var(--w-bg)}.dc-welcome .stack .dc-av:first-child{margin-left:0}.dc-welcome .stack .dc-av .dot{--ring:var(--w-bg)}.dc-welcome h3{margin:0;font-size:19px;font-weight:700;letter-spacing:-.015em;text-wrap:balance;color:var(--w-fg)}.dc-welcome p{margin:0;font-size:13.5px;color:var(--w-muted);max-width:30ch;line-height:1.5;text-wrap:balance}.dc-msgs{display:flex;flex-direction:column;padding:6px 14px}.dc-day{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--w-faint);margin:16px 6px 2px}.dc-day:after,.dc-day:before{content:"";flex:1;height:1px;background:var(--w-line)}.dc-row{display:flex;gap:8px;align-items:flex-end;margin-top:2px}.dc-row.is-first{margin-top:12px}.dc-row--me{justify-content:flex-end}.dc-row.is-deleted{animation:dc-collapse .38s var(--ease-out) forwards;overflow:hidden}@keyframes dc-collapse{0%{max-height:600px;opacity:1}to{max-height:0;opacity:0;margin-top:0;transform:scale(.96)}}.dc-row-av{width:28px;flex:none;visibility:hidden}.dc-row.is-last .dc-row-av{visibility:visible}.dc-stack{display:flex;flex-direction:column;gap:3px;max-width:80%;min-width:0;align-items:flex-start}.dc-row--me .dc-stack{align-items:flex-end}.dc-name{display:none;font-size:12px;color:var(--w-muted);margin:0 0 1px 4px}.dc-name b{color:var(--w-fg-2);font-weight:600;margin-right:4px}.dc-row.is-first .dc-name{display:block}.dc-bubble{padding:8px 13px 9px;font-size:14.5px;line-height:1.42;overflow-wrap:anywhere;background:var(--w-bubble);color:var(--w-fg);border-radius:6px 18px 18px 6px;max-width:100%;white-space:normal;transition:background .6s}.dc-row--agent.is-first .dc-bubble{border-top-left-radius:18px}.dc-row--agent.is-last .dc-bubble{border-bottom-left-radius:18px}.dc-row--me .dc-bubble{background:var(--dc-accent);color:var(--dc-on-accent);border-radius:18px 6px 6px 18px}.dc-row--me.is-first .dc-bubble{border-top-right-radius:18px}.dc-row--me.is-last .dc-bubble{border-bottom-right-radius:18px}.dc-row.is-pending .dc-bubble,.dc-row.is-pending .dc-file,.dc-row.is-pending .dc-img{opacity:.62}.dc-bubble a{color:var(--dc-accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.dc-row--me .dc-bubble a{color:inherit}.dc-bubble code{font:12.5px/1.4 var(--mono);background:color-mix(in srgb,currentColor 11%,transparent);padding:1px 5px;border-radius:5px}.dc-bubble pre{margin:6px 0 2px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,currentColor 8%,transparent);overflow-x:auto;white-space:pre}.dc-bubble pre code{background:none;padding:0;font-size:12px}.dc-bubble strong{font-weight:650}.dc-bubble .dc-quote{display:inline-block;border-left:3px solid color-mix(in srgb,currentColor 30%,transparent);padding-left:8px}.dc-cemoji{width:20px;height:20px;vertical-align:-5px;display:inline-block;-o-object-fit:contain;object-fit:contain}.dc-bubble.is-jumbo{background:none!important;padding:0 2px;font-size:40px;line-height:1.15}.dc-bubble.is-jumbo .dc-cemoji{width:46px;height:46px}.dc-spoiler{background:var(--w-fg);color:transparent;border-radius:4px;cursor:pointer;transition:background .25s,color .25s;padding:0 2px}.dc-row--me .dc-spoiler{background:var(--dc-on-accent)}.dc-spoiler.is-shown{background:color-mix(in srgb,currentColor 12%,transparent)!important;color:inherit;cursor:auto}.dc-edited{font-size:11px;color:var(--w-faint);margin-left:4px}.dc-row--me .dc-edited{color:inherit;opacity:.7}.dc-bubble.is-flash{background:color-mix(in srgb,var(--dc-accent) 22%,var(--w-bubble));transition:none}.dc-status{display:none;align-items:center;gap:4px;font-size:11.5px;color:var(--w-faint);margin:1px 4px 0}.dc-row.show-status .dc-status,.dc-status.is-failed,.dc-status.is-pending{display:flex}.dc-status.is-failed{color:var(--w-danger)}.dc-status button{border:0;background:none;padding:0;color:inherit;font-weight:650;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.dc-event{align-self:center;display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--w-muted);margin:14px 0 4px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--w-sunken);max-width:92%}.dc-event .dc-av{--s:20px}.dc-event .ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--w-bg);color:var(--w-muted);flex:none}.dc-event.ok .ic{background:var(--w-success);color:#fff}.dc-event b{color:var(--w-fg-2);font-weight:600}.dc-event time{color:var(--w-faint)}.dc-event.note{border-radius:14px;padding:9px 12px;text-align:center;line-height:1.45}.dc-gallery{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:236px;max-width:100%}.dc-img{position:relative;display:block;width:min(var(--w,232px),232px);max-width:100%;border:0;padding:0;border-radius:14px;overflow:hidden;background:var(--w-sunken);cursor:zoom-in}.dc-gallery .dc-img{width:100%;aspect-ratio:1!important}.dc-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s var(--ease-out)}.dc-img:hover img{transform:scale(1.035)}.dc-img.is-failed,.dc-img.is-uploading{cursor:default}.dc-img.is-uploading:after{content:"";position:absolute;inset:0;background:rgba(8,10,16,.42)}.dc-ring{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:1;transform:rotate(-90deg)}.dc-ring circle{fill:none;stroke-width:3.2}.dc-ring .bg{stroke:rgba(255,255,255,.3)}.dc-ring .fg{stroke:#fff;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .25s var(--ease-out)}.dc-img .pct{left:0;right:0;top:50%;margin-top:26px;text-align:center;color:#fff;font:600 11px/1 var(--font);font-variant-numeric:tabular-nums}.dc-img .fail,.dc-img .pct{position:absolute;z-index:1}.dc-img .fail{inset:0;display:grid;place-items:center;align-content:center;gap:6px;background:color-mix(in srgb,var(--w-danger) 62%,rgba(0,0,0,.4));color:#fff;font-size:12.5px;font-weight:650}.dc-file{position:relative;display:flex;align-items:center;gap:11px;width:248px;max-width:100%;padding:10px;border-radius:14px;background:var(--w-raised);border:1px solid var(--w-line-strong);color:var(--w-fg);text-decoration:none;cursor:pointer;overflow:hidden;text-align:left;transition:transform .25s var(--ease-spring),box-shadow .2s}.dc-file:hover{transform:translateY(-1px);box-shadow:var(--w-card-shadow)}.dc-ftype{width:34px;height:40px;flex:none;position:relative;border-radius:6px;background:#e5484d;color:#fff;font:800 8.5px/1 var(--font);letter-spacing:.04em;display:grid;place-items:end center;padding-bottom:7px;clip-path:polygon(0 0,66% 0,100% 28%,100% 100%,0 100%)}.dc-ftype:after{content:"";position:absolute;top:0;right:0;width:34%;height:28%;background:rgba(255,255,255,.4);border-bottom-left-radius:4px}.dc-ftype.is-image{background:#3f8cff}.dc-file .tx{flex:1;min-width:0}.dc-file b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-file small{display:block;font-size:12px;color:var(--w-muted);margin-top:2px;font-variant-numeric:tabular-nums}.dc-file .dl{width:32px;height:32px;border-radius:50%;background:var(--w-sunken);color:var(--w-muted);display:grid;place-items:center;flex:none;transition:background .15s,color .15s}.dc-file:hover .dl{background:var(--dc-accent);color:var(--dc-on-accent)}.dc-file .bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--w-sunken)}.dc-file .bar i{display:block;height:100%;background:var(--dc-accent);transition:width .25s var(--ease-out);border-radius:0 2px 2px 0}.dc-file.is-failed{border-color:color-mix(in srgb,var(--w-danger) 50%,transparent)}.dc-file.is-failed small{color:var(--w-danger)}.dc-inline-img{display:block;max-width:232px;max-height:232px;border-radius:14px}.dc-skel{display:flex;flex-direction:column;gap:10px;padding:18px 14px}.dc-skel i{height:34px;border-radius:16px}.dc-skel i:nth-child(odd){width:62%}.dc-skel i:nth-child(2n){width:48%;align-self:flex-end}.dc-skel i:nth-child(3){width:70%;height:52px}.dc-intro{align-self:stretch;display:flex;gap:8px;align-items:flex-end;margin-top:12px}.dc-intro .card{flex:1;min-width:0;background:var(--w-raised);border:1px solid var(--w-line-strong);border-radius:18px 18px 18px 6px;padding:14px;box-shadow:var(--w-card-shadow)}.dc-intro h4{margin:0 0 3px;font-size:14.5px;font-weight:650;color:var(--w-fg)}.dc-intro p{margin:0 0 12px;font-size:13px;color:var(--w-muted);line-height:1.45}.dc-intro form{gap:8px}.dc-in,.dc-intro form{display:flex;flex-direction:column}.dc-in{gap:4px}.dc-in span{font-size:12px;font-weight:600;color:var(--w-fg-2)}.dc-in input{font:16px/1.3 var(--font);color:var(--w-fg);background:var(--w-bg);border:1px solid var(--w-line-strong);border-radius:11px;padding:9px 11px;outline:0;width:100%;transition:border-color .15s,box-shadow .15s}@media (pointer:fine){.dc-in input{font-size:14.5px}}.dc-in input:focus{border-color:var(--dc-accent);box-shadow:0 0 0 4px var(--dc-accent-soft)}.dc-in input:focus-visible{outline:none}.dc-in.is-err input{border-color:var(--w-danger)}.dc-in em{font-style:normal;font-size:12px;color:var(--w-danger)}.dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:10px 14px;font-weight:650;font-size:14px;background:var(--dc-accent);color:var(--dc-on-accent);cursor:pointer;transition:transform .25s var(--ease-spring),filter .15s}.dc-btn:hover{filter:brightness(1.06)}.dc-btn:active{transform:scale(.96)}.dc-intro .done{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--w-muted)}.dc-intro .done .ok{width:20px;height:20px;border-radius:50%;background:var(--w-success);color:#fff;display:grid;place-items:center;flex:none}.dc-intro .done b{color:var(--w-fg);font-weight:600}.dc-shake{animation:dc-shake .4s}@keyframes dc-shake{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}.dc-typing{display:flex;gap:8px;align-items:flex-end;padding:2px 14px 8px}.dc-typing .dots{display:flex;gap:4px;padding:13px 14px;background:var(--w-bubble);border-radius:18px 18px 18px 6px}.dc-typing .dots i{width:7px;height:7px;border-radius:50%;background:var(--w-muted);animation:dc-bounce 1.1s infinite var(--ease-out)}.dc-typing .dots i:nth-child(2){animation-delay:.14s}.dc-typing .dots i:nth-child(3){animation-delay:.28s}@keyframes dc-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.dc-jump{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 12px 7px 10px;font-size:12.5px;font-weight:600;background:var(--w-fg);color:var(--w-bg);box-shadow:var(--w-card-shadow);cursor:pointer}.dc-composer{flex:none;padding:6px 12px calc(8px + env(safe-area-inset-bottom, 0px));position:relative;background:var(--w-bg)}.dc-field{border:1px solid var(--w-line-strong);background:var(--w-raised);border-radius:22px;transition:border-color .2s,box-shadow .2s}.dc-field:focus-within{border-color:color-mix(in srgb,var(--dc-accent) 70%,transparent);box-shadow:0 0 0 4px var(--dc-accent-soft)}.dc-tray{display:flex;gap:10px;padding:12px 12px 2px;overflow-x:auto;scrollbar-width:none}.dc-chip{position:relative;flex:none;height:58px;border-radius:13px;background:var(--w-sunken);border:1px solid var(--w-line)}.dc-chip.img{width:58px}.dc-chip.img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.dc-chip.file{display:flex;align-items:center;gap:9px;padding:0 30px 0 10px;max-width:200px}.dc-chip.file .dc-ftype{width:28px;height:33px;padding-bottom:5px;font-size:7.5px}.dc-chip.file .tx{min-width:0}.dc-chip.file b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--w-fg)}.dc-chip.file small{font-size:11.5px;color:var(--w-muted)}.dc-chip .rm{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;border:2px solid var(--w-raised);background:var(--w-fg);color:var(--w-bg);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .2s var(--ease-spring)}.dc-chip .rm:hover{transform:scale(1.12)}.dc-input-row{display:flex;align-items:flex-end;gap:2px;padding:5px 5px 5px 15px}.dc-input-row textarea{flex:1;min-width:0;border:0;outline:0;resize:none;background:transparent;color:var(--w-fg);font:16px/1.4 var(--font);padding:7px 0;height:37px;max-height:128px;margin:0}@media (pointer:fine){.dc-input-row textarea{font-size:15px;height:35px}}.dc-input-row textarea::-moz-placeholder{color:var(--w-faint)}.dc-input-row textarea::placeholder{color:var(--w-faint)}.dc-input-row textarea:focus-visible{outline:none}.dc-tool{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--w-muted);display:grid;place-items:center;cursor:pointer;flex:none;padding:0;transition:background .15s,color .15s,transform .2s var(--ease-spring)}.dc-tool:hover{background:var(--w-sunken);color:var(--w-fg)}.dc-tool:active{transform:scale(.9)}.dc-tool[aria-expanded=true]{color:var(--dc-accent-text);background:var(--dc-accent-soft)}.dc-send{width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;flex:none;cursor:pointer;margin-left:2px;padding:0;background:var(--dc-accent);color:var(--dc-on-accent);transition:transform .35s var(--ease-spring),background .2s,color .2s,box-shadow .2s;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--dc-accent) 70%,transparent)}.dc-send:disabled{background:var(--w-sunken);color:var(--w-faint);transform:scale(.86);cursor:default;box-shadow:none}.dc-send:not(:disabled):hover{transform:scale(1.07)}.dc-send:not(:disabled):active{transform:scale(.92)}.dc-powered{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:7px;font-size:11px;color:var(--w-faint);text-decoration:none;transition:color .15s}.dc-powered svg{height:9px;width:auto}.dc-powered:hover{color:var(--w-fg-2)}.dc-toast{position:absolute;left:12px;right:12px;bottom:calc(100% + 4px);display:flex;justify-content:center;pointer-events:none;z-index:3}.dc-toast span{display:flex;align-items:center;gap:7px;background:var(--w-fg);color:var(--w-bg);font-size:12.5px;font-weight:550;padding:8px 12px;border-radius:12px;box-shadow:var(--w-shadow);max-width:100%}.dc-toast span svg{color:#ff8b8e}.dc-resolved{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 8px 2px;text-align:center}.dc-resolved p{margin:0;font-size:13px;color:var(--w-muted)}.dc-emoji{position:absolute;right:12px;bottom:calc(100% - 2px);width:300px;max-width:calc(100% - 24px);height:268px;background:var(--w-raised);border:1px solid var(--w-line-strong);border-radius:18px;box-shadow:var(--w-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:4;transform-origin:bottom right}.dc-emoji .grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);padding:8px;gap:2px;align-content:start;scrollbar-width:thin}.dc-emoji .grid button{border:0;background:transparent;font-size:22px;line-height:1;height:34px;border-radius:9px;cursor:pointer;padding:0;transition:background .12s,transform .2s var(--ease-spring)}.dc-emoji .grid button:hover{background:var(--w-sunken);transform:scale(1.18)}.dc-emoji .tabs{display:flex;border-top:1px solid var(--w-line);padding:4px;gap:2px}.dc-emoji .tabs button{flex:1;border:0;background:transparent;font-size:17px;height:32px;border-radius:9px;cursor:pointer;padding:0;filter:grayscale(1);opacity:.6;transition:filter .15s,opacity .15s,background .15s}.dc-emoji .tabs button[aria-pressed=true]{filter:none;opacity:1;background:var(--w-sunken)}.dc-emoji .cat{grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--w-faint);padding:6px 4px 4px}.dc-drop{position:absolute;inset:8px;z-index:6;border-radius:18px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--dc-accent-text);background-color:color-mix(in srgb,var(--w-bg) 86%,transparent);backdrop-filter:blur(6px);background-image:linear-gradient(90deg,var(--dc-accent) 50%,transparent 0),linear-gradient(90deg,var(--dc-accent) 50%,transparent 0),linear-gradient(0deg,var(--dc-accent) 50%,transparent 0),linear-gradient(0deg,var(--dc-accent) 50%,transparent 0);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:14px 2px,14px 2px,2px 14px,2px 14px;background-position:0 0,0 100%,0 0,100% 0;animation:dc-march .6s linear infinite;pointer-events:none}@keyframes dc-march{to{background-position:14px 0,-14px 100%,0 -14px,100% 14px}}.dc-drop .ic{width:56px;height:56px;border-radius:18px;background:var(--dc-accent);color:var(--dc-on-accent);display:grid;place-items:center;margin:0 auto 6px;animation:dc-float 1.4s ease-in-out infinite}@keyframes dc-float{50%{transform:translateY(-5px)}}.dc-drop b{font-size:16px;color:var(--w-fg)}.dc-drop small{font-size:12.5px;color:var(--w-muted)}.dc-lightbox{pointer-events:auto;position:fixed;inset:0;z-index:20;display:flex;flex-direction:column}.dc-lightbox .bd{position:absolute;inset:0;background:rgba(8,9,12,.86);backdrop-filter:blur(4px)}.dc-lightbox .bar{position:relative;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top, 0px)) 14px 12px;color:#fff;font-size:13px}.dc-lightbox .bar span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.dc-lightbox .bar a,.dc-lightbox .bar button{color:#fff;border:0;background:rgba(255,255,255,.12);border-radius:10px;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none;font-size:13px}.dc-lightbox .bar button.x{width:34px;padding:0;justify-content:center}.dc-lightbox .pic{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:8px 20px 28px}.dc-lightbox img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform-origin:top left}@media (prefers-reduced-motion:reduce){.dc *,.dc :after,.dc :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.demo-stage .dd-app{position:absolute;display:flex;overflow:hidden;border-radius:14px;background:#313338;color:#dbdee1;font-family:gg sans,Noto Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.375;box-shadow:0 30px 70px -24px rgba(10,12,20,.55),0 0 0 1px rgba(0,0,0,.25)}.demo-stage .dd-rail{width:72px;flex:none;background:#1e1f22;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px}.demo-stage .dd-home,.demo-stage .dd-server{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#313338;color:#dbdee1;font-weight:600;font-size:15px;position:relative}.demo-stage .dd-home{background:#5865f2;color:#fff;border-radius:16px}.demo-stage .dd-server.is-active{border-radius:16px;background:#15171c}.demo-stage .dd-server.is-active:before{content:"";position:absolute;left:-12px;width:4px;height:40px;border-radius:0 4px 4px 0;background:#fff}.demo-stage .dd-sep{width:32px;height:2px;border-radius:1px;background:#35363c}.demo-stage .dd-av img,.demo-stage .dd-server img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover;display:block}.demo-stage .dd-side{width:var(--dd-side,240px);flex:none;background:#2b2d31;display:flex;flex-direction:column}.demo-stage .dd-app.is-compact .dd-side{width:200px}.demo-stage .dd-guild{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:600;color:#f2f3f5;box-shadow:0 1px 0 rgba(0,0,0,.25)}.demo-stage .dd-channels{flex:1;padding:16px 8px;overflow:hidden}.demo-stage .dd-cat{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#949ba4;padding:0 8px 6px}.demo-stage .dd-chan{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;color:#949ba4;font-weight:500}.demo-stage .dd-chan .hash{font-size:20px;line-height:1;color:#80848e;width:20px;text-align:center}.demo-stage .dd-chan.is-active{background:#404249;color:#f2f3f5}.demo-stage .dd-chan.is-unread{color:#f2f3f5}.demo-stage .dd-thread{position:relative;display:flex;align-items:center;margin-left:22px;padding:5px 8px 5px 18px;border-radius:4px;color:#949ba4;font-size:14px;font-weight:500;white-space:nowrap}.demo-stage .dd-thread span{overflow:hidden;text-overflow:ellipsis}.demo-stage .dd-thread .branch{position:absolute;left:2px;top:-10px;width:12px;height:25px;border-left:2px solid #4e5058;border-bottom:2px solid #4e5058;border-bottom-left-radius:8px}.demo-stage .dd-thread.is-active{background:#404249;color:#f2f3f5}.demo-stage .dd-thread.is-unread{color:#f2f3f5}.demo-stage .dd-thread.is-unread:before{content:"";position:absolute;left:-30px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:0 4px 4px 0;background:#f2f3f5}.demo-stage .dd-user{height:52px;background:#232428;display:flex;align-items:center;gap:8px;padding:0 8px}.demo-stage .dd-user b{display:block;font-size:14px;color:#f2f3f5;line-height:1.2}.demo-stage .dd-user small{font-size:12px;color:#949ba4}.demo-stage .dd-main{flex:1;min-width:0;display:flex;flex-direction:column}.demo-stage .dd-header{height:48px;flex:none;display:flex;align-items:center;gap:8px;padding:0 16px;box-shadow:0 1px 0 rgba(0,0,0,.25);color:#f2f3f5}.demo-stage .dd-hhash{font-size:24px;color:#80848e}.demo-stage .dd-scroll{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.demo-stage .dd-msgs{padding:8px 0 12px}.demo-stage .dd-av{position:relative;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}.demo-stage .dd-dot{position:absolute;right:-2px;bottom:-2px;width:34%;height:34%;border-radius:50%;border:3px solid #232428;background:#23a55a}.demo-stage .dd-dot.idle{background:#f0b232}.demo-stage .dd-msg{display:flex;gap:16px;padding:4px 16px 2px;margin-top:14px}.demo-stage .dd-msg.is-cont{margin-top:0}.demo-stage .dd-msg-av{width:40px;flex:none}.demo-stage .dd-msg-body{min-width:0;flex:1}.demo-stage .dd-msg-head{display:flex;align-items:center;gap:6px}.demo-stage .dd-msg-head b{color:#f2f3f5;font-weight:500}.demo-stage .dd-msg-head time{font-size:12px;color:#949ba4;margin-left:2px}.demo-stage .dd-app-tag{background:#5865f2;color:#fff;font-size:10px;font-weight:600;padding:1px 4px;border-radius:3px;line-height:1.4}.demo-stage .dd-msg-content{color:#dbdee1}.demo-stage .dd-msg-content code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#2b2d31;border:1px solid #1e1f22;border-radius:4px;padding:1px 4px}.demo-stage .dd-embed{margin-top:4px;max-width:440px;background:#2b2d31;border-left:4px solid;border-radius:4px;padding:10px 16px 14px 12px}.demo-stage .dd-embed-author{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#f2f3f5;margin-top:4px}.demo-stage .dd-embed-title{font-weight:600;color:#f2f3f5;margin-top:6px}.demo-stage .dd-embed-desc{font-size:14px;margin-top:6px;color:#dbdee1}.demo-stage .dd-embed-fields{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px}.demo-stage .dd-field{width:100%;font-size:14px}.demo-stage .dd-field.is-inline{width:calc((100% - 32px) / 3)}.demo-stage .dd-field b{display:block;color:#f2f3f5;font-weight:600;margin-bottom:1px}.demo-stage .dd-embed-img{display:block;max-width:300px;border-radius:4px;margin-top:10px}.demo-stage .dd-embed-footer{font-size:12px;color:#949ba4;margin-top:8px}.demo-stage .dd-system{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 26px;margin-top:12px;color:#949ba4;font-size:15px}.demo-stage .dd-system b{color:#f2f3f5;font-weight:500}.demo-stage .dd-system .link{color:#f2f3f5;font-weight:600}.demo-stage .dd-system time{font-size:12px;color:#949ba4;margin-left:6px}.demo-stage .dd-ephemeral{font-size:12px;color:#949ba4;margin-top:4px}.demo-stage .dd-composer{position:relative;padding:0 16px;flex:none}.demo-stage .dd-input{display:flex;align-items:center;gap:14px;min-height:44px;background:#383a40;border-radius:8px;padding:0 16px}.demo-stage .dd-plus{width:24px;height:24px;border-radius:50%;background:#b5bac1;color:#383a40;display:grid;place-items:center;font-weight:700;font-size:18px;line-height:1;flex:none}.demo-stage .dd-text{flex:1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#dbdee1;padding:10px 0}.demo-stage .dd-text .ph{color:#6d6f78}.demo-stage .dd-caret{display:inline-block;width:1.5px;height:20px;background:#dbdee1}.demo-stage .dd-typing-line{height:24px;display:flex;align-items:center;gap:6px;font-size:13px;color:#b5bac1;padding-left:4px}.demo-stage .dd-typing-line b{color:#f2f3f5;font-weight:600}.demo-stage .dd-dots{display:inline-flex;gap:3px;margin-right:2px}.demo-stage .dd-dots i{width:5px;height:5px;border-radius:50%;background:#dbdee1}.demo-stage .dd-opt{display:inline-flex;align-items:stretch;border-radius:4px;overflow:hidden;font-size:14px}.demo-stage .dd-opt .n{background:#2b2d31;color:#b5bac1;padding:2px 6px}.demo-stage .dd-opt .v{background:#4e5058;color:#f2f3f5;padding:2px 8px}.demo-stage .dd-opt.is-active .n{background:#5865f2;color:#fff}.demo-stage .dd-cmd{color:#c9cdfb;background:rgba(88,101,242,.3);border-radius:4px;padding:1px 4px}.demo-stage .dd-popup{position:absolute;left:16px;right:16px;bottom:calc(100% + 6px);background:#2b2d31;border-radius:8px;padding:8px 0;box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.3)}.demo-stage .dd-popup-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;padding:2px 12px 8px}.demo-stage .dd-popup-item{display:flex;align-items:center;gap:10px;padding:7px 12px;color:#dbdee1;font-size:14px}.demo-stage .dd-popup-item b{color:#f2f3f5;font-weight:600;white-space:nowrap}.demo-stage .dd-popup-item span{color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-stage .dd-popup-item.is-selected{background:#404249}.demo-stage .dd-swatch{width:16px;height:16px;border-radius:4px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.15)}.demo-stage .dd-phone{position:absolute;width:300px;height:610px;border-radius:44px;background:#0d0e10;padding:12px;box-shadow:0 30px 60px -20px rgba(10,12,20,.6)}.demo-stage .dd-phone-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#313338;display:flex;flex-direction:column;color:#dbdee1;font-family:gg sans,Noto Sans,system-ui,sans-serif;font-size:14px}.demo-stage .dd-phone-notch{position:absolute;top:10px;left:50%;width:90px;height:26px;margin-left:-45px;border-radius:13px;background:#0d0e10;z-index:3}.demo-stage .dd-phone-head{padding:46px 14px 10px;background:#2b2d31;display:flex;align-items:center;gap:8px;color:#f2f3f5;font-weight:600;font-size:15px}.demo-stage .dd-phone .dd-msg{gap:10px;padding:2px 12px}.demo-stage .dd-phone .dd-msg-av{width:34px}.demo-stage .dd-phone .dd-composer{padding:0 10px 18px}.demo-stage .dd-phone .dd-input{min-height:40px;border-radius:20px;padding:0 12px;gap:10px}.demo-stage .dd-mini .dd-embed-img{max-width:220px}.demo-stage .ds-window{position:absolute;top:0;left:0;overflow:hidden;background:#ffffff;color-scheme:light}.demo-stage .ds-chrome{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:0 14px;background:#eceef3;border-bottom:1px solid #dfe2e9}.demo-stage .ds-lights{display:flex;gap:7px}.demo-stage .ds-lights i{width:11px;height:11px;border-radius:50%;background:#d3d6de}.demo-stage .ds-url{flex:0 1 300px;height:20px;margin:0 auto;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #e2e5ec}.demo-stage .ds-viewport{position:absolute;left:0;right:0;bottom:0;overflow:hidden;background:#ffffff}.demo-stage .ds-page{position:absolute;inset:0;padding:0 40px}.demo-stage .ds-page i{display:block;background:#e7e9ef;border-radius:6px}.demo-stage .ds-line{height:10px;margin-top:10px}.demo-stage .ds-line.h{height:26px;margin-top:12px;background:#d9dce4;border-radius:8px}.demo-stage .ds-nav{height:64px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #eef0f4}.demo-stage .ds-logo{display:flex;align-items:center;gap:9px}.demo-stage .ds-logo i{width:26px;height:26px;border-radius:8px;background:#c9cdd8}.demo-stage .ds-logo b{display:block;width:74px;height:12px;border-radius:6px;background:#d3d6df}.demo-stage .ds-links{display:flex;gap:22px;margin-left:auto}.demo-stage .ds-links i{width:52px;height:9px}.demo-stage .ds-btn{width:92px;height:30px;border-radius:9px;background:#dcdfe7}.demo-stage .ds-hero{display:flex;gap:40px;align-items:center;padding:48px 0 40px}.demo-stage .ds-copy{flex:1;min-width:0}.demo-stage .ds-cta{display:flex;gap:12px;margin-top:26px}.demo-stage .ds-cta i{width:118px;height:36px;border-radius:10px;background:#d3d6df}.demo-stage .ds-cta i+i{width:96px;background:#eceef3}.demo-stage .ds-media{width:300px;height:190px;flex:none;border-radius:16px;background:linear-gradient(135deg,#eef0f5,#e2e5ec)}.demo-stage .ds-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-stage .ds-card{height:120px;padding:18px;border-radius:14px;border:1px solid #eceef3}.demo-stage .ds-card .ds-dot{width:30px;height:30px;border-radius:9px;margin-bottom:6px}.demo-stage .ds-window.is-dark{background:#16171b;color-scheme:dark}.demo-stage .ds-window.is-dark .ds-chrome{background:#222328;border-bottom-color:#2c2e34}.demo-stage .ds-window.is-dark .ds-lights i{background:#3a3c43}.demo-stage .ds-window.is-dark .ds-url{background:#2b2d33;box-shadow:none}.demo-stage .ds-window.is-dark .ds-viewport{background:#16171b}.demo-stage .ds-window.is-dark .ds-nav{border-bottom-color:#24262c}.demo-stage .ds-window.is-dark .ds-page i{background:#2a2c32}.demo-stage .ds-window.is-dark .ds-cta i,.demo-stage .ds-window.is-dark .ds-line.h,.demo-stage .ds-window.is-dark .ds-logo i{background:#34363d}.demo-stage .ds-window.is-dark .ds-btn,.demo-stage .ds-window.is-dark .ds-logo b{background:#30323a}.demo-stage .ds-window.is-dark .ds-cta i+i{background:#25272d}.demo-stage .ds-window.is-dark .ds-media{background:linear-gradient(135deg,#22242a,#2a2c33)}.demo-stage .ds-window.is-dark .ds-card{border-color:#25272d}.demo-stage .mini-key{position:absolute;z-index:5;padding:5px 10px;border-radius:8px;background:#15161a;color:#fff;font:600 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 6px 16px -6px rgba(10,12,20,.5),inset 0 -2px 0 rgba(255,255,255,.12)}.demo-stage .mini-dd{border-radius:14px}.demo-stage .mini-dd .dd-embed{max-width:300px}.demo-stage .mini-dd .dd-embed-img{max-width:190px}.demo-stage .mini-pills{position:absolute;z-index:5;top:30px;left:14px;display:flex;gap:6px}.demo-stage .mini-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:14px;background:#ffffff;color:#14171f;font:600 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 0 0 1px rgba(18,22,33,.1),0 4px 12px -6px rgba(16,20,30,.25)}.demo-stage .mini-pill.is-dark{background:#2b2d31;color:#f2f3f5;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 4px 12px -6px rgba(0,0,0,.5)}.demo-stage .mini-pill .k{color:#6a7080;font-weight:500}.demo-stage .mini-pill.is-dark .k{color:#a4a8b2}.demo-stage .mini-pill svg{flex:none}