@property --dc-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.dc-stage{isolation:isolate;border:1px solid hsl(var(--border));background:radial-gradient(110% 78% at 50% -12%,#c7b3ff1a,#0000 62%),#08080a;border-radius:34px;padding:clamp(20px,4vw,40px);position:relative;overflow:hidden;box-shadow:0 70px 150px -90px #000,inset 0 1px #ffffff0d}.dc-glow{z-index:0;pointer-events:none;background:radial-gradient(56% 42% at 50% 112%,#c7b3ff4d,#0000 70%),radial-gradient(86% 60% at 50% 118%,#6a4cd233,#0000 74%);position:absolute;inset:0}.dc-dots{z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 44% at 50% 104%,#000 0%,#0000 76%);mask-image:radial-gradient(58% 44% at 50% 104%,#000 0%,#0000 76%)}.dc-content{z-index:1;position:relative}.dc-composer{width:100%;max-width:690px;margin-inline:auto}.dc-files{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.dc-file{padding:4px;color:hsl(var(--foreground));background:#ffffff0f;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:10px;padding-inline-end:12px;font-size:12.5px;animation:.32s cubic-bezier(.22,.8,.28,1) both dc-rise;display:inline-flex}.dc-file-thumb{background:#ffffff14;border-radius:50%;flex:none;width:26px;height:26px;overflow:hidden}.dc-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.dc-file-x{width:20px;height:20px;color:hsl(var(--muted-foreground));cursor:pointer;background:#ffffff12;border:0;border-radius:50%;place-items:center;transition:background .18s,color .18s;display:grid}.dc-file-x:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.dc-frame{border-radius:28px;padding:1px;position:relative}.dc-frame:before{content:"";border-radius:inherit;background:conic-gradient(from var(--dc-angle), #ffffff0f, #c7b3ff80 12%, #ffffffeb 24%, #c7b3ff42 40%, #ffffff0f 58%, #c7b3ff85 76%, #ffffff1a 88%, #ffffff0f);animation:9s linear infinite dc-spin;position:absolute;inset:0}@keyframes dc-spin{to{--dc-angle:360deg}}.dc-card{z-index:1;background:#141317;border-radius:27px;padding:15px 18px 12px;transition:background .25s;position:relative;box-shadow:inset 0 1px #ffffff0f}.dc-card.is-focus{background:#17141c}.dc-textarea{resize:none;width:100%;color:hsl(var(--foreground));caret-color:hsl(var(--primary));font-family:var(--font-body);background:0 0;border:0;outline:none;max-height:150px;font-size:15.5px;line-height:1.6;display:block;overflow-y:auto}.dc-textarea::placeholder{color:#6d6d78}.dc-costume{width:100%;color:hsl(var(--foreground));font-family:var(--font-body);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;outline:none;margin-top:10px;padding:11px 14px;font-size:13.5px;transition:border-color .2s,background .2s}.dc-costume::placeholder{color:#666670}.dc-costume:focus{background:#c7b3ff0f;border-color:#c7b3ff73}.dc-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px;display:flex}.dc-tools{align-items:center;gap:10px;display:flex}.dc-plus{color:#7e7e8b;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:34px;transition:color .18s,transform .15s;display:grid}.dc-plus:hover{color:#fff}.dc-plus:active{transform:scale(.92)}.dc-tool-label{color:#7e7e8b;-webkit-user-select:none;user-select:none;font-size:12.5px}.dc-send{cursor:pointer;color:#ffffffe6;background:#0b0a12;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:background .3s,color .3s,box-shadow .3s,transform .15s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff29,inset 0 -2px 3px #0009,0 6px 20px -10px #000000e6}.dc-send:active:not(:disabled){transform:scale(.955)}.dc-send .dc-liquid{pointer-events:none;opacity:.9;border-radius:50%;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.dc-liquid:before,.dc-liquid:after{content:"";border-radius:50%;position:absolute;inset:-50%}.dc-liquid:before{filter:blur(4px);background:radial-gradient(#ffffff57 0%,#d2c8ff33 30%,#6e50c814 56%,#0000 72%);animation:9s cubic-bezier(.45,0,.55,1) infinite dc-liquid}.dc-liquid:after{filter:blur(6px);background:radial-gradient(#b4a0ff42 0%,#503a9624 40%,#0000 66%);animation:12s cubic-bezier(.45,0,.55,1) infinite reverse dc-liquid}@keyframes dc-liquid{0%,to{border-radius:70% 30% 42% 58%/38% 68% 32% 62%;transform:translate(30%)translateY(6%)scale(1.3,.66)}50%{border-radius:32% 68% 62% 38%/60% 32% 58% 40%;transform:translate(-30%)translateY(6%)scale(1.26,.7)}}.dc-send-icon{z-index:1;place-items:center;display:grid;position:relative}.dc-send[data-ready=true]{color:#17121f;background:linear-gradient(160deg,#e5dcff,#c7b3ff 42%,#a78bfa);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 4px #5a3ca059,0 10px 26px -12px #a78bfae6}.dc-send[data-ready=true] .dc-liquid{opacity:.35;mix-blend-mode:screen}.dc-send:focus-visible,.dc-plus:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.dc-send:disabled{cursor:progress}.dc-hint{text-align:center;color:#6d6d78;margin-top:10px;font-size:11.5px}.dc-presets{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.dc-preset{color:#a9a9b1;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:7px 13px;font-size:12.5px;transition:background .2s,color .2s,border-color .2s,transform .2s}.dc-preset:hover{color:hsl(var(--foreground));background:#c7b3ff1a;border-color:#c7b3ff66;transform:translateY(-1px)}.dc-error{text-align:center;color:#ea7b7b;margin-top:12px;font-size:12.5px}@keyframes dc-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.dc-frame:before,.dc-liquid:before,.dc-liquid:after{animation:none!important}}@media (width<=520px){.dc-stage{border-radius:26px}.dc-card{border-radius:24px;padding:13px 14px 10px}.dc-frame{border-radius:25px}.dc-tool-label{display:none}}