*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
body{margin:0;line-height:inherit}
.glass{position:relative;border-radius:20px;border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.035) 36%,hsla(0,0%,100%,.018)),linear-gradient(180deg,rgba(12,20,42,.46),rgba(6,10,22,.4));backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),inset 0 -1px 0 hsla(0,0%,100%,.03),0 24px 50px -22px rgba(0,0,0,.75)}
.glass:before{background:radial-gradient(140% 72% at 50% -26%,hsla(0,0%,100%,.12),transparent 60%);opacity:.85}
.glass:after,.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.glass:after{background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.035) 46%,transparent 58%);opacity:.7}
.glass-soft{position:relative;border-radius:16px;border:1px solid hsla(0,0%,100%,.11);background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.028)),linear-gradient(180deg,rgba(11,19,40,.34),rgba(7,11,24,.3));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 -1px 0 hsla(0,0%,100%,.02),0 10px 26px -14px rgba(0,0,0,.6)}
.glass-soft:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 50% -30%,hsla(0,0%,100%,.07),transparent 55%)}
.glass-inset{border-radius:14px;border:1px solid hsla(0,0%,100%,.06);background:linear-gradient(180deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,0)),rgba(2,6,14,.4);box-shadow:inset 0 2px 10px rgba(0,0,0,.32),inset 0 1px 0 hsla(0,0%,100%,.045)}
.side-shell{background:linear-gradient(180deg,rgba(10,15,30,.5),rgba(5,8,17,.58)),rgba(5,8,17,.42);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);border-right:1px solid rgba(148,163,184,.13);box-shadow:inset -1px 0 0 hsla(0,0%,100%,.03),8px 0 44px -24px rgba(0,0,0,.9),0 0 90px -40px rgba(37,99,235,.5)}
.side-shell:before{content:"";position:absolute;inset:0 0 0 0;pointer-events:none;background:radial-gradient(160% 44% at 50% -18%,hsla(0,0%,100%,.09),transparent 60%)}
.topbar{background:linear-gradient(180deg,rgba(5,8,16,.5),rgba(5,8,16,.32));backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid rgba(148,163,184,.12);box-shadow:0 10px 30px -18px rgba(0,0,0,.7)}
.glass-interactive{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.glass-interactive:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.4);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),0 0 30px -6px rgba(56,189,248,.35),0 22px 44px -18px rgba(0,0,0,.6)}
.fx-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.03) 40%,hsla(0,0%,100%,.016)),linear-gradient(160deg,rgba(12,20,42,.5),rgba(5,8,18,.42) 60%);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -1px 0 hsla(0,0%,100%,.03),0 22px 46px -20px rgba(0,0,0,.78);transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .22s ease}
.fx-card:before{background:radial-gradient(120% 55% at 50% -26%,hsla(0,0%,100%,.12),transparent 55%);opacity:.85;transition:opacity .25s ease}
.fx-card:after,.fx-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.fx-card:after{background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.09) 50%,transparent 60%);transform:translateX(-130%);transition:transform .9s ease}
.fx-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--fx,#38bdf8) 55%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 hsla(0,0%,100%,.03),0 0 0 1px color-mix(in srgb,var(--fx,#38bdf8) 24%,transparent),0 26px 52px -20px rgba(0,0,0,.8),0 10px 42px -12px color-mix(in srgb,var(--fx,#38bdf8) 45%,transparent)}
.fx-card:hover:after{transform:translateX(130%)}
.fx-card:hover:before{opacity:1}
.btn{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.btn:disabled{cursor:not-allowed;opacity:.45}
.btn-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#818cf8,#4f46e5 38%,#2563eb);border:1px solid rgba(165,180,252,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -8px 16px rgba(30,27,75,.35),0 8px 22px -8px rgba(99,102,241,.75)}
.btn-primary:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.32),0 10px 30px -8px rgba(99,102,241,.9)}
.btn-primary:active{transform:translateY(1px)}
.btn-ghost{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1));border:1px solid hsla(0,0%,100%,.16);background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.04));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)}
.btn-ghost:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.07));color:#fff}
.btn-danger{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity,1));border:1px solid rgba(251,113,133,.3);background:rgba(251,113,133,.12)}
.btn-danger:hover{background:rgba(251,113,133,.22)}
.btn-sm{border-radius:.5rem;padding:.375rem .625rem;font-size:.75rem;line-height:1rem}
.inp{width:100%;border-radius:.75rem;padding:.625rem .875rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.inp::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}
.inp::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}
.inp{border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.015)),rgba(6,10,20,.55);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),inset 0 1px 4px rgba(0,0,0,.22)}
.inp:focus{outline:none;border-color:rgba(125,211,252,.65);background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02)),rgba(8,14,28,.7);box-shadow:0 0 0 3px rgba(56,189,248,.18),inset 0 1px 0 hsla(0,0%,100%,.08),0 0 22px -8px rgba(56,189,248,.5)}
.field-label{margin-bottom:.375rem;display:block;text-transform:uppercase;letter-spacing:.12em;--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}
.chip,.field-label{font-size:11px;font-weight:600}
.chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.125rem .625rem;letter-spacing:.025em;border:1px solid hsla(0,0%,100%,.14);background:linear-gradient(180deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.03));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.09)}
.nav-sec{padding:1rem .75rem .375rem;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.28em;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}
.nav-item{position:relative;display:flex;align-items:center;gap:11px;width:100%;border-radius:12px;border:1px solid transparent;padding:9px 11px;font-size:13px;font-weight:600;color:#7c8aa5;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.nav-item:hover{color:#dbe6f5;background:linear-gradient(90deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.02))}
.nav-item[data-active=true]{color:#e3ecff;border-color:rgba(139,156,255,.22);background:linear-gradient(90deg,rgba(109,92,255,.3),rgba(56,88,235,.16) 62%,rgba(56,189,248,.07));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 8px 22px -10px rgba(99,102,241,.55)}
.nav-item:before{content:"";position:absolute;left:-1px;top:22%;bottom:22%;width:2.5px;border-radius:4px;background:linear-gradient(180deg,#a5b4fc,#60a5fa);box-shadow:0 0 10px rgba(129,140,248,.9);opacity:0;transition:opacity .16s ease}
.nav-item[data-active=true]:before{opacity:1}
.tile{position:relative;overflow:hidden;border-radius:18px;border:1px solid hsla(0,0%,100%,.11);background:linear-gradient(180deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.026) 46%,hsla(0,0%,100%,.012)),linear-gradient(160deg,rgba(12,20,42,.44),rgba(5,8,18,.38));backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 14px 30px -18px rgba(0,0,0,.75);transition:transform .18s cubic-bezier(.2,.7,.2,1),border-color .18s ease,box-shadow .18s ease}
.tile:before{inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 64% at 18% -28%,color-mix(in srgb,var(--tone,#38bdf8) 26%,transparent),transparent 62%);opacity:.8}
.tile:after,.tile:before{content:"";position:absolute}
.tile:after{inset-x:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone,#38bdf8) 72%,transparent),transparent);opacity:.7}
.tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone,#38bdf8) 38%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 18px 36px -18px rgba(0,0,0,.8),0 6px 30px -10px color-mix(in srgb,var(--tone,#38bdf8) 55%,transparent)}
.icon-chip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:11px;border:1px solid;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16)}
.sec-hd{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:.01em;color:#e6edf7}
.sec-hd:before{content:"";height:13px;width:3px;border-radius:3px;background:linear-gradient(180deg,#818cf8,#38bdf8);box-shadow:0 0 10px rgba(99,102,241,.7)}
.skel{position:relative;overflow:hidden;border-radius:10px;background:hsla(0,0%,100%,.05)}
.skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);animation:skel-slide 1.6s ease infinite}
@keyframes skel-slide{to{transform:translateX(100%)}}
.kbd{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;border-color:rgba(71,85,105,.6);background-color:rgba(30,41,59,.7);padding:.125rem .375rem;font-size:10px;font-weight:600;--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1));box-shadow:inset 0 -2px 0 rgba(0,0,0,.35)}
.divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(148,163,184,.25),transparent)}
.collapse{visibility:collapse}
.line-clamp-1{-webkit-line-clamp:1}
.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-2{-webkit-line-clamp:2}
@keyframes fade-in{0%{opacity:0}to{opacity:1}}
@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ping{75%,to{transform:scale(2);opacity:0}}
@keyframes pulse{50%{opacity:.5}}
@keyframes spin{to{transform:rotate(1turn)}}
:root{color-scheme:dark}
body,html{height:100%}
body{--tw-bg-opacity:1;background-color:rgb(4 6 12/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04"}
body:before{background:radial-gradient(1100px 560px at 8% -10%,rgba(49,46,129,.3),transparent 62%),radial-gradient(900px 520px at 96% 8%,rgba(37,99,235,.2),transparent 60%),radial-gradient(700px 460px at 78% 92%,rgba(124,58,237,.13),transparent 62%),radial-gradient(640px 420px at 30% 108%,rgba(14,116,144,.16),transparent 60%),radial-gradient(560px 300px at 55% -6%,rgba(245,158,11,.05),transparent 60%),linear-gradient(rgba(148,163,184,.05) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 0);background-size:auto,auto,auto,auto,auto,40px 40px,40px 40px}
body:after,body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body:after{background:radial-gradient(120% 90% at 50% 40%,transparent 58%,rgba(2,4,10,.55) 100%)}
::selection{background:rgba(56,189,248,.32)}
*{scrollbar-width:thin;scrollbar-color:rgba(71,85,105,.7) transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:rgba(71,85,105,.7);border-radius:8px}
::-webkit-scrollbar-track{background:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:rgba(125,211,252,.92)}
.pulse-dot{box-shadow:0 0 0 0 rgba(52,211,153,.5);animation:pulse-ring 2s infinite}
@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(52,211,153,.45)}70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}to{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.card-sheen{position:relative;overflow:hidden}
.card-sheen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,hsla(0,0%,100%,.07) 50%,transparent 62%);transform:translateX(-130%);transition:transform .85s ease}
.card-sheen:focus-visible:after,.card-sheen:hover:after{transform:translateX(130%)}
.card-accent{position:absolute;inset:0 auto 0 0;width:3px;border-radius:3px 0 0 3px;opacity:.85}
.seg{gap:2px;padding:3px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(4,6,12,.5);backdrop-filter:blur(10px)}
.seg,.seg button{display:inline-flex;align-items:center}
.seg button{gap:6px;border-radius:9px;padding:5px 10px;font-size:12px;font-weight:600;color:#64748b;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}
.seg button:hover{color:#cbd5e1}
.seg button[aria-pressed=true]{color:#e0e7ff;background:linear-gradient(180deg,rgba(129,140,248,.3),rgba(79,70,229,.22));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 0 16px -5px rgba(129,140,248,.7)}
.app-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#05060d}
.app-bg__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 26%;object-position:center 26%;opacity:.48;filter:saturate(.85) brightness(.95) contrast(1.05);transform:scale(1.06)}
.app-bg__veil{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 42%,transparent 38%,rgba(3,5,12,.55) 100%),linear-gradient(180deg,rgba(3,5,12,.55),rgba(3,5,12,.3) 30%,rgba(3,5,12,.36) 62%,rgba(3,5,12,.74))}
.channel-pills{--text-color:#e2e8f0;--bg-color-sup:#5e5e5e;--bg-color:#2b2b2b;--bg-hover-color:#161616;--online-status:#00da00;--btn-transition:all 0.2s ease-out}
.channel-pills .button-message{display:flex;justify-content:center;align-items:center;font:400 16px Helvetica Neue,sans-serif;box-shadow:0 0 2.17382px rgba(0,0,0,.049),0 1.75px 6.01034px rgba(0,0,0,.07),0 3.63px 14.4706px rgba(0,0,0,.091),0 22px 48px rgba(0,0,0,.14);background-color:var(--bg-color);border-radius:68px;cursor:pointer;padding:6px 10px 6px 6px;width:-moz-fit-content;width:fit-content;height:40px;border:0;overflow:hidden;position:relative;transition:var(--btn-transition)}
.channel-pills .button-message:focus-within,.channel-pills .button-message:hover,.channel-pills .button-message[data-expanded=true]{height:56px;padding:8px 20px 8px 8px;background-color:var(--bg-hover-color);transition:var(--btn-transition)}
.channel-pills .button-message:active{transform:scale(.99)}
.channel-pills .content-avatar{width:30px;height:30px;margin:0;transition:var(--btn-transition);position:relative;flex-shrink:0}
.channel-pills .button-message:focus-within .content-avatar,.channel-pills .button-message:hover .content-avatar,.channel-pills .button-message[data-expanded=true] .content-avatar{width:40px;height:40px}
.channel-pills .avatar{border-radius:50%;overflow:hidden;background-color:var(--bg-color-sup)}
.channel-pills .avatar,.channel-pills .user-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.channel-pills .user-img{font-size:11px;font-weight:700;letter-spacing:.02em}
.channel-pills .status-user{position:absolute;width:6px;height:6px;right:1px;bottom:1px;border-radius:50%;outline:solid 2px var(--bg-color);background-color:var(--online-status);transition:var(--btn-transition);animation:active-status 2s ease-in-out infinite;z-index:1}
.channel-pills .status-user--off{animation:none;background-color:#64748b}
.channel-pills .button-message:focus-within .status-user,.channel-pills .button-message:hover .status-user,.channel-pills .button-message[data-expanded=true] .status-user{width:10px;height:10px;right:1px;bottom:1px;outline:solid 3px var(--bg-hover-color)}
.channel-pills .notice-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:8px;text-align:initial;color:var(--text-color)}
.channel-pills .username{transform:translateY(-20px)}
.channel-pills .user-id,.channel-pills .username{letter-spacing:-6px;height:0;opacity:0;transition:var(--btn-transition);white-space:nowrap}
.channel-pills .user-id{font-size:12px;transform:translateY(10px)}
.channel-pills .lable-message{display:flex;align-items:center;opacity:1;transform:scaleY(1);transition:var(--btn-transition)}
.channel-pills .button-message:focus-within .username,.channel-pills .button-message:hover .username,.channel-pills .button-message[data-expanded=true] .username{height:auto;letter-spacing:normal;opacity:1;transform:translateY(0);transition:var(--btn-transition)}
.channel-pills .button-message:focus-within .user-id,.channel-pills .button-message:hover .user-id,.channel-pills .button-message[data-expanded=true] .user-id{height:auto;letter-spacing:normal;opacity:1;transform:translateY(0);transition:var(--btn-transition)}
.channel-pills .button-message:focus-within .lable-message,.channel-pills .button-message:hover .lable-message,.channel-pills .button-message[data-expanded=true] .lable-message{height:0;transform:scaleY(0);transition:var(--btn-transition)}
.channel-pills .lable-message,.channel-pills .username{font-weight:600}
.channel-pills .number-message{display:flex;justify-content:center;align-items:center;text-align:center;margin-left:8px;font-size:12px;width:16px;height:16px;background-color:var(--bg-color-sup);border-radius:20px}
.channel-pills .number-message--wide{width:auto;min-width:16px;padding:0 4px}
@keyframes active-status{0%{background-color:var(--online-status)}33.33%{background-color:#93e200}66.33%{background-color:#93e200}to{background-color:var(--online-status)}}
.askai-trigger{--askai-radius:12px;display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid hsla(0,0%,100%,.14);font-size:12.5px;font-weight:700;line-height:1;letter-spacing:.02em;cursor:pointer;position:relative;background:linear-gradient(90deg,#5bfcc4,#f593e4,#71a4f0);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.6);box-shadow:inset 0 0 5px hsla(0,0%,100%,.66),inset 0 24px 26px rgba(0,0,0,.72),0 4px 10px rgba(0,0,0,.6)}
.askai-trigger,.askai-trigger:before{border-radius:var(--askai-radius);transition:all .3s ease}
.askai-trigger:before{content:"";position:absolute;inset:0;margin:auto;filter:blur(0);z-index:-1;box-shadow:none;background:conic-gradient(transparent 80deg,#40baf7,#f34ad7,#5bfcc4,transparent 280deg)}
.askai-trigger:focus-visible:before,.askai-trigger:hover:before{filter:blur(15px)}
.askai-trigger:active:before{filter:blur(5px);transform:translateY(1px)}
.askai-trigger:active{box-shadow:inset 0 0 5px hsla(0,0%,100%,.66),inset 0 24px 26px rgba(0,0,0,.72);margin-top:3px}
.askai-trigger:focus-visible{outline:2px solid rgba(91,252,196,.8);outline-offset:2px}
.askai-composer-frame{position:relative;display:flex;border-radius:16px;padding:1.5px;overflow:hidden;background:linear-gradient(to bottom right,#7e7e7e,#363636,#363636,#363636,#363636)}
.askai-composer-frame:after{position:absolute;content:"";top:-10px;left:-10px;width:30px;height:30px;filter:blur(1px);pointer-events:none;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.55),hsla(0,0%,100%,.18),hsla(0,0%,100%,.06),transparent,transparent,transparent,transparent)}
.askai-composer-inner{display:flex;flex-direction:column;width:100%;border-radius:15px;overflow:hidden;background-color:rgba(0,0,0,.5)}
.askai-composer-inner textarea{background-color:transparent;border:none;border-radius:16px;width:100%;min-height:50px;max-height:120px;resize:none;outline:none;padding:10px;color:#fff;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5}
.askai-composer-inner textarea::-moz-placeholder{color:rgba(243,246,253,.75);-moz-transition:all .3s ease;transition:all .3s ease}
.askai-composer-inner textarea::placeholder{color:rgba(243,246,253,.75);transition:all .3s ease}
.askai-composer-inner textarea:focus::-moz-placeholder{color:#363636}
.askai-composer-inner textarea:focus::placeholder{color:#363636}
.askai-composer-inner textarea::-webkit-scrollbar{width:10px;height:10px}
.askai-composer-inner textarea::-webkit-scrollbar-track{background:transparent}
.askai-composer-inner textarea::-webkit-scrollbar-thumb{background:#888;border-radius:5px}
.askai-composer-inner textarea::-webkit-scrollbar-thumb:hover{background:#555;cursor:pointer}
.askai-composer-inner textarea:focus-visible{outline:none}
.askai-composer-frame:focus-within{outline:2px solid rgba(91,252,196,.55);outline-offset:2px}
.askai-composer-actions{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:0 10px 10px}
.askai-composer-hint{font-size:10px;color:rgba(148,163,184,.55);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.askai-composer-send{display:flex;padding:2px;border:none;outline:none;cursor:pointer;border-radius:10px;background-image:linear-gradient(0deg,#292929,#555,#292929);box-shadow:inset 0 6px 2px -4px hsla(0,0%,100%,.5);transition:all .15s ease}
.askai-composer-send i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:6px;border-radius:10px;background:rgba(0,0,0,.1);backdrop-filter:blur(3px);color:#8b8b8b}
.askai-composer-send svg{transition:all .3s ease}
.askai-composer-send:focus-visible svg,.askai-composer-send:hover:not(:disabled) svg{color:#f3f6fd;filter:drop-shadow(0 0 5px rgba(255,255,255,.9))}
.askai-composer-send:focus-visible{outline:2px solid rgba(91,252,196,.8);outline-offset:2px}
.askai-composer-send:active:not(:disabled){transform:scale(.92)}
.askai-composer-send:disabled{cursor:not-allowed;opacity:.55}
.askai-composer-tags{display:flex;flex-wrap:wrap;gap:4px;padding:12px 16px 14px}
.askai-composer-tags button{padding:5px 9px;font-size:10.5px;font-weight:600;color:#cbd5e1;background-color:#1b1b1b;border:1.5px solid #363636;border-radius:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}
.askai-composer-tags button:hover{color:#f3f6fd;border-color:#5bfcc4;background-color:#232323}
.askai-composer-tags button:focus-visible{outline:2px solid rgba(91,252,196,.8);outline-offset:2px}
.card{position:relative;border-radius:20px;border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.035) 36%,hsla(0,0%,100%,.018)),linear-gradient(180deg,rgba(12,20,42,.46),rgba(6,10,22,.4));backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),inset 0 -1px 0 hsla(0,0%,100%,.03),0 24px 50px -22px rgba(0,0,0,.75)}
.card:before{background:radial-gradient(140% 72% at 50% -26%,hsla(0,0%,100%,.12),transparent 60%);opacity:.85}
.card:after,.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.card:after{background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.035) 46%,transparent 58%);opacity:.7}
.btn.primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#818cf8,#4f46e5 38%,#2563eb);border:1px solid rgba(165,180,252,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -8px 16px rgba(30,27,75,.35),0 8px 22px -8px rgba(99,102,241,.75)}
.btn.primary:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.32),0 10px 30px -8px rgba(99,102,241,.9)}
.btn.primary:active{transform:translateY(1px)}
.btn.ghost{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1));border:1px solid hsla(0,0%,100%,.16);background:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.04));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)}
.btn.ghost:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.07));color:#fff}
.btn.danger{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity,1));border:1px solid rgba(251,113,133,.3);background:rgba(251,113,133,.12)}
.btn.danger:hover{background:rgba(251,113,133,.22)}
.btn.sm{border-radius:.5rem;padding:.375rem .625rem;font-size:.75rem;line-height:1rem}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),select,textarea{width:100%;border-radius:.75rem;padding:.625rem .875rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range])::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range])::placeholder,select::placeholder,textarea::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),select,textarea{border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.015)),rgba(6,10,20,.55);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),inset 0 1px 4px rgba(0,0,0,.22)}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):focus,select:focus,textarea:focus{outline:none;border-color:rgba(125,211,252,.65);background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02)),rgba(8,14,28,.7);box-shadow:0 0 0 3px rgba(56,189,248,.18),inset 0 1px 0 hsla(0,0%,100%,.08),0 0 22px -8px rgba(56,189,248,.5)}
label{margin-bottom:.375rem;display:block;text-transform:uppercase;letter-spacing:.12em;--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}
.stat{position:relative;overflow:hidden;border-radius:18px;border:1px solid hsla(0,0%,100%,.11);background:linear-gradient(180deg,hsla(0,0%,100%,.085),hsla(0,0%,100%,.026) 46%,hsla(0,0%,100%,.012)),linear-gradient(160deg,rgba(12,20,42,.44),rgba(5,8,18,.38));backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 14px 30px -18px rgba(0,0,0,.75);transition:transform .18s cubic-bezier(.2,.7,.2,1),border-color .18s ease,box-shadow .18s ease}
.stat:before{inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 64% at 18% -28%,color-mix(in srgb,var(--tone,#38bdf8) 26%,transparent),transparent 62%);opacity:.8}
.stat:after,.tile:before{content:"";position:absolute}
.stat:after{inset-x:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone,#38bdf8) 72%,transparent),transparent);opacity:.7}
.stat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone,#38bdf8) 38%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 18px 36px -18px rgba(0,0,0,.8),0 6px 30px -10px color-mix(in srgb,var(--tone,#38bdf8) 55%,transparent)}