*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0;background:#000}.demo-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding:24px 40px;pointer-events:none}.chat-panel{pointer-events:auto;display:flex;flex-direction:column;width:100%;max-width:440px;height:85vh;max-height:760px;background:#040610bf;border:1px solid rgba(100,120,200,.12);border-radius:20px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden;box-shadow:0 0 60px #503cb414,0 0 1px #8c78dc4d}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(100,120,200,.08)}.ada-label{font-size:18px;font-weight:600;color:#c4b5fd;letter-spacing:1px}.chat-header-right{display:flex;align-items:center;gap:10px}.model-label{font-size:11px;color:#b4bedcb3;text-transform:uppercase;letter-spacing:1.5px}.mute-button{width:28px;height:28px;border-radius:8px;border:1px solid rgba(140,120,220,.2);background:transparent;color:#b4aadc99;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mute-button:hover{background:#3c28784d;color:#c4b5fd}.mute-button.muted{color:#dc5050b3;border-color:#dc505033}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;text-align:center;gap:6px}.splash-logo{margin-bottom:12px;animation:splashPulse 3s ease-in-out infinite}.splash-logo img{width:220px;height:auto}@keyframes splashPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.splash-title{font-size:28px;font-weight:600;color:#c4b5fd;letter-spacing:2px}.splash-subtitle{font-size:12px;color:#a08cdc99;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px}.splash-desc{font-size:14px;line-height:1.7;color:#c8c8e6a6;max-width:320px;margin-bottom:28px}.splash-start{display:flex;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:500;font-family:inherit;color:#c4b5fd;background:#3c28784d;border:1.5px solid rgba(140,120,220,.35);border-radius:14px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.splash-start:hover{background:#5032a073;border-color:#b4a0ff80;transform:scale(1.04);box-shadow:0 0 30px #8c78dc26}.splash-version{margin-top:20px;font-size:10px;color:#8c78c84d;letter-spacing:1.5px;text-transform:uppercase}.splash-how-link{margin-top:8px;font-size:11px;color:#8c78dc80;background:none;border:none;cursor:pointer;font-family:inherit;letter-spacing:.5px;transition:color .2s ease}.splash-how-link:hover{color:#c4b5fd}.info-button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(140,120,220,.2);background:transparent;color:#b4aadc80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.info-button:hover{background:#3c28784d;color:#c4b5fd;border-color:#8c78dc66}.info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-modal{position:relative;width:90%;max-width:520px;max-height:80vh;overflow-y:auto;background:#080a18f2;border:1px solid rgba(100,120,200,.15);border-radius:20px;padding:36px 32px 28px;box-shadow:0 0 80px #503cb41f,0 0 1px #8c78dc66;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.info-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:#b4aadc66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.info-close:hover{background:#3c28784d;color:#c4b5fd}.info-title{font-size:22px;font-weight:600;color:#c4b5fd;letter-spacing:1px;margin-bottom:4px}.info-subtitle{font-size:11px;color:#a08cdc80;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.info-body{font-size:13px;line-height:1.75;color:#c8c8e6b3}.info-body p{margin-bottom:14px}.info-body h3{font-size:13px;font-weight:600;color:#c4b5fdcc;text-transform:uppercase;letter-spacing:1.5px;margin:20px 0 10px}.info-body ol{padding-left:18px;margin-bottom:14px}.info-body li{margin-bottom:8px}.info-body strong{color:#dcd2ffd9}.info-link{display:inline-block;margin-top:16px;font-size:12px;color:#c4b5fd;text-decoration:none;letter-spacing:.5px;opacity:.7;transition:opacity .2s ease}.info-link:hover{opacity:1}.chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#6478c826;border-radius:2px}.message{display:flex;flex-direction:column;gap:4px;max-width:92%;animation:messageIn .3s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-ada{align-self:flex-start}.message-user{align-self:flex-end}.message-sender{font-size:10px;color:#8b7ec899;text-transform:uppercase;letter-spacing:1px;font-weight:500}.message-text{font-size:14px;line-height:1.6;padding:12px 16px;border-radius:14px}.message-ada .message-text{background:#281e5066;border:1px solid rgba(100,90,180,.1);color:#d2d2ebe6}.message-user .message-text{background:#1e32644d;border:1px solid rgba(60,100,200,.1);color:#a0b8d8;padding:8px 12px}.chat-input{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border-top:1px solid rgba(100,120,200,.06)}.mic-button{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(140,120,220,.3);background:#281e504d;color:#c4b5fd;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;position:relative}.mic-button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid rgba(140,120,220,.08);transition:all .25s ease}.mic-button:hover:not(.disabled){background:#3c287880;border-color:#a08cf080;transform:scale(1.05);box-shadow:0 0 20px #8c78dc26}.mic-button:hover:not(.disabled):before{border-color:#8c78dc33;top:-8px;right:-8px;bottom:-8px;left:-8px}.mic-button.recording{background:#a01e1e59;border-color:#dc505080;color:#f88;animation:recordPulse 2s ease-in-out infinite}.mic-button.recording:before{border-color:#dc505026;animation:recordRing 2s ease-in-out infinite}.mic-button.disabled{opacity:.25;cursor:not-allowed}@keyframes recordPulse{0%,to{box-shadow:0 0 #dc505040}50%{box-shadow:0 0 0 14px #dc505000}}@keyframes recordRing{0%,to{top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:1}50%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.mic-hint{font-size:11px;color:#a0aac859;letter-spacing:.5px}.glyph-stats{position:fixed;bottom:66px;left:24px;z-index:10;display:flex;align-items:baseline;gap:6px;pointer-events:none}.glyph-stats-count{font-size:18px;font-weight:600;color:#c4b5fd;letter-spacing:.5px}.glyph-stats-label{font-size:11px;color:#8c78dc73;text-transform:uppercase;letter-spacing:1.5px}.glyph-search{position:fixed;bottom:24px;left:24px;z-index:10;display:flex;align-items:center;gap:6px;pointer-events:auto}.glyph-search-input{width:120px;padding:8px 12px;font-size:13px;font-family:inherit;color:#c4b5fd;background:#040610b3;border:1px solid rgba(140,120,220,.25);border-radius:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);outline:none;transition:border-color .2s ease,width .2s ease}.glyph-search-input::placeholder{color:#8c78dc4d}.glyph-search-input:focus{border-color:#a08cf080;width:160px}.glyph-search-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(140,120,220,.25);background:#040610b3;color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .2s ease}.glyph-search-btn:hover{background:#3c287880;border-color:#a08cf080}.glyph-search-clear{width:28px;height:28px;border-radius:50%;opacity:.6}.glyph-search-clear:hover{opacity:1}@media(max-width:768px){.demo-container{justify-content:center;padding:0;background:#040610}.chat-panel{max-width:100%;width:100%;height:100vh;max-height:100vh;border-radius:0;border:none;background:#040610;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.glyph-world{display:none!important}.glyph-stats,.glyph-search{display:none}}