:root{--ai-brand:var(--brand-primary,#669ae1);--ai-brand-hover:var(--brand-primary-hover,#8cb4f5);--ai-bg:var(--brand-surface,#0f172a);--ai-border:var(--brand-primary-border,#669ae14d);--ai-foreground:#fff;--ai-text-muted:#9ca3af;--ai-brand-rgb:102, 154, 225}.btn-wrapper{display:inline-block;position:relative}.btn-wrapper.w-full{width:100%;display:flex}.btn-wrapper.w-full .btn-sparkle{width:100%}.btn-sparkle{--border-radius:var(--brand-radius-lg,12px);--padding:4px;--transition:.4s;--highlight-color-hue:215deg;-webkit-user-select:none;user-select:none;font-family:var(--brand-font-body), monospace;color:var(--ai-foreground);background-color:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--border-radius);cursor:pointer;transition:box-shadow var(--transition), border var(--transition), background-color var(--transition);outline:none;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff26,0 4px 6px -1px #0003}.btn-sparkle:hover{border-color:rgba(var(--ai-brand-rgb), .4);box-shadow:0 0 12px rgba(var(--ai-brand-rgb), .25);background-color:#161616}.btn-sparkle:before{content:"";top:calc(0px - var(--padding));left:calc(0px - var(--padding));width:calc(100% + var(--padding) * 2);height:calc(100% + var(--padding) * 2);border-radius:calc(var(--border-radius) + var(--padding));pointer-events:none;z-index:-1;transition:box-shadow var(--transition), filter var(--transition);background-image:linear-gradient(#0009,#00000040);position:absolute}.btn-sparkle:after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg, #fff, hsl(var(--highlight-color-hue), 100%, 70%), hsla(var(--highlight-color-hue), 100%, 70%, 50%), 8%, transparent);opacity:0;width:100%;height:100%;transition:opacity var(--transition), filter var(--transition);background-position:0 0;position:absolute;top:0;left:0}.btn-sparkle:hover:after{opacity:.15}.btn-letter{color:#ffffffa6;transition:color var(--transition), text-shadow var(--transition), opacity var(--transition);animation:2s ease-in-out infinite letter-anim;display:inline-block;position:relative}@keyframes letter-anim{50%{text-shadow:0 0 4px #fffc;color:#fff}}.btn-svg{fill:#e8e8e8;filter:drop-shadow(0 0 3px #fff9);width:18px;height:18px;transition:fill var(--transition), filter var(--transition), opacity var(--transition);margin-right:.5rem;animation:2.5s linear infinite sparkle-flicker}@keyframes sparkle-flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.txt-wrapper{align-items:center;display:flex;position:relative}.txt-letters{letter-spacing:.05em;position:relative}.btn-sparkle.generating{border-color:rgba(var(--ai-brand-rgb), .8);box-shadow:0 0 20px rgba(var(--ai-brand-rgb), .45);background-color:#110c26}.btn-sparkle.generating .btn-svg{fill:var(--ai-brand-hover);animation:1.5s linear infinite sparkle-spin}@keyframes sparkle-spin{to{transform:rotate(360deg)}}.btn-sparkle.generating .btn-letter{color:var(--ai-brand-hover);animation:1s ease-in-out infinite alternate letter-bounce-glow}@keyframes letter-bounce-glow{0%{text-shadow:none;transform:translateY(0)}to{text-shadow:0 0 8px rgba(var(--ai-brand-rgb), .9);color:#fff;transform:translateY(-2px)}}.export-chatbox-container{width:100%;max-width:100%;font-family:var(--brand-font-body), monospace;flex-direction:column;display:flex}.container-chat-options-gradient{background:linear-gradient(to bottom right,#555,#222,#333,#1a1a1a);border-radius:16px;padding:1.5px;display:flex;position:relative;overflow:visible}.container-chat-options-gradient:after{content:"";filter:blur(22px);pointer-events:none;background:radial-gradient(#fff,#ffffff40,#fff0 70%);width:50px;height:50px;position:absolute;top:-10px;left:-10px}.chat-box-main{background-color:#0a0a0af2;border-radius:15px;flex-direction:column;width:100%;display:flex;overflow:visible;box-shadow:inset 0 2px 4px #0009}.text-input-state{flex-direction:column;width:100%;padding:12px;display:flex}.chat-textarea{width:100%;min-height:100px;max-height:350px;color:var(--ai-foreground);font-size:var(--font-size-6);resize:none;background-color:#0000;border:none;outline:none;padding:4px 8px;font-weight:400;line-height:1.4}.chat-textarea::placeholder{color:#ffffff73;transition:color .3s}.chat-textarea:focus::placeholder{color:#fff3}.options-bar{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.btns-add{color:var(--ai-text-muted,#ffffff80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff08;border:1px solid #ffffff0f;border-radius:9999px;align-items:center;gap:8px;padding:4px;transition:all .3s;display:flex}.btns-add:hover{color:var(--ai-foreground,#fff);background-color:#ffffff14}.add-option-btn{color:var(--ai-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.add-option-btn:hover,.add-option-btn.active{color:var(--ai-foreground);background-color:#ffffff14}.add-option-btn.voice:hover{color:#10b981;background-color:#10b9811a}.add-option-btn.globe:hover{color:#3b82f6;background-color:#3b82f61a}.btn-submit-ai{cursor:not-allowed;opacity:.5;background-image:linear-gradient(#292929,#555,#292929);border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex;box-shadow:inset 0 6px 2px -4px #ffffff80}.btn-submit-ai.has-value{cursor:pointer;opacity:1;background-image:linear-gradient(to top, var(--ai-brand-hover,#8cb4f5), var(--ai-brand,#669ae1), var(--ai-brand-hover,#8cb4f5));box-shadow:inset 0 6px 2px -4px #fff9, 0 0 10px rgba(var(--ai-brand-rgb), .4)}.label-text.btn-submit-ai i{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#8b8b8b;background:#00000059;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;padding:6px;display:flex}.label-text.btn-submit-ai.has-value i{color:#fff}.label-text.btn-submit-ai:hover,.label-text.btn-submit-ai:focus-visible{transform-origin:top;color:#fff}.label-text.btn-submit-ai svg{transition:all .3s}.label-text.btn-submit-ai.has-value:hover i svg{color:#f3f6fd;filter:drop-shadow(0 0 5px #fff)}.label-text.btn-submit-ai.has-value:focus i svg,.label-text.btn-submit-ai.has-value:active i svg{color:#f3f6fd;filter:drop-shadow(0 0 5px #fff);transform:rotate(45deg)translate(-2px)translateY(1px)}.popover-wrapper{position:relative}.custom-dropdown-menu{z-index:9999;background-color:#121214;border:1px solid #ffffff14;border-radius:12px;width:240px;animation:.25s cubic-bezier(.165,.84,.44,1) popup-anim;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 12px 30px #00000080}@keyframes popup-anim{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-inner{padding:6px}.dropdown-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ai-text-muted);padding:6px 10px;font-size:.75rem;font-weight:600}.dropdown-back-btn{text-transform:uppercase;width:100%;color:var(--ai-brand-hover);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:.75rem;font-weight:600;transition:background-color .2s;display:flex}.dropdown-back-btn:hover{background-color:#ffffff0d}.dropdown-items{flex-direction:column;gap:2px;max-height:220px;margin-top:4px;display:flex;overflow-y:auto}.dropdown-item{color:#ffffffbf;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:7px 10px;font-size:.8125rem;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--ai-foreground);background-color:#ffffff0d}.dropdown-item.selected{color:var(--ai-foreground);background-color:rgba(var(--ai-brand-rgb), .15);font-weight:500}.dropdown-empty{color:var(--ai-text-muted);text-align:center;padding:10px;font-size:.75rem}.voice-simulation-state{cursor:pointer;background-color:#0d0c14;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.voice-feedback{text-align:center;z-index:10;pointer-events:none;margin-top:12px}.voice-title{color:#fff;letter-spacing:.02em;margin:0;font-size:1.1rem;font-weight:600;animation:1.5s ease-in-out infinite alternate pulse-title}@keyframes pulse-title{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.voice-subtitle{color:var(--ai-text-muted);opacity:.7;margin:4px 0 0;font-size:.75rem}.ai{--z:0;--s:120px;--p:calc(var(--s) / 4);width:var(--s);aspect-ratio:1;padding:var(--p);place-items:center;animation:5s ease-in-out infinite circle1;display:grid;position:relative}.ai:before,.ai:after{content:"";filter:blur(5px);border:2px solid #fff;border-radius:50%;width:50%;height:50%;animation:1.5s linear infinite wave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #eaaaff}.ai:after{animation-delay:.4s}@keyframes wave{0%{opacity:0;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 50px #eaaaffe6}35%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}70%,to{opacity:0;transform:translate(-50%,-50%)scale(1.6);box-shadow:0 0 50px #eaaaff4d}}@keyframes ai1{0%{opacity:0;transform:rotate(0)translate(50%)scale(.9)}25%{opacity:1;transform:rotate(90deg)translate(50%)scale(1.8)}50%{opacity:.4;transform:rotate(180deg)translate(50%)scale(.7)}75%{opacity:1;transform:rotate(270deg)translate(50%)scale(1.2)}to{opacity:0;transform:rotate(360deg)translate(50%)scale(.9)}}@keyframes ai2{0%{transform:rotate(90deg)translate(50%)scale(.5)}25%{opacity:0;transform:rotate(180deg)translate(50%)scale(1.7)}50%{opacity:0;transform:rotate(270deg)translate(50%)scale(1)}75%{opacity:0;transform:rotate(360deg)translate(50%)scale(.8)}to{opacity:1;transform:rotate(450deg)translate(50%)scale(.5)}}@keyframes ai3{0%{opacity:.8;transform:rotate(180deg)translate(50%)scale(.8)}25%{transform:rotate(270deg)translate(50%)scale(1.5)}50%{opacity:.4;transform:rotate(360deg)translate(50%)scale(.6)}75%{opacity:.7;transform:rotate(450deg)translate(50%)scale(1.3)}to{opacity:.8;transform:rotate(540deg)translate(50%)scale(.8)}}@keyframes ai4{0%{opacity:1;transform:rotate(270deg)translate(50%)scale(1)}25%{transform:rotate(360deg)translate(50%)scale(.7)}50%{opacity:.5;transform:rotate(450deg)translate(50%)scale(1.6)}75%{opacity:.8;transform:rotate(540deg)translate(50%)scale(.9)}to{opacity:1;transform:rotate(630deg)translate(50%)scale(1)}}.c{aspect-ratio:1;border-radius:50%;width:120px;position:absolute}.c1{background:radial-gradient(50% 50%,#c979ee,#74bcd6);width:80px;animation:5.5s linear infinite ai1}.c2{background:radial-gradient(50% 50%,#ef788c,#e7e7fb);width:40px;animation:6s linear infinite ai2}.c3{opacity:.6;background:radial-gradient(50% 50%,#eb7fc6,#0000);width:60px;animation:4.8s linear infinite ai3}.c4{background:#6d67c8;animation:5.2s linear infinite ai4}.ai-container{aspect-ratio:1;background:#b6a9f8;border-radius:50%;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.glass{inset:calc(var(--p) - 4px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(75px at 70% 30%,#ffffffb3,#0000);border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 50px #ffffff4d,0 50px 50px #0000004d,0 0 25px #fff}.rings{aspect-ratio:1;perspective:11rem;opacity:.9;border-radius:50%;position:absolute;inset:0}.rings:before,.rings:after{content:"";background:linear-gradient(#fff,#00f,#f0f,violet,#ffffe0) border-box;border:4px solid #0000;border-radius:50%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rings:before{animation:10s ease-in-out infinite ring180}.rings:after{animation:10s ease-in-out infinite ring90}@keyframes ring180{0%,25%{transform:rotateY(180deg)rotateX(180deg)rotate(180deg)}50%,80%{transform:rotateY(360deg)rotateX(360deg)rotate(360deg)}to{transform:rotateY(540deg)rotateX(540deg)rotate(540deg)}}@keyframes ring90{0%{transform:rotateY(90deg)rotateX(90deg)rotate(90deg)}25%{transform:rotateY(90deg)rotateX(90deg)rotate(90deg)scale(1.1)}50%,75%{transform:rotateY(270deg)rotateX(270deg)rotate(270deg)}to{transform:rotateY(450deg)rotateX(450deg)rotate(450deg)}}@keyframes circle1{0%,to{transform:scale(.97)}15%,45%,85%{transform:scale(1)}30%,60%{transform:scale(.98)}}.prompt-button.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;box-shadow:0 4px 6px #0000001a}.chatbox-quick-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.quick-tag-btn{color:#ffffffbf;cursor:pointer;background-color:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;align-items:center;padding:5px 10px;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.175,.885,.32,1);display:inline-flex}.quick-tag-btn:hover{color:#fff;border-color:rgba(var(--ai-brand-rgb), .3);background-color:rgba(var(--ai-brand-rgb), .08);box-shadow:0 4px 10px rgba(var(--ai-brand-rgb), .1);transform:translateY(-1px)}.quick-tag-btn:active{transform:translateY(0)}.chatbox-metrics-row{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:8px;padding-right:4px;display:flex}.chatbox-progress-container{background:#ffffff0d;border:1px solid #ffffff08;border-radius:9999px;flex:1;height:.375rem;overflow:hidden}.chatbox-progress-bar{height:100%;transition:all .3s ease-out}.chatbox-metric{font-family:var(--brand-font-mono,monospace);color:#ffffff73;border-radius:var(--brand-radius-sm,4px);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0d;padding:2px 6px;font-size:12px}.chatbox-eval-dots-container{border-radius:var(--brand-radius-sm,4px);background:#ffffff08;border:1px solid #ffffff0d;align-items:center;gap:3px;padding:2px 6px;display:flex}.chatbox-eval-dot{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1px;width:5px;height:10px;transition:all .3s}.chatbox-eval-dot.filled{background:var(--brand-success-color,#b2e70d);border-color:var(--brand-success-color,#b2e70d);box-shadow:0 0 6px var(--brand-success-color,#b2e70d99)}