@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-color: #0E0E0E;--accent-color: #FF4D00;--text-color: #FFFFFF;--secondary-text: #888888;--border-color: #333333;--font-main: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow:hidden;height:100vh}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.4}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,77,0,.15),transparent 40%);pointer-events:none;z-index:9999}.landing-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:10}.landing-content{text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-title{font-family:var(--font-display);font-size:6rem;font-weight:700;color:var(--accent-color);line-height:.9;text-transform:uppercase;letter-spacing:-2px}.hero-title span{display:block;color:var(--text-color)}.hero-subtitle{font-family:var(--font-main);font-size:1rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:4px;margin-top:1rem}.enter-btn{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:1rem 3rem;font-family:var(--font-display);font-size:1rem;text-transform:uppercase;cursor:pointer;transition:all .2s ease;margin-top:3rem}.enter-btn:hover{background:var(--accent-color);color:var(--bg-color)}.scene{width:200px;height:200px;perspective:600px;margin-bottom:2rem}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 10s infinite linear}.cube-face{position:absolute;width:200px;height:200px;border:2px solid var(--accent-color);opacity:.8;background:#ff4d000d}.cube-face-front{transform:rotateY(0) translateZ(100px)}.cube-face-right{transform:rotateY(90deg) translateZ(100px)}.cube-face-back{transform:rotateY(180deg) translateZ(100px)}.cube-face-left{transform:rotateY(-90deg) translateZ(100px)}.cube-face-top{transform:rotateX(90deg) translateZ(100px)}.cube-face-bottom{transform:rotateX(-90deg) translateZ(100px)}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.echo-container{position:fixed;inset:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:10;background-color:var(--bg-color);overflow:hidden}.echo-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-color);flex-shrink:0;z-index:20}.header-title{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-1px}.status-indicator{display:flex;align-items:center;gap:.8rem}.status-dot{width:10px;height:10px;background-color:var(--secondary-text);border-radius:0}.status-dot.active{background-color:var(--accent-color);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status-text{font-family:var(--font-main);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--secondary-text)}.interface-circle{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.visualizer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:0;pointer-events:none}.visualizer-bar{width:200px;height:2px;background-color:var(--accent-color);transform:scaleX(0);transition:transform .1s ease}.visualizer.active .visualizer-bar{animation:expandContract .5s infinite alternate}@keyframes expandContract{0%{transform:scaleX(.2)}to{transform:scaleX(1.5)}}.conversation-area{z-index:1;flex:1;width:100%;max-width:900px;margin:0 auto;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.message{max-width:70%;padding:0 1rem;font-size:1.2rem;line-height:1.5;position:relative;font-family:var(--font-main);flex-shrink:0;animation:message-glitch .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes message-glitch{0%{opacity:0;transform:translate(-10px) skew(20deg);filter:blur(5px)}20%{opacity:1;transform:translate(5px) skew(-10deg)}40%{transform:translate(-2px) skew(5deg)}60%{transform:translate(1px) skew(-2deg);filter:blur(0)}to{transform:translate(0) skew(0)}}.message.user{align-self:flex-end;text-align:right;border-right:2px solid var(--accent-color);color:var(--text-color)}.message.bot{align-self:flex-start;text-align:left;border-left:2px solid var(--secondary-text);color:var(--secondary-text)}.controls{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-color);flex-shrink:0;z-index:20}.mic-btn{width:60px;height:60px;background:transparent;border:1px solid var(--text-color);color:var(--text-color);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.mic-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.mic-btn.listening{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-color)}.hint{font-family:var(--font-main);font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--secondary-text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}