:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1016;font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;position:relative;overflow:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle,#4285f426 0%,#0f101600 70%);border-radius:50%;width:80vw;max-width:800px;height:80vw;max-height:800px;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}*{box-sizing:border-box}#root{text-align:center;justify-content:center;align-items:center;width:100%;max-width:1200px;height:100vh;margin:0 auto;padding:2rem;display:flex}.aura-container{-webkit-backdrop-filter:blur(20px);color:#fff;background:#14161e99;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:100%;height:85vh;animation:.8s cubic-bezier(.2,.8,.2,1) forwards floatIn;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006,inset 0 1px 1px #ffffff0d}@keyframes floatIn{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.aura-header{background:#0003;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.aura-header h1{letter-spacing:-.5px;background:linear-gradient(135deg,#4285f4 0%,#a259ff 50%,#34a853 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;margin:0;font-size:1.8rem;font-weight:700;animation:5s linear infinite shine}@keyframes shine{to{background-position:200%}}.status-container{background:#0000004d;border:1px solid #ffffff0d;border-radius:50px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;display:flex}.status-indicator{background-color:#555;border-radius:50%;width:12px;height:12px;transition:all .3s}.status-indicator.live{background-color:#0f8;box-shadow:0 0 15px #0f8c,0 0 30px #0f86}.status-indicator.connecting{background-color:#fbbc05;animation:1s ease-in-out infinite alternate blink;box-shadow:0 0 15px #fbbc0599}.status-indicator.idle{background-color:#4285f4;animation:2s ease-in-out infinite alternate pulseIdle;box-shadow:0 0 15px #4285f499}@keyframes pulseIdle{0%{opacity:.6;box-shadow:0 0 10px #4285f466}to{opacity:1;box-shadow:0 0 20px #4285f4cc}}@keyframes blink{to{opacity:.3}}.wake-up-screen{background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;display:flex}.wake-up-screen .start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4285f4,#357ae8);border:1px solid #fff3;border-radius:50px;padding:1.5rem 4rem;font-size:1.6rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #4285f466,inset 0 2px #fff3}.wake-up-screen .start-btn:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 15px 40px #4285f499,inset 0 2px #ffffff4d}.wake-up-screen .start-btn:active{transform:translateY(2px)scale(.98)}.wake-up-screen p{color:#ffffff80;letter-spacing:.5px;font-size:1.2rem}.main-content,.dashboard-and-chat{flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard{background:#00000026;border-bottom:1px solid #ffffff0d;flex-wrap:nowrap;align-items:center;gap:1.2rem;min-height:140px;padding:2rem;display:flex;overflow-x:auto}.dashboard::-webkit-scrollbar{height:6px}.dashboard::-webkit-scrollbar-track{background:0 0}.dashboard::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.device-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:1.2rem;min-width:240px;padding:1.2rem 2rem;transition:all .3s;display:flex}.device-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.device-card .icon{filter:drop-shadow(0 4px 6px #0000004d);font-size:2.2rem}.device-card strong{margin-bottom:.2rem;font-size:1.1rem;font-weight:600;display:block}.device-card p{color:#fff9;margin:0;font-size:.85rem;font-weight:500}.device-card.online{background:linear-gradient(145deg,#ffffff08,#34a8530d);border-color:#34a85366}.device-card.rebooting{background:linear-gradient(145deg,#ffffff08,#fbbc050d);border-color:#fbbc0580;animation:1.5s infinite alternate cardPulse}.device-card.thermostat-active{background:linear-gradient(145deg,#ffffff08,#4285f426);border-color:#4285f499;animation:.8s ease-out floatIn;box-shadow:0 0 20px #4285f433}.device-card.active-scene{background:linear-gradient(145deg,#ffffff08,#a259ff1a);border-color:#a259ff66}.device-card.security{border-color:#34a85366}.device-card.emergency{background:linear-gradient(145deg,#ea433526,#ea43350d);border-color:#ea4335;animation:1s infinite alternate emergencyFlash}.device-card.energy{background:linear-gradient(145deg,#ffffff08,#4285f41a);border-color:#4285f466}.device-card.memory{background:linear-gradient(145deg,#ffffff08,#fbbc051a);border-color:#fbbc0566}.device-card.guest{border-color:#a259ff66}@keyframes cardPulse{to{box-shadow:0 0 15px #fbbc0533}}@keyframes emergencyFlash{to{background:#ea43354d;box-shadow:0 0 20px #ea433580}}.chat-window{scroll-behavior:smooth;background:0 0;flex-direction:column;flex:1;gap:1.5rem;padding:2.5rem;display:flex;overflow-y:auto}.welcome{text-align:center;color:#fff9;margin:auto;font-size:1.2rem;animation:1s .5s both fadeIn}.welcome p:first-child{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{border-radius:18px;max-width:75%;padding:1.2rem 1.5rem;font-size:1.05rem;line-height:1.6;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn;box-shadow:0 4px 15px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.user-msg{color:#fff;background:linear-gradient(135deg,#4285f4,#2b65d9);border-bottom-right-radius:4px;align-self:flex-end}.aura-msg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f1f1f1;background:#ffffff0f;border:1px solid #ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.aura-msg strong,.user-msg strong{opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem;font-size:.85em;display:block}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-top:1px solid #ffffff0d;justify-content:center;padding:1.5rem;display:flex}.stop-btn{color:#ff6b6b;cursor:pointer;letter-spacing:.5px;background:#ea43351a;border:1px solid #ea43354d;border-radius:50px;padding:.8rem 2.5rem;font-size:1rem;font-weight:600;transition:all .2s}.stop-btn:hover{background:#ea433533;transform:translateY(-2px);box-shadow:0 5px 15px #ea433533}.error-banner{color:#fff;z-index:10;background:#ea4335e6;padding:.8rem;font-weight:500;box-shadow:0 4px 15px #ea433566}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track{background:0 0}.chat-window::-webkit-scrollbar-thumb{background:#ffffff26;border:2px solid #14161e;border-radius:10px}.chat-window::-webkit-scrollbar-thumb:hover{background:#ffffff40}.webcam-preview-container{z-index:100;background:#000;border:2px solid #a259ff99;border-radius:16px;animation:.5s ease-out forwards floatIn;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden;box-shadow:0 0 30px #a259ff59,0 8px 24px #00000080}.webcam-preview{object-fit:cover;border-radius:14px;width:220px;height:165px;transition:all .3s;display:block}.webcam-preview-container.frame-flash{border-color:#0f8c;box-shadow:0 0 35px #0f86,0 8px 30px #0009}.debug-frame-container{background:#000000d9;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 12px #0000004d}.debug-title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.3px;font-size:.6rem;font-weight:600}.debug-frame-img{border:1px solid #a259ff4d;border-radius:4px;width:100px;height:auto;display:block}.aura-container{transition:all .8s cubic-bezier(.4,0,.2,1)}.aura-container.lights-off{background:#06080ef2;box-shadow:inset 0 0 120px #000000e6}.aura-container.lights-off .aura-header h1{text-shadow:0 0 15px #a259ffcc}.aura-container.lights-off .status-indicator{box-shadow:0 0 20px #0f8c}.emergency-strobe-overlay{z-index:999;pointer-events:none;background:#ea43351a;animation:.8s ease-in-out infinite alternate alarmStrobe;position:absolute;inset:0}@keyframes alarmStrobe{0%{background:#ea43350d;box-shadow:inset 0 0 30px #ea433533}to{background:#ea433540;box-shadow:inset 0 0 80px #ea433599}}.aura-container.emergency-global .aura-header{border-bottom:2px solid #ea4335;box-shadow:0 4px 15px #ea43354d}.device-card.thermos-cool{background:linear-gradient(145deg,#ffffff05,#4285f426);border-color:#4285f466;box-shadow:0 4px 15px #4285f426}.device-card.thermos-cool .icon{text-shadow:0 0 10px #4285f4cc}.device-card.thermos-heat{background:linear-gradient(145deg,#ffffff05,#fbbc0526);border-color:#fbbc0566;box-shadow:0 4px 15px #fbbc0526}.device-card.thermos-heat .icon{text-shadow:0 0 10px #fbbc05cc}.device-card.thermos-off{background:linear-gradient(145deg,#ffffff03,#ffffff0d);border-color:#ffffff1a}.webcam-badge{color:#fff;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;background:#a259ffd9;border-radius:50px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:8px;left:10px}