@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f7f8fb;background:#08090d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,textarea,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;z-index:1;display:grid;place-items:center;min-height:100vh;padding:28px;overflow:hidden;background:radial-gradient(circle at 50% -20%,#1a1730,#0c0c12 42%,#08090d)}.pixel-stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none}.app-shell>canvas{opacity:.9}.ambient{position:fixed;z-index:0;pointer-events:none;width:38vw;height:38vw;border-radius:999px;filter:blur(90px);opacity:.15;animation:drift 13s ease-in-out infinite alternate}.ambient-one{top:-25vw;left:-10vw;background:#ff4b9a}.ambient-two{right:-18vw;bottom:-30vw;background:#4d6cff;animation-delay:-5s}@property --hue{syntax: "<number>"; inherits: true; initial-value: 0;}@property --rotate{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-x{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --glow-translate-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --glow-opacity{syntax: "<number>"; inherits: true; initial-value: 1;}@property --glow-blur{syntax: "<number>"; inherits: true; initial-value: 6;}@property --glow-scale{syntax: "<number>"; inherits: true; initial-value: 1.5;}@property --glow-radius{syntax: "<number>"; inherits: true; initial-value: 100;}@property --white-shadow{syntax: "<number>"; inherits: true; initial-value: 0;}.glow-container{--card-radius: 28px;--border-width: 3px;--hue: 0;--hue-speed: 1;--rotate: 0;--animation-speed: 4s;--interaction-speed: .55s;--glow-scale: 1.5;--glow-blur: 6;--glow-opacity: 1;--glow-radius: 100;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min(480px,35vw);aspect-ratio:1.5 / 1;color:#fff;border-radius:var(--card-radius);isolation:isolate}.glow-container:before,.glow-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:var(--card-radius);pointer-events:none}.glow-container:before{z-index:-2;padding:var(--border-width);background:conic-gradient(from calc(var(--rotate) * 1deg),hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 78%),#fb3a9a,#6c4dff,hsl(calc(var(--hue) * var(--hue-speed) * 1deg + 120) 100% 78%),#fb3a9a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:drop-shadow(0 0 18px hsl(calc(var(--hue) * 1deg) 100% 65% / .38));animation:hue-animation var(--animation-speed) linear infinite,rotate-bg var(--animation-speed) linear infinite}.glow-container:after{z-index:-3;background:#0000005c;filter:blur(22px);transform:scale(.96);opacity:.8}.glow-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:calc(100% - 6px);height:calc(100% - 6px);overflow:hidden;border-radius:calc(var(--card-radius) - 3px)}.glow{--glow-translate-y: -65;position:absolute;z-index:-1;display:block;width:22%;height:22%;border-radius:999px;transform:rotate(calc(var(--rotate) * 1deg));transform-origin:center;animation:rotate var(--animation-speed) linear infinite;pointer-events:none}.glow:after{content:"";position:absolute;top:-15%;left:-15%;width:130%;height:130%;border-radius:999px;background:hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%);filter:blur(calc(var(--glow-blur) * 10px));opacity:var(--glow-opacity);transform:scaleY(calc(var(--glow-scale) / 1.1)) scaleX(calc(var(--glow-scale) * 1.2)) translateY(calc(var(--glow-translate-y) * 1%));animation:hue-animation var(--animation-speed) linear infinite}.glow-container:hover{--glow-blur: 1.5;--glow-opacity: .6;--glow-scale: 2.5;--glow-radius: 0;--rotate: 900}.glow-container:hover .glow,.glow-container:hover .glow:after{animation-play-state:paused}.chat-card-frame{width:min(880px,100%);height:min(760px,calc(100vh - 56px));aspect-ratio:auto;margin:auto}.chat-card-frame .glow-content{width:100%;height:100%;border-radius:var(--card-radius)}.chat-card{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#121319db;box-shadow:0 30px 100px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:card-in .75s cubic-bezier(.2,.8,.2,1) both}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 28px 14px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;color:#ff7bb5;border:1px solid rgba(255,123,181,.4);border-radius:13px;background:#ff4b9a21;box-shadow:0 0 25px #ff4b9a24}.eyebrow{margin:0 0 3px;color:#9fa2b3;font:500 10px DM Mono,monospace;letter-spacing:.16em}h1{margin:0;font:700 24px Playfair Display,serif;letter-spacing:-.02em}.connection{display:flex;align-items:center;gap:8px;color:#a4a6b2;font-size:12px;white-space:nowrap}.connection.online{color:#9fe8b9}.status-dot{width:7px;height:7px;border-radius:999px;background:#f0ab54;box-shadow:0 0 10px currentColor}.online .status-dot{background:#59e18c}.supported-line{padding:0 28px 18px;color:#8d909f;font:500 11px DM Mono,monospace;letter-spacing:.02em}.supported-line span{color:#fb64aa;padding:0 5px}.supported-line small{color:#666a7c}.backend-notice{display:flex;align-items:center;gap:8px;margin:0 28px 8px;padding:9px 11px;color:#ffd39d;border:1px solid rgba(240,171,84,.22);border-radius:10px;background:#f0ab5414;font-size:11px;animation:message-in .35s ease both}.notice-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#f0ab54;box-shadow:0 0 10px #f0ab54b3}.conversation{flex:1;min-height:0;overflow-y:auto;padding:12px 28px 22px;scrollbar-color:rgba(255,255,255,.18) transparent;scrollbar-width:thin}.empty-state{display:grid;place-items:center;min-height:100%;padding:44px 20px;text-align:center;animation:message-in .6s ease both}.empty-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;color:#ff72b1;border:1px solid rgba(255,114,177,.3);border-radius:18px;background:#ff4b9a1a}.empty-state h2{margin:0 0 9px;font:700 28px Playfair Display,serif}.empty-state p{max-width:390px;margin:0;color:#9ea1b0;line-height:1.6}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.suggestions button{padding:9px 13px;color:#c8cad4;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;transition:border-color .2s,background .2s,transform .2s}.suggestions button:hover{border-color:#ff72b180;background:#ff4b9a1a;transform:translateY(-2px)}.message{max-width:79%;margin:0 0 18px;padding:14px 16px;line-height:1.58;animation:message-in .4s ease both}.message p{margin:0;white-space:pre-wrap}.user-message{margin-left:auto;color:#fff;border:1px solid rgba(255,110,177,.35);border-radius:19px 19px 5px;background:linear-gradient(135deg,#f0459152,#7436984d)}.assistant-message{margin-right:auto;color:#e7e8ee;border-left:2px solid #fb63a9;border-radius:4px 19px 19px;background:#ffffff0e}.assistant-label{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#ff8bc0;font:500 11px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.answer-text{font-size:16px}.guardrail-notice{display:flex;align-items:flex-start;gap:9px;margin:0 0 12px;padding:10px 11px;color:#ffd0a0;border:1px solid rgba(240,171,84,.3);border-radius:10px;background:#f0ab5417;font-size:12px}.guardrail-notice svg{flex:0 0 auto;margin-top:1px;color:#f0ab54}.guardrail-notice strong,.guardrail-notice span{display:block}.guardrail-notice strong{margin-bottom:2px;color:#ffe2bc;font:500 10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.guardrail-notice span{color:#f5cda2;line-height:1.45}.transcript{margin-bottom:13px;padding:9px 11px;color:#aeb1bf;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#00000026;font-size:12px}.transcript span,.evidence-list>span{display:block;margin-bottom:5px;color:#767b8e;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.transcript p{font-size:13px}.answer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;color:#adb0bd;font-size:12px}.tts-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px}.read-aloud-button{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;color:#bfc2cf;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b;font:500 10px DM Mono,monospace;transition:color .2s,border-color .2s,background .2s,transform .2s}.read-aloud-button:hover:not(:disabled){color:#fff;border-color:#ff72b18c;background:#ff4b9a1f;transform:translateY(-1px)}.read-aloud-button:disabled{cursor:wait;opacity:.7}.tts-error{color:#ff9cae;font-size:11px}.ui-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;font:500 10px DM Mono,monospace}.badge-grounded{color:#98edb8;border-color:#57e18c59;background:#57e18c1a}.badge-un{color:#ff9cae;border-color:#ff647c59;background:#ff647c1a}.typing-indicator{display:flex;align-items:center;gap:5px;color:#868a99;font-size:12px;animation:message-in .3s ease both}.typing-indicator span{width:5px;height:5px;border-radius:50%;background:#fb63a9;animation:typing 1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.error-line{margin:0 28px 10px;padding:10px 12px;color:#ffb6c0;border:1px solid rgba(255,100,124,.3);border-radius:10px;background:#961c3e29;font-size:12px}.ai-loader{display:inline-flex;align-items:center;min-height:42px}.loader-wrapper{position:relative;display:inline-flex;align-items:center;gap:1px;min-width:132px;padding-right:38px;color:#e7e8ee;font:500 13px DM Mono,monospace}.loader-letter{opacity:.4;animation:loader-letter-anim 1.8s infinite ease-in-out}.loader{position:absolute;right:4px;width:26px;height:26px;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(90deg);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset;animation:loader-rotate 2.4s infinite ease-in-out}.composer{margin:0 20px 20px;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:19px;background:#090a0ed6;box-shadow:0 0 0 1px #ffffff05,0 12px 30px #00000038;transition:border-color .25s,box-shadow .25s}.composer:focus-within{border-color:#ff69ae8c;box-shadow:0 0 0 3px #ff4b9a17,0 12px 30px #0000004d}.ui-textarea{display:block;width:100%;resize:none;padding:7px 8px 13px;color:#f5f5f8;border:0;outline:0;background:transparent;line-height:1.5}.ui-textarea::placeholder{color:#686c7b}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-options,.composer-actions{display:flex;align-items:center;gap:7px}.option-label{color:#6f7382;font:10px DM Mono,monospace;text-transform:uppercase}.segmented{display:flex;padding:2px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff0a}.segment{padding:6px 9px;color:#858997;border:0;border-radius:7px;background:transparent;font-size:11px;transition:color .2s,background .2s}.segment.active{color:#fff;background:#ff4c9a42;box-shadow:inset 0 0 0 1px #ff78b526}.ui-select{max-width:105px;padding:7px 24px 7px 8px;color:#bfc1cb;border:1px solid rgba(255,255,255,.1);border-radius:9px;outline:0;background:#181920;font-size:11px}.ui-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,color .2s}.ui-button:disabled{cursor:not-allowed;opacity:.38}.ui-button-icon{width:36px;height:36px;color:#9a9dab;border-color:#ffffff1c;border-radius:11px;background:#ffffff0d}.ui-button-icon:not(:disabled):hover{color:#fff;border-color:#ff6fb08c;background:#ff4b9a29;transform:translateY(-1px)}.ui-button-selected{width:36px;height:36px;color:#fff;border-color:#ff6fb0b3;border-radius:11px;background:#ff4b9a61}.ui-button-selected.recording{animation:recording-pulse 1.2s infinite}.composer-actions .ui-button:last-child:not(:disabled){color:#fff;border-color:#fb63a9;background:linear-gradient(135deg,#fb398e,#a64dc8);box-shadow:0 7px 20px #e6358e40}.composer-actions .ui-button:last-child:not(:disabled):hover{transform:translateY(-2px) scale(1.03)}.composer-hint{margin-top:9px;color:#5e6270;font:10px DM Mono,monospace}.spin{animation:spin .8s linear infinite}@keyframes card-in{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes recording-pulse{0%,to{box-shadow:0 0 #ff4b9a4d}50%{box-shadow:0 0 0 7px #ff4b9a00}}@keyframes drift{0%{transform:translate3d(-2%,2%,0) scale(1)}to{transform:translate3d(4%,-5%,0) scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hue-animation{0%{--hue: 0}to{--hue: 360}}@keyframes rotate-bg{0%{--bg-x: 0;--bg-y: 0}25%{--bg-x: 100;--bg-y: 0}50%{--bg-x: 100;--bg-y: 100}75%{--bg-x: 0;--bg-y: 100}to{--bg-x: 0;--bg-y: 0}}@keyframes rotate{0%{--rotate: -70;--glow-translate-y: -65}50%{--glow-translate-y: -65}to{--rotate: 290;--glow-translate-y: -65}}@keyframes loader-rotate{0%{transform:rotate(90deg);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset}50%{transform:rotate(270deg);box-shadow:0 10px 20px #fff inset,0 20px 10px #d60a47 inset,0 40px 60px #311e80 inset}to{transform:rotate(450deg);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset}}@keyframes loader-letter-anim{0%,to{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}@media (max-width: 640px){.app-shell{padding:0;place-items:stretch}.chat-card-frame{width:100%;height:100vh;min-height:100vh}.chat-card-frame .glow-content{width:100%;height:100%}.chat-card{width:100%;height:100%;min-height:100vh;border:0;border-radius:0}.chat-header{padding:20px 18px 12px}.supported-line,.conversation{padding-left:18px;padding-right:18px}.composer{margin:0 12px 12px}.connection{max-width:100px;overflow:hidden;text-overflow:ellipsis}.message{max-width:91%}.composer-footer{align-items:flex-end}.composer-options{flex-wrap:wrap}.option-label{display:none}}