@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--color-canvas:#f7f5ef;--color-canvas-warm:#fff9e8;--color-surface:#fff;--color-surface-muted:#eeebe4;--color-surface-strong:#242036;--color-ink:#211d34;--color-ink-soft:#5e596f;--color-ink-muted:#686276;--color-on-dark:#fffdf7;--color-border:#dfdbe7;--color-border-strong:#bbb4ca;--color-brand:#6c47ff;--color-brand-strong:#5130db;--color-brand-soft:#ebe5ff;--color-energy:#ffd84d;--color-energy-strong:#e0a900;--color-orange:#ff8b4a;--color-orange-soft:#fff0e5;--color-sky:#76d8ff;--color-sky-soft:#e2f7ff;--color-success:#0e6842;--color-success-soft:#ddf7eb;--color-warning:#7d4800;--color-warning-soft:#fff1c7;--color-critical:#a32639;--color-critical-soft:#ffe7e8;--color-neutral-soft:#ece9f1;--status-normal:var(--color-success);--status-info:#176f9c;--status-warning:var(--color-warning);--status-critical:var(--color-critical);--status-disconnected:#686276;--font-display:"Manrope Variable", "Manrope", system-ui, sans-serif;--font-body:"Manrope Variable", "Manrope", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:clamp(1.8rem, 3vw, 2.6rem);--font-size-display:clamp(3rem, 7vw, 6.6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:.5rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999px;--shadow-1:0 1px 2px #231c3b14;--shadow-2:0 12px 32px #2b1f511a;--shadow-3:0 24px 70px #2b1f5129;--shadow-brand:0 14px 30px #6c47ff3d;--motion-instant:90ms;--motion-fast:.16s;--motion-medium:.26s;--motion-slow:.52s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--focus-ring:0 0 0 4px #6c47ff38;--content-width:1440px;--dialog-width:860px;--dialog-wide-width:1240px;--touch-target:44px;font-family:Manrope Variable,Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-canvas);min-width:320px}body{background:radial-gradient(circle at 8% 5%, #ffd84d2e, transparent 24rem), radial-gradient(circle at 94% 26%, #76d8ff26, transparent 28rem), var(--color-canvas);min-width:320px;min-height:100vh;color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[tabindex]{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),a[href],select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--color-brand);outline-offset:3px;box-shadow:var(--focus-ring)}main,main:focus,main:focus-visible,[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{box-shadow:none!important;outline:none!important}::selection{background:var(--color-energy);color:var(--color-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface-muted)}::-webkit-scrollbar-thumb{border:2px solid var(--color-surface-muted);border-radius:var(--radius-pill);background:#aaa4b7}::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.045em;line-height:1.05}p{color:var(--color-ink-soft)}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:1000;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-on-dark);transition:transform var(--motion-fast) var(--ease-standard);padding:.75rem 1rem;font-weight:800;text-decoration:none;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.eyebrow{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--color-brand-strong);font-size:var(--font-size-xs);letter-spacing:.13em;text-transform:uppercase;font-weight:850;display:flex}.eyebrow--light{color:var(--color-energy)}.brand{color:var(--color-ink);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand[href]{min-height:var(--touch-target)}.brand--light{color:var(--color-on-dark)}.brand__mark{border:2px solid var(--color-ink);background:var(--color-energy);width:42px;height:42px;color:var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);transition:transform var(--motion-fast) var(--ease-bounce), box-shadow var(--motion-fast) var(--ease-standard);border-radius:13px;flex:none;place-items:center;display:grid;transform:rotate(-3deg)}.brand:hover .brand__mark{box-shadow:2px 2px 0 var(--color-ink);transform:translate(2px,2px)rotate(2deg)}.brand__wordmark{letter-spacing:-.055em;font-size:1.25rem;font-weight:900}.brand__wordmark span{color:var(--color-brand)}.button,.icon-button{min-height:var(--touch-target);transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);border:0;justify-content:center;align-items:center;display:inline-flex}.button{gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:2px solid #0000;padding:.68rem 1.1rem;font-weight:850;line-height:1.15}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px)scale(.985)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.5}.button--primary{border-color:var(--color-ink);background:var(--color-brand);color:#fff;box-shadow:4px 4px 0 var(--color-ink)}.button--primary:hover:not(:disabled){background:var(--color-brand-strong);box-shadow:6px 6px 0 var(--color-ink)}.button--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-1)}.button--secondary:hover:not(:disabled){border-color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink)}.button--ghost{color:var(--color-ink-soft);background:0 0}.button--ghost:hover:not(:disabled){background:var(--color-brand-soft);color:var(--color-brand-strong)}.button--small{min-height:var(--touch-target);font-size:var(--font-size-xs);padding:.45rem .75rem}.button--large{min-height:52px;padding-inline:1.35rem;font-size:.95rem}.icon-button{width:var(--touch-target);height:var(--touch-target);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-soft);flex:none}.icon-button:hover:not(:disabled){border-color:var(--color-ink);color:var(--color-ink)}.icon-button--small{width:var(--touch-target);height:var(--touch-target);min-height:var(--touch-target);background:0 0;border-color:#0000}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:1rem;height:1rem;animation:.7s linear infinite spin;display:inline-block}.spinner-label{align-items:center;gap:var(--space-2);color:inherit;font-size:var(--font-size-sm);font-weight:750;display:inline-flex}.text-critical{color:var(--color-critical)!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes signal-pulse{0%{opacity:0;transform:scale(1)translateZ(0)}20%{opacity:.75}to{opacity:0;transform:scale(2.4)translateZ(0)}}.vw-character-group{--vw-group-gaze-x:0px;--vw-group-gaze-y:0px}.vw-character{width:calc(var(--vw-character-size) * var(--vw-character-aspect-ratio));height:var(--vw-character-size);outline-offset:5px;color:var(--vw-character-outline);vertical-align:bottom;transition:filter var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:0 0;border:0;flex:none;padding:0;display:inline-block;position:relative}button.vw-character{appearance:none;min-width:0;min-height:0}.vw-character.is-interactive:hover:not(:disabled){filter:drop-shadow(0 12px 11px #281e4529);transform:translateY(-4px)}.vw-character.is-selected{filter:drop-shadow(0 0 .65rem #6c47ff3d)drop-shadow(0 14px 12px #281e452e)}.vw-character.is-selected:after{z-index:0;border:max(2px, calc(var(--vw-character-size) * .018)) solid var(--color-brand);content:"";pointer-events:none;border-radius:28%;position:absolute;inset:-7%;box-shadow:0 0 0 4px #6c47ff1f}.vw-character.is-disabled{filter:grayscale(.8);opacity:.5}.vw-character__artwork,.vw-character__antenna-zone,.vw-character__details,.vw-character__face,.vw-character__feet,.vw-character__privacy-hands{position:absolute;inset:0}.vw-character__artwork{z-index:1;transform-origin:50% 82%;display:block}.vw-character__ground-shadow{filter:blur(2px);background:#211d342b;border-radius:50%;height:9%;position:absolute;bottom:3%;left:12%;right:12%;transform:scaleX(.85)}.vw-character__body{z-index:2;border:max(2px, calc(var(--vw-character-size) * .025)) solid var(--vw-character-outline);background:linear-gradient(145deg, #ffffff40, transparent 35%), var(--vw-character-primary);height:72%;box-shadow:inset -.28rem -.28rem 0 #211d3414, 0 .32rem 0 var(--vw-character-outline);transform-origin:50% 90%;border-radius:18% 18% 15% 15%;position:absolute;bottom:14%;left:13%;right:13%}.vw-character--round .vw-character__body{border-radius:48% 50% 38% 42%;height:61%;bottom:15%;left:8%;right:8%}.vw-character--screen .vw-character__body{border-radius:13%;height:55%;bottom:26%;left:4%;right:4%}.vw-character--slim .vw-character__body{border-radius:20%;height:47%;bottom:22%;left:6%;right:6%}.vw-character--plug .vw-character__body,.vw-character--sensor .vw-character__body{border-radius:28%;height:58%;bottom:18%;left:11%;right:11%}.vw-character__face{z-index:4;height:30%;inset:31% 18% auto}.vw-character--round .vw-character__face{top:27%}.vw-character--screen .vw-character__face,.vw-character--slim .vw-character__face{top:25%}.vw-character__eye{aspect-ratio:1;border:2px solid var(--vw-character-outline);background:var(--vw-character-highlight);transform-origin:50%;border-radius:50%;width:34%;position:absolute;top:2%}.vw-character__eye--left{left:13%}.vw-character__eye--right{right:13%}.vw-character__pupil{aspect-ratio:1;width:38%;transform:translate(calc(-50% + var(--vw-character-gaze-x)), calc(-50% + var(--vw-character-gaze-y)));background:#110d21;border-radius:50%;transition:transform 60ms linear;position:absolute;top:50%;left:50%}.vw-character__pupil:after{content:"";background:#fff;border-radius:50%;width:30%;height:30%;position:absolute;top:18%;left:20%}.vw-character__eyelid{border-bottom:max(2px, calc(var(--vw-character-size) * .018)) solid var(--vw-character-outline);background:var(--vw-character-primary);opacity:0;transform-origin:top;border-radius:50%;position:absolute;inset:-8%;transform:translateY(-70%)}.vw-character__mouth{border-bottom:max(2px, calc(var(--vw-character-size) * .022)) solid var(--vw-character-outline);border-radius:0 0 50% 50%;width:26%;height:17%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.vw-character__arm{z-index:1;border:max(2px, calc(var(--vw-character-size) * .022)) solid var(--vw-character-outline);border-radius:var(--radius-pill);background:var(--vw-character-primary);transform-origin:50%;width:25%;height:12%;position:absolute;top:55%}.vw-character__arm--left{right:88%;transform:rotate(20deg)}.vw-character__arm--right{left:88%;transform:rotate(-20deg)}.vw-character__hand{aspect-ratio:1;border:max(1px, calc(var(--vw-character-size) * .016)) solid var(--vw-character-outline);background:var(--vw-character-accent);border-radius:50%;width:36%;position:absolute;top:50%;transform:translateY(-50%)}.vw-character__arm--left .vw-character__hand{left:-13%}.vw-character__arm--right .vw-character__hand{right:-13%}.vw-character__feet{z-index:1;height:16%;top:auto;bottom:7%}.vw-character__foot{border:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);background:var(--vw-character-accent);border-radius:55% 55% 40% 40%;width:25%;height:38%;position:absolute;bottom:0}.vw-character__foot--left{left:22%;transform:rotate(5deg)}.vw-character__foot--right{right:22%;transform:rotate(-5deg)}.vw-character--screen .vw-character__feet,.vw-character--slim .vw-character__feet{opacity:0}.vw-character__status-badge{z-index:8;aspect-ratio:1;border:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);background:var(--color-energy);width:29%;min-width:1rem;color:var(--vw-character-outline);box-shadow:.15rem .18rem 0 var(--vw-character-outline);border-radius:50%;place-items:center;display:none;position:absolute;top:-12%;right:-14%}.vw-character__status-mark:before{font-size:calc(var(--vw-character-size) * .14);font-weight:950;line-height:1}.vw-character__sleep-mark{z-index:8;color:var(--vw-character-accent);font-size:calc(var(--vw-character-size) * .19);font-weight:950;display:none;position:absolute;top:2%;right:4%;transform:rotate(11deg)}.vw-character__activity-mark{z-index:1;border:max(1px, calc(var(--vw-character-size) * .012)) dashed var(--vw-character-accent);opacity:.5;border-radius:50%;width:54%;height:54%;display:none;position:absolute;top:12%;left:50%;transform:translate(-50%)}.vw-character__privacy-hands{z-index:10;height:28%;display:none;top:30%;bottom:auto}.vw-character__privacy-hands span{border:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);border-radius:var(--radius-pill);background:var(--vw-character-accent);width:46%;height:28%;position:absolute;top:30%}.vw-character__privacy-hands span:first-child{left:9%;transform:rotate(13deg)}.vw-character__privacy-hands span:last-child{right:9%;transform:rotate(-13deg)}.vw-character--refrigerator .vw-character__body{border-radius:15% 15% 10% 10%;height:78%}.vw-character--refrigerator .vw-character__face{top:21%}.vw-character--washing-machine .vw-character__face{top:19%;left:24%;right:24%}.vw-character--kettle .vw-character__body{border-radius:53% 42% 38% 45%;height:57%;bottom:17%;left:8%;right:13%}.vw-character--kettle .vw-character__face{top:28%;left:21%}.vw-character--air-conditioner .vw-character__body{border-radius:16%;height:68%;bottom:16%;left:10%;right:10%}.vw-character--air-conditioner .vw-character__face{height:28%;top:25%;left:15%;right:15%}.vw-character--air-conditioner .vw-character__ground-shadow{transform:scaleX(.55)}.vw-character--lamp .vw-character__body{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);border-radius:52% 52% 22% 22%;height:42%;bottom:34%;left:8%;right:8%}.vw-character--lamp .vw-character__face{top:31%;left:18%;right:18%}.vw-character--lamp .vw-character__feet{opacity:1}.vw-character--smart-plug .vw-character__face,.vw-character--iot-sensor .vw-character__face{top:28%}.vw-character__detail{z-index:2;pointer-events:none;display:block;position:absolute}.vw-character__detail--split-door{width:max(1.5px, calc(var(--vw-character-size) * .015));border-radius:var(--radius-pill);background:var(--vw-character-outline);opacity:.55;top:3%;bottom:3%;left:50%}.vw-character__detail--handle{border:max(1px, calc(var(--vw-character-size) * .014)) solid var(--vw-character-outline);border-radius:var(--radius-pill);background:var(--vw-character-highlight);width:7%;height:31%;top:27%;right:11%}.vw-character__detail--drum{aspect-ratio:1;border:max(2px, calc(var(--vw-character-size) * .024)) solid var(--vw-character-outline);background:radial-gradient(circle at 38% 34%,#ffffffa6 0 8%,#0000 9%),repeating-radial-gradient(circle,#7f9ac0 0 6%,#3d5479 7% 13%);border-radius:50%;bottom:8%;left:16%;right:16%;box-shadow:inset 0 0 0 .22rem #ffffff6b}.vw-character__detail--dial{aspect-ratio:1;border:max(1px, calc(var(--vw-character-size) * .015)) solid var(--vw-character-outline);background:var(--vw-character-accent);border-radius:50%;width:14%;top:7%;right:12%}.vw-character__detail--screen{border:max(1px, calc(var(--vw-character-size) * .015)) solid var(--vw-character-outline);background:linear-gradient(145deg,#ffffff2e,#0000 55%),#211d3417;border-radius:9%;inset:8%}.vw-character__detail--stand{border:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);background:var(--vw-character-accent);clip-path:polygon(35% 0,65% 0,72% 70%,100% 80%,100% 100%,0 100%,0 80%,28% 70%);border-top:0;height:28%;bottom:-24%;left:36%;right:36%}.vw-character__detail--vent{border-block:max(1px, calc(var(--vw-character-size) * .012)) solid var(--vw-character-outline);background:repeating-linear-gradient(90deg, transparent 0 10%, var(--vw-character-outline) 10% 13%);opacity:.55;height:16%;bottom:10%;left:9%;right:9%}.vw-character__detail--knobs{background:radial-gradient(circle at 10% 50%, var(--vw-character-accent) 0 6%, var(--vw-character-outline) 7% 10%, transparent 11%), radial-gradient(circle at 38% 50%, var(--vw-character-accent) 0 6%, var(--vw-character-outline) 7% 10%, transparent 11%), radial-gradient(circle at 66% 50%, var(--vw-character-accent) 0 6%, var(--vw-character-outline) 7% 10%, transparent 11%), radial-gradient(circle at 94% 50%, var(--vw-character-accent) 0 6%, var(--vw-character-outline) 7% 10%, transparent 11%);height:10%;top:8%;left:12%;right:12%}.vw-character__detail--oven-door,.vw-character__detail--microwave-door{border:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);background:linear-gradient(145deg,#ffffff29,#0000 45%),#51465f;border-radius:8%;height:53%;bottom:8%;left:9%;right:9%;box-shadow:inset 0 0 0 .18rem #ffffff1c}.vw-character__detail--microwave-door{height:72%;right:28%}.vw-character__detail--keypad{border:max(1px, calc(var(--vw-character-size) * .012)) solid var(--vw-character-outline);background:radial-gradient(circle, var(--vw-character-outline) 0 9%, transparent 11%) 0 0 / 50% 33%;opacity:.65;border-radius:15%;width:18%;height:46%;top:15%;right:5%}.vw-character__detail--spout{z-index:-1;border:max(2px, calc(var(--vw-character-size) * .022)) solid var(--vw-character-outline);background:var(--vw-character-primary);border-left:0;border-radius:0 80% 18% 0;width:39%;height:28%;top:14%;left:85%;transform:rotate(-17deg)}.vw-character__detail--kettle-handle{z-index:-1;border:max(3px, calc(var(--vw-character-size) * .035)) solid var(--vw-character-outline);border-right:0;border-radius:70% 0 0 70%;width:43%;height:60%;top:6%;right:70%}.vw-character__detail--shade{inset:0}.vw-character__detail--bulb{aspect-ratio:1;border:max(1px, calc(var(--vw-character-size) * .014)) solid var(--vw-character-outline);width:19%;box-shadow:0 0 .65rem var(--color-energy);background:#fff9bf;border-radius:50%;top:13%;left:50%;transform:translate(-50%)}.vw-character__detail--rays{aspect-ratio:1;border:max(1px, calc(var(--vw-character-size) * .014)) dashed var(--color-energy);border-radius:50%;width:85%;top:-18%;left:50%;transform:translate(-50%)}.vw-character__detail--keyboard{border:max(2px, calc(var(--vw-character-size) * .018)) solid var(--vw-character-outline);background:repeating-linear-gradient(90deg, transparent 0 10%, #211d3438 10% 13%), var(--vw-character-highlight);border-radius:15%;height:18%;bottom:-23%;left:13%;right:13%;transform:perspective(50px)rotateX(40deg)}.vw-character__detail--rack,.vw-character__detail--grill{border:max(1px, calc(var(--vw-character-size) * .014)) solid var(--vw-character-outline);background:repeating-linear-gradient(90deg,#0000 0 12%,#211d3473 12% 16%);border-radius:8%;height:48%;bottom:10%;left:12%;right:12%}.vw-character__detail--hose{z-index:-1;border:max(3px, calc(var(--vw-character-size) * .04)) solid var(--vw-character-outline);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;width:68%;height:68%;top:-8%;left:53%;transform:rotate(-27deg)}.vw-character__detail--prongs{background:linear-gradient(90deg, var(--vw-character-outline) 0 22%, transparent 23% 76%, var(--vw-character-outline) 77%);width:48%;height:31%;bottom:-25%;left:50%;transform:translate(-50%)}.vw-character__detail--socket{aspect-ratio:1;border:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);background:radial-gradient(circle at 32% 45%, var(--vw-character-outline) 0 7%, transparent 8%), radial-gradient(circle at 68% 45%, var(--vw-character-outline) 0 7%, transparent 8%), var(--vw-character-highlight);border-radius:50%;bottom:13%;left:22%;right:22%}.vw-character__detail--antenna{width:max(2px, calc(var(--vw-character-size) * .022));border-radius:var(--radius-pill);background:var(--vw-character-outline);height:35%;top:-33%;left:50%;transform:translate(-50%)}.vw-character__detail--antenna:before{width:calc(var(--vw-character-size) * .12);aspect-ratio:1;border:max(1px, calc(var(--vw-character-size) * .012)) solid var(--vw-character-outline);background:var(--vw-character-accent);content:"";border-radius:50%;position:absolute;top:-22%;left:50%;transform:translate(-50%)}.vw-character__detail--signal{aspect-ratio:1;border:max(1px, calc(var(--vw-character-size) * .013)) solid var(--vw-character-accent);opacity:.7;border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;width:60%;top:-20%;left:50%;transform:translate(-50%)rotate(-45deg)}.vw-character--state-sleeping .vw-character__eyelid,.vw-character--state-privacy .vw-character__eyelid{opacity:1;transform:translateY(0)}.vw-character--state-sleeping .vw-character__mouth,.vw-character--state-error .vw-character__mouth,.vw-character--state-disconnected .vw-character__mouth{border-top:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);border-bottom:0;border-radius:50% 50% 0 0;bottom:-8%}.vw-character--state-happy .vw-character__mouth,.vw-character--state-approved .vw-character__mouth,.vw-character--state-success .vw-character__mouth{border-width:max(2px, calc(var(--vw-character-size) * .025));width:35%;height:25%}.vw-character--state-observing .vw-character__eye--left{transform:rotate(4deg)scaleY(1.08)}.vw-character--state-observing .vw-character__eye--right{transform:rotate(-4deg)scaleY(1.08)}.vw-character--state-warning .vw-character__mouth,.vw-character--state-anomalous .vw-character__mouth{border:max(2px, calc(var(--vw-character-size) * .02)) solid var(--vw-character-outline);border-radius:50%;width:22%;height:20%}.vw-character--state-warning .vw-character__status-badge,.vw-character--state-anomalous .vw-character__status-badge,.vw-character--state-error .vw-character__status-badge,.vw-character--state-disconnected .vw-character__status-badge,.vw-character--state-loading .vw-character__status-badge,.vw-character--state-success .vw-character__status-badge{display:grid}.vw-character--state-warning .vw-character__status-mark:before,.vw-character--state-anomalous .vw-character__status-mark:before{content:"!"}.vw-character--state-anomalous .vw-character__status-badge,.vw-character--state-error .vw-character__status-badge{background:var(--color-critical);color:#fff}.vw-character--state-error .vw-character__status-mark:before{content:"×"}.vw-character--state-disconnected .vw-character__status-badge{background:var(--color-neutral-soft)}.vw-character--state-disconnected .vw-character__status-mark:before{content:"–"}.vw-character--state-loading .vw-character__status-badge{border-top-color:var(--color-sky);background:var(--color-sky-soft);animation:.9s linear infinite spin}.vw-character--state-loading .vw-character__status-mark:before{content:"·"}.vw-character--state-success .vw-character__status-badge{background:var(--color-success-soft);color:var(--color-success)}.vw-character--state-success .vw-character__status-mark:before{content:"✓"}.vw-character--state-sleeping .vw-character__sleep-mark{animation:2.6s ease-in-out infinite vw-sleep-mark;display:block}.vw-character--state-active .vw-character__activity-mark,.vw-character--state-loading .vw-character__activity-mark{animation:4s linear infinite spin;display:block}.vw-character--state-privacy .vw-character__privacy-hands{display:block}.vw-character--state-disconnected .vw-character__artwork{filter:grayscale(.75);opacity:.67}.vw-character[data-character-motion=breathe] .vw-character__artwork{animation:3.8s ease-in-out infinite vw-breathe}.vw-character[data-character-motion=observe] .vw-character__artwork{animation:4.2s ease-in-out infinite vw-observe}.vw-character[data-character-motion=work] .vw-character__body{animation:1.5s ease-in-out infinite vw-work}.vw-character[data-character-motion=sleep] .vw-character__artwork{animation:3.3s ease-in-out infinite vw-sleep}.vw-character[data-character-motion=bounce] .vw-character__artwork,.vw-character[data-character-motion=celebrate] .vw-character__artwork{animation:vw-bounce .76s var(--ease-bounce) infinite alternate}.vw-character[data-character-motion=nod] .vw-character__artwork{animation:1.4s ease-in-out infinite vw-nod}.vw-character[data-character-motion=worry] .vw-character__artwork{animation:1.8s ease-in-out infinite vw-worry}.vw-character[data-character-motion=alert] .vw-character__artwork{animation:2s ease-in-out infinite vw-alert}.vw-character[data-character-motion=shake] .vw-character__artwork{animation:.42s ease-in-out 2 vw-shake}.vw-character[data-character-motion=dim] .vw-character__artwork{animation:2.8s ease-in-out infinite vw-dim}.vw-character[data-character-motion=wait] .vw-character__artwork{animation:1.5s ease-in-out infinite vw-wait}.vw-character[data-character-motion=cover] .vw-character__privacy-hands{animation:vw-cover .42s var(--ease-bounce) both}@keyframes vw-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.5%)scale(1.012)}}@keyframes vw-observe{0%,76%,to{transform:rotate(0)}82%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}@keyframes vw-work{0%,to{transform:translateY(0)}50%{transform:translateY(-2%)}}@keyframes vw-sleep{0%,to{transform:rotate(-1deg)scale(.99)}50%{transform:rotate(1deg)scale(1)}}@keyframes vw-bounce{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-4%)rotate(1deg)}}@keyframes vw-nod{0%,70%,to{transform:translateY(0)rotate(0)}78%{transform:translateY(2%)rotate(-2deg)}86%{transform:translateY(-2%)rotate(2deg)}}@keyframes vw-worry{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes vw-alert{0%,80%,to{filter:drop-shadow(0 0 #d53d4f00);transform:translate(0)}86%{filter:drop-shadow(0 0 .6rem #d53d4f59);transform:translate(-1.5%)}92%{transform:translate(1.5%)}}@keyframes vw-shake{0%,to{transform:translate(0)}25%{transform:translate(-3%)}75%{transform:translate(3%)}}@keyframes vw-dim{0%,to{opacity:.63}50%{opacity:.78}}@keyframes vw-wait{0%,to{transform:translateY(0)}50%{transform:translateY(-2%)}}@keyframes vw-cover{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}@keyframes vw-sleep-mark{0%{opacity:0;transform:translateY(8%)scale(.8)rotate(11deg)}45%{opacity:1}to{opacity:0;transform:translate(20%,-28%)scale(1.1)rotate(11deg)}}.vw-character.is-reduced-motion *,.vw-character-group.is-reduced-motion .vw-character *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.auth-page{background:var(--color-canvas);grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);height:100dvh;display:grid;overflow:hidden}.auth-visual{isolation:isolate;height:100%;color:var(--color-on-dark);box-sizing:border-box;background:radial-gradient(circle at 72% 20%,#76d8ff42,#0000 20rem),radial-gradient(circle at 12% 88%,#ffd84d3b,#0000 22rem),#28213f;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,3vw,2.5rem);display:flex;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{z-index:-1;content:"";pointer-events:none;border:2px solid #ffffff1a;position:absolute;transform:rotate(-12deg)}.auth-visual:before{background:#6c47ff61;border-radius:38% 62% 55% 45%;width:23rem;height:23rem;top:-7rem;right:-5rem}.auth-visual:after{background:#ff8b4a26;border-radius:50%;width:20rem;height:20rem;bottom:-8rem;left:-6rem}.auth-visual__topline{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.auth-visual__badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:#f5efff;min-height:32px;font-size:var(--font-size-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;padding:.35rem .7rem;font-weight:750;display:inline-flex}.auth-visual__copy{z-index:2;max-width:600px;margin-top:clamp(1rem,3vh,3rem);position:relative}.auth-visual__copy h1{color:#fff;letter-spacing:-.06em;max-width:600px;margin:0;font-size:clamp(2.5rem,4.8vw,4.8rem);font-weight:920;line-height:.92}.auth-visual__copy h1 span{color:var(--color-energy);display:block}.auth-visual__copy>p:last-child{max-width:520px;margin:var(--space-4) 0 0;color:#fffdf7b8;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.5}@keyframes float-together{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.auth-character-stage{z-index:2;width:min(100%,580px);height:clamp(160px,22vh,250px);margin:var(--space-4) auto 0;justify-content:space-around;align-items:flex-end;padding-bottom:18px;animation:3.2s ease-in-out infinite float-together;display:flex;position:relative}.auth-character-stage:after{content:"";border-radius:var(--radius-pill);background:linear-gradient(90deg, transparent, var(--color-energy), var(--color-brand-soft), var(--color-energy), transparent);width:90%;height:6px;box-shadow:0 0 16px #ffd60099, 0 3px 0 var(--color-ink);border:1px solid var(--color-ink);position:absolute;bottom:0;left:5%}.auth-character{z-index:2;filter:drop-shadow(0 18px 16px #0c081a4d);transition:transform var(--motion-medium) var(--ease-bounce), filter var(--motion-medium) var(--ease-standard);position:relative;inset:auto!important}.auth-character:hover{z-index:4;filter:drop-shadow(0 24px 20px #0c081a66);transform:translateY(-8px)scale(1.04)}.auth-character .vw-character{--vw-character-size:clamp(4.8rem, 7.5vw, 6.8rem)!important}.auth-character-stage__platform{display:none!important}.auth-visual__metrics{z-index:2;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff21;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.auth-visual__metrics>div{flex-direction:column;min-width:0;padding:.75rem .95rem;display:flex}.auth-visual__metrics>div+div{border-left:1px solid #ffffff1f}.auth-visual__metrics strong{color:#fff;font-size:var(--font-size-md);font-variant-numeric:tabular-nums;font-weight:900}.auth-visual__metrics span{color:#fffdf799;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:650;overflow:hidden}.auth-panel{box-sizing:border-box;background:linear-gradient(#f7f5efe8,#f7f5eff7),radial-gradient(circle at 1px 1px,#211d3426 1px,#0000 0) 0 0/22px 22px;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;max-height:100dvh;padding:clamp(1rem,2vh,1.8rem) clamp(1.5rem,4vw,3rem);display:flex;overflow-y:auto}.auth-panel__inner{flex-direction:column;justify-content:center;width:min(100%,440px);margin-block:auto;display:flex}.auth-nav-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(1rem,2vh,1.8rem);display:flex}.auth-back,.auth-mode-prompt button{align-items:center;gap:var(--space-2);color:var(--color-ink-soft);font-size:var(--font-size-xs);background:0 0;border:0;font-weight:750;display:inline-flex}.auth-back{min-height:var(--touch-target);margin:0;padding:0}.auth-back:hover,.auth-mode-prompt button:hover{color:var(--color-brand-strong)}.auth-tabs{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-1);grid-template-columns:1fr 1fr;margin:0;display:inline-grid}.auth-tabs button{min-width:106px;min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--font-size-sm);transition:color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:0 0;border:0;font-weight:800}.auth-tabs button.is-active{background:var(--color-ink);color:#fff}.auth-heading{gap:var(--space-4);grid-template-columns:46px minmax(0,1fr);align-items:flex-start;display:grid}.auth-heading__icon{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-energy);width:46px;height:46px;color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);place-items:center;display:grid;transform:rotate(-3deg)}.auth-heading .eyebrow{margin-bottom:var(--space-2)}.auth-heading h2{color:var(--color-ink);margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:900;line-height:1}.auth-heading p:last-child{margin:var(--space-2) 0 0;color:var(--color-ink-soft);font-size:var(--font-size-xs);line-height:1.45}.auth-announcements{min-height:0;margin-top:var(--space-3)}.form-alert{align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);animation:fade-up var(--motion-medium) var(--ease-standard);border:1px solid;padding:.6rem .8rem;display:flex}.form-alert>span:first-child{border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-weight:900;display:grid}.form-alert p{color:inherit;margin:0}.form-alert--error{background:var(--color-critical-soft);color:#9b2637;border-color:#d53d4f54}.form-alert--error>span:first-child{background:var(--color-critical);color:#fff}.form-alert--success{background:var(--color-success-soft);color:#0e6842;border-color:#168a5b4d}.auth-form{flex-direction:column;gap:clamp(.6rem,1.5vh,1.1rem);margin-top:clamp(.8rem,2vh,1.4rem);display:flex}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span:first-child,.field>label:first-child{color:var(--color-ink);font-size:.75rem;font-weight:850}.field small{color:var(--color-ink-muted);font-size:.68rem}.field-error{color:var(--color-critical);font-size:.68rem;font-weight:700}.field-error--block{margin-bottom:var(--space-2);display:block}.auth-input{align-items:center;display:flex;position:relative}.auth-input>svg:first-child{z-index:1;color:var(--color-ink-muted);pointer-events:none;position:absolute;left:.85rem}.auth-input input{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-ink);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);outline:0;font-size:.88rem;font-weight:650;padding:.6rem 2.6rem!important}.auth-input input:hover{border-color:var(--color-border-strong)}.auth-input input:focus{border-color:var(--color-brand);box-shadow:var(--focus-ring)}.auth-input input[aria-invalid=true]{border-color:var(--color-critical)}.auth-input__valid{color:var(--color-success);position:absolute;right:1rem}.auth-password-toggle{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);color:var(--color-ink-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;right:.35rem}.auth-password-toggle:hover{background:var(--color-brand-soft);color:var(--color-brand-strong)}.auth-password-toggle:focus-visible{box-shadow:var(--focus-ring);outline:0}.auth-submit{width:100%;min-height:46px!important}.auth-demo-button{width:100%;margin-top:var(--space-3);background:var(--color-energy);border:2px solid var(--color-ink);border-radius:var(--radius-sm);min-height:48px;color:var(--color-ink);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;box-shadow:3px 3px 0 var(--color-ink);transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);font-size:.88rem;font-weight:900;display:flex}.auth-demo-button:hover:not(:disabled){box-shadow:5px 5px 0 var(--color-ink);background:#ffdb1a;transform:translateY(-2px)}.auth-demo-button:active:not(:disabled){box-shadow:2px 2px 0 var(--color-ink);transform:translateY(1px)}.auth-demo-button:disabled{opacity:.65;cursor:not-allowed}.auth-mode-prompt{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--color-ink-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.auth-mode-prompt button{min-height:var(--touch-target);padding:0 var(--space-1);color:var(--color-brand-strong)}.auth-security-note{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-success);display:flex}.auth-security-note svg{flex:none;margin-top:2px}.auth-security-note p{color:var(--color-ink-muted);margin:0;font-size:.7rem}.landing-page{background:radial-gradient(circle at 86% 8%, #76d8ff29, transparent 27rem), var(--color-canvas);min-height:100vh;overflow:visible}.landing-header{z-index:20;padding:var(--space-5) clamp(1rem, 4vw, 4rem);position:relative}.landing-header__inner{width:min(100%, var(--content-width));justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.landing-header__actions{align-items:center;gap:var(--space-2);display:flex}.landing-hero{width:min(calc(100% - clamp(2rem, 6vw, 6rem)), var(--content-width));box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);align-items:center;gap:clamp(2rem,4vw,4rem);min-height:calc(100dvh - 72px);margin:0 auto;padding:clamp(1.5rem,3vh,3rem) 0;display:grid}.landing-hero__copy{z-index:2;max-width:720px;position:relative}.landing-hero__copy h1{color:var(--color-ink);letter-spacing:-.07em;margin:0;font-size:clamp(3rem,5.6vw,5.8rem);font-weight:950;line-height:.9}.landing-hero__copy h1 span{color:var(--color-brand);display:inline-block;position:relative}.landing-hero__copy h1 span:after{border-radius:var(--radius-pill);background:var(--color-energy);content:"";height:.1em;position:absolute;bottom:-.12em;left:.08em;right:0;transform:rotate(-1.4deg)}.landing-hero__copy>p:not(.eyebrow){max-width:560px;margin:var(--space-6) 0 0;color:var(--color-ink-soft);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}.landing-hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.landing-hero__proof{gap:var(--space-3) var(--space-5);margin:var(--space-6) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.landing-hero__proof li{align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:var(--font-size-xs);font-weight:700;display:flex}.landing-hero__proof li>span{border:2px solid var(--color-ink);background:var(--color-success);border-radius:50%;flex:none;width:8px;height:8px}.landing-hero__visual{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.character-scene{isolation:isolate;position:relative}.character-scene--hero{aspect-ratio:1.04;border:3px solid var(--color-ink);background:radial-gradient(circle at 70% 18%, #fffc, transparent 12rem), var(--color-brand-soft);width:min(100%,560px);box-shadow:12px 14px 0 var(--color-ink), var(--shadow-3);border-radius:44% 56% 50% 50%/48% 43% 57% 52%;margin-inline:auto;transform:rotate(1.5deg)}.character-scene__rotator{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.character-scene__center-hub{z-index:6;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.character-scene__center-icon{border:3px solid var(--color-ink);background:var(--color-energy);width:58px;height:58px;color:var(--color-ink);box-shadow:0 0 20px #ffd60080, 4px 4px 0 var(--color-ink);border-radius:50%;place-items:center;animation:2.5s ease-in-out infinite alternate hubPulse;display:grid}@keyframes hubPulse{0%{box-shadow:0 0 10px #ffd60066, 3px 3px 0 var(--color-ink);transform:scale(.95)}to{box-shadow:0 0 28px #ffd600cc, 5px 5px 0 var(--color-ink);transform:scale(1.12)}}.character-scene__connections{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-connect-ring{fill:none;stroke:#211d343d;stroke-width:1.5px;stroke-dasharray:6 5;transform-origin:50%;animation:30s linear infinite ringRotate}.scene-connect-line{stroke:#6c47ff59;stroke-width:1.5px;stroke-dasharray:5 4;animation:2s linear infinite dashMove}.scene-connect-mesh{stroke:#211d342e;stroke-width:1.2px;stroke-dasharray:4 4}@keyframes dashMove{to{stroke-dashoffset:-18px}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.character-scene__energy-badge{z-index:8;align-items:center;gap:var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;padding:.6rem .85rem;font-weight:900;display:inline-flex;position:absolute;top:8%;left:-3%;transform:rotate(-7deg)}.character-scene__item{z-index:4;filter:drop-shadow(0 17px 12px #4735102e);transform-origin:bottom;position:absolute}.character-scene__item--fridge{bottom:12%;left:13%}.character-scene__item--fridge .vw-character{--vw-character-size:clamp(6.5rem, 10vw, 9rem)!important}.character-scene__item--washer{bottom:10%;right:24%}.character-scene__item--tv{top:24%;right:10%}.character-scene__item--kettle{top:26%;left:32%}.character-scene__item--lamp{top:5%;right:36%}.character-scene__item--washer .vw-character,.character-scene__item--tv .vw-character{--vw-character-size:clamp(5rem, 8vw, 7rem)!important}.character-scene__item--kettle .vw-character,.character-scene__item--lamp .vw-character{--vw-character-size:clamp(3.5rem, 5.5vw, 5.5rem)!important}.landing-signal-strip{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-ink);box-shadow:8px 8px 0 var(--color-brand);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;display:grid;overflow:hidden}.landing-signal-strip__label{color:#fffdf7b8;letter-spacing:.08em;text-transform:uppercase;background:#6c47ff47;border-bottom:1px solid #ffffff26;grid-column:1/-1;margin:0;padding:.55rem 1.4rem;font-size:.64rem;font-weight:850}.landing-signal-strip article{gap:0 var(--space-3);color:var(--color-on-dark);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:1.15rem 1.4rem;display:grid}.landing-signal-strip article+article{border-left:1px solid #ffffff26}.landing-signal-strip svg{color:var(--color-energy);grid-row:1/3}.landing-signal-strip span{color:#fffdf794;font-size:.68rem}.landing-signal-strip strong{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:900}.landing-section{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));border-top:1px solid var(--color-border);margin-inline:auto;padding-block:clamp(3rem,5vw,5rem)}.landing-section__heading{max-width:760px;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.landing-section__heading h2,.landing-story__copy h2{color:var(--color-ink);margin:0;font-size:clamp(2.5rem,5vw,5rem);font-weight:930;line-height:.95}.landing-section__heading>p:last-child{max-width:620px;margin:var(--space-5) 0 0;font-size:var(--font-size-lg)}.landing-benefits__grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-feature-card{border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);min-height:260px;box-shadow:5px 5px 0 var(--color-ink);transition:transform var(--motion-medium) var(--ease-bounce), box-shadow var(--motion-medium) var(--ease-standard);padding:clamp(1.5rem,3vw,2.2rem);position:relative;overflow:hidden}.landing-feature-card:after{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--feature-color,var(--color-brand-soft));content:"";opacity:.65;border-radius:50%;width:7rem;position:absolute;bottom:-2rem;right:-2rem}.landing-feature-card:hover{box-shadow:9px 9px 0 var(--color-ink);transform:translate(-3px,-3px)rotate(-.5deg)}.landing-feature-card--purple{--feature-color:var(--color-brand-soft)}.landing-feature-card--coral{--feature-color:var(--color-critical-soft)}.landing-feature-card--yellow{--feature-color:var(--color-warning-soft)}.landing-feature-card--blue{--feature-color:var(--color-sky-soft)}.landing-feature-card--orange{--feature-color:var(--color-orange-soft)}.landing-feature-card--green{--feature-color:var(--color-success-soft)}.landing-feature-card__icon{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--feature-color);width:48px;height:48px;box-shadow:3px 3px 0 var(--color-ink);place-items:center;display:grid}.landing-feature-card h3{max-width:290px;margin:var(--space-8) 0 var(--space-3);font-size:var(--font-size-xl);font-weight:900}.landing-feature-card p{z-index:1;max-width:320px;font-size:var(--font-size-sm);margin:0;line-height:1.65;position:relative}.landing-story{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(3rem,9vw,9rem);display:grid}.landing-story__visual{place-items:center;display:grid}.character-scene--warning{aspect-ratio:1;border:2px solid var(--color-ink);background:repeating-linear-gradient(-45deg, transparent 0 17px, #211d340d 17px 19px), var(--color-sky-soft);width:min(100%,520px);box-shadow:12px 12px 0 var(--color-ink);border-radius:42% 58% 55% 45%;place-items:center;display:grid;transform:rotate(-1deg)}.character-scene--warning .vw-character{--vw-character-size:clamp(9rem, 20vw, 13rem)!important}.character-alert-bubble{align-items:center;gap:var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-critical-soft);color:var(--color-critical);box-shadow:4px 4px 0 var(--color-ink);font-size:var(--font-size-xs);padding:.65rem .9rem;font-weight:900;display:inline-flex;position:absolute;top:10%;right:-6%;transform:rotate(4deg)}.character-meter{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);height:16px;position:absolute;bottom:9%;left:13%;right:13%;overflow:hidden}.character-meter i{border-right:2px solid var(--color-ink);background:linear-gradient(90deg, var(--color-success), var(--color-energy), var(--color-critical));width:82%;height:100%;display:block}.landing-story__copy>p:not(.eyebrow){max-width:660px;margin:var(--space-6) 0 0;font-size:var(--font-size-lg);line-height:1.7}.landing-story__metrics{gap:var(--space-3);margin:var(--space-8) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-story__metrics div{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.landing-story__metrics dt{color:var(--color-ink-muted);font-size:.68rem;font-weight:750}.landing-story__metrics dd{margin:var(--space-1) 0 0;color:var(--color-ink);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:900}.scroll-horizontal-container{background:var(--color-canvas);height:350vh;margin-top:clamp(2rem,5vw,5rem);position:relative}.sticky-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:clamp(1.5rem,4vw,3.5rem);display:flex;position:sticky;top:0;overflow:hidden}.scroll-horizontal-header{text-align:center;margin-bottom:var(--space-5);flex-shrink:0}.scroll-horizontal-header h2{letter-spacing:-.04em;margin:var(--space-1) 0 0;color:var(--color-ink-strong);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;line-height:1.1}.scroll-driven-navbar{border:2px solid var(--color-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-8);z-index:10;background:#0000000d;border-radius:100px;flex-shrink:0;gap:12px;padding:6px;display:inline-flex}.scroll-driven-nav-btn{font-size:var(--font-size-sm);color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:8px 20px;font-weight:750;transition:all .3s cubic-bezier(.25,1,.5,1)}.scroll-driven-nav-btn:hover{background:#00000014}.scroll-driven-nav-btn.is-active{background:var(--color-ink);color:var(--color-surface)}.horizontal-carousel-wrapper{justify-content:flex-start;align-items:center;width:100%;display:flex;overflow:visible}.horizontal-track{will-change:transform;align-items:center;gap:40px;display:flex}.horizontal-card{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-xl);width:min(680px,76vw);box-shadow:6px 6px 0 var(--color-ink);opacity:.3;flex-direction:column;flex-shrink:0;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s,box-shadow .4s;display:flex;overflow:hidden;transform:scale(.94)}.horizontal-card.is-active{opacity:1;box-shadow:10px 10px 0 var(--color-ink);transform:scale(1)}.card-video-wrapper{aspect-ratio:2.2;border-bottom:2px solid var(--color-ink);background:var(--color-surface-muted);width:100%;position:relative;overflow:hidden}.card-video{object-fit:cover;width:100%;height:100%}.card-body{padding:var(--space-4) var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.card-step-num{font-size:var(--font-size-xs);color:var(--color-brand);text-transform:uppercase;letter-spacing:.05em;font-weight:850}.horizontal-card h3{font-size:var(--font-size-xl);color:var(--color-ink-strong);margin:0;font-weight:850}.horizontal-card p{font-size:var(--font-size-sm);color:var(--color-ink-soft);margin:0;line-height:1.6}@media (width<=991px){.scroll-horizontal-container{margin-top:clamp(2rem,5vw,5rem);height:auto!important}.sticky-wrapper{height:auto!important;padding:clamp(2rem, 5vw, 4rem) var(--space-4)!important;gap:var(--space-6)!important;flex-direction:column!important;display:flex!important;position:static!important}.scroll-driven-navbar{display:none!important}.scroll-horizontal-header{text-align:left!important;width:100%!important;margin-bottom:var(--space-4)!important}.scroll-horizontal-header h2{font-size:clamp(2rem,6vw,3rem)!important}.horizontal-carousel-wrapper{width:100%!important;display:block!important;overflow:visible!important}.horizontal-track{gap:var(--space-6)!important;flex-direction:column!important;display:flex!important;transform:none!important}.horizontal-card{opacity:1!important;width:100%!important;min-width:100%!important;max-width:100%!important;box-shadow:6px 6px 0 var(--color-ink)!important;transform:none!important}.card-body{padding:var(--space-5) var(--space-6)!important}}.landing-final-cta{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));border:3px solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-energy);box-shadow:11px 11px 0 var(--color-ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,4rem);margin:clamp(3rem,6vw,6rem) auto clamp(3rem,7vw,7rem);padding:clamp(2.5rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.landing-final-cta__characters{align-items:flex-end;margin-bottom:-2rem;display:flex}.landing-final-cta__characters .vw-character:first-child{--vw-character-size:7rem!important}.landing-final-cta__characters .vw-character:last-child{margin-left:-1.1rem;--vw-character-size:5rem!important}.landing-final-cta h2{max-width:760px;margin:0;font-size:clamp(1.8rem,3.5vw,3.5rem);font-weight:930;line-height:1.05}.landing-final-cta p:last-child{max-width:620px;margin:var(--space-3) 0 0;color:#211d34b3;font-size:var(--font-size-sm);line-height:1.6}.landing-footer{width:min(calc(100% - 2rem), var(--content-width));justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-10) 0;border-top:1px solid var(--color-border);color:var(--color-ink-muted);font-size:var(--font-size-xs);margin-inline:auto;font-weight:700;display:flex}.auth-divider{color:var(--color-ink-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:clamp(.5rem,1.2vh,1rem) 0;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:2px}.auth-divider span{padding:0 var(--space-3)}.auth-test-login{justify-content:center;align-items:center;gap:var(--space-2);border:2px dashed var(--color-brand);border-radius:var(--radius-sm);background:var(--color-brand-soft);width:100%;min-height:42px;color:var(--color-brand-strong);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);padding:.5rem 1.1rem;font-weight:850;display:inline-flex}.auth-test-login:hover:not(:disabled){background:var(--color-brand);color:#fff;border-style:solid;border-color:var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);transform:translateY(-2px)}.auth-test-login:active:not(:disabled){transform:translateY(1px)scale(.985)}.auth-test-login:disabled{cursor:not-allowed;opacity:.5}.landing-feature-card.scroll-reveal{opacity:0;transition:opacity 1s cubic-bezier(.16, 1, .3, 1), transform 1s cubic-bezier(.16, 1, .3, 1), box-shadow var(--motion-medium) var(--ease-standard);will-change:opacity, transform;transform:translateY(40px)}.landing-feature-card.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.landing-feature-card.scroll-reveal.is-visible:hover{box-shadow:9px 9px 0 var(--color-ink);transition:transform var(--motion-medium) var(--ease-bounce), box-shadow var(--motion-medium) var(--ease-standard);transform:translate(-3px,-3px)rotate(-.5deg)}.landing-stats-strip{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));padding-block:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(2rem,4vw,4rem) auto 0;display:grid}.landing-stats-strip__item{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);text-align:center;flex-direction:column;display:flex}.landing-stats-strip__item+.landing-stats-strip__item{border-left:1px solid var(--color-border)}.landing-stats-strip__number{color:var(--color-brand);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2rem,3.5vw,3rem);font-weight:950;line-height:1}.landing-stats-strip__label{color:var(--color-ink-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:750}.landing-devices{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));border-top:1px solid var(--color-border);text-align:center;margin-inline:auto;padding-block:clamp(3rem,5vw,5rem)}.landing-devices__heading{margin-bottom:clamp(1.8rem,3.5vw,3rem)}.landing-devices__heading h2{color:var(--color-ink);margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:930;line-height:1}.landing-devices__heading p{max-width:560px;margin:var(--space-3) auto 0;color:var(--color-ink-soft);font-size:var(--font-size-md);line-height:1.6}.landing-devices__grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(.4rem,1.2vw,1rem);width:100%;display:grid}.landing-device-card{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-1);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-ink);cursor:default;box-sizing:border-box;transition:transform var(--motion-medium) var(--ease-bounce), box-shadow var(--motion-medium) var(--ease-standard);flex-direction:column;display:flex;position:relative}.landing-device-card:hover{box-shadow:7px 7px 0 var(--color-ink);transform:translate(-2px,-2px)rotate(-1deg)}.landing-device-card .vw-character{--vw-character-size:clamp(3rem, 4.2vw, 4.2rem)!important}.landing-device-card__name{font-size:var(--font-size-xs);color:var(--color-ink);font-weight:800}.landing-device-card__tooltip{z-index:20;min-width:180px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-on-dark);font-size:var(--font-size-xs);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);font-weight:600;line-height:1.5;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.92);box-shadow:0 4px 12px #211d3440}.landing-device-card__tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.landing-device-card:hover .landing-device-card__tooltip{opacity:1;transform:translate(-50%)scale(1)}.landing-tariff{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));border-top:1px solid var(--color-border);margin-inline:auto;padding-block:clamp(3rem,5vw,5rem)}.landing-tariff__inner{border:2px solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:8px 8px 0 var(--color-ink);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding:clamp(2rem,4vw,3.5rem);display:grid}.landing-tariff__copy h2{color:var(--color-ink);margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:930;line-height:1}.landing-tariff__copy>p{max-width:480px;margin:var(--space-4) 0 0;color:var(--color-ink-soft);font-size:var(--font-size-md);line-height:1.6}.landing-tariff__chart{gap:var(--space-4);flex-direction:column;display:flex}.tariff-bar{align-items:center;gap:var(--space-4);grid-template-columns:110px minmax(0,1fr) auto;display:grid}.tariff-bar__label{font-size:var(--font-size-sm);color:var(--color-ink);font-weight:800}.tariff-bar__track{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface-muted);height:34px;overflow:hidden}.tariff-bar__fill{border-radius:var(--radius-pill);height:100%;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}.tariff-bar__fill--normal{background:linear-gradient(90deg, var(--color-success), #34d399)}.tariff-bar__fill--penalty{background:linear-gradient(90deg, var(--color-energy-strong), var(--color-critical))}.tariff-bar__fill--savings{background:linear-gradient(90deg, var(--color-brand), #a78bfa)}.tariff-bar__value{min-width:80px;font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;text-align:right;font-weight:900}.tariff-bar__value--normal{color:var(--color-success)}.tariff-bar__value--penalty{color:var(--color-critical)}.tariff-bar__value--savings{color:var(--color-brand)}.landing-tariff__savings{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-brand-soft);box-shadow:3px 3px 0 var(--color-ink);display:flex}.landing-tariff__savings strong{color:var(--color-brand);font-size:var(--font-size-lg);font-weight:950}.landing-tariff__savings span{color:var(--color-ink-soft);font-size:var(--font-size-xs);font-weight:650}.landing-testimonials{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));border-top:1px solid var(--color-border);margin-inline:auto;padding-block:clamp(3rem,5vw,5rem)}.landing-testimonials__heading{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}.landing-testimonials__heading h2{color:var(--color-ink);margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:930;line-height:1}.landing-testimonials__heading p{max-width:520px;margin:var(--space-4) auto 0;color:var(--color-ink-soft);font-size:var(--font-size-md);line-height:1.6}.landing-testimonials__grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.testimonial-card{gap:var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:5px 5px 0 var(--color-ink);transition:transform var(--motion-medium) var(--ease-bounce), box-shadow var(--motion-medium) var(--ease-standard);flex-direction:column;padding:clamp(1.5rem,3vw,2rem);display:flex}.testimonial-card:hover{box-shadow:8px 8px 0 var(--color-ink);transform:translate(-2px,-2px)}.testimonial-card__quote{color:var(--color-ink);font-size:var(--font-size-md);margin:0;font-weight:600;line-height:1.7;position:relative}.testimonial-card__quote:before{content:"“";color:var(--color-brand-soft);font-size:3rem;font-weight:950;line-height:1;position:absolute;top:-.3em;left:-.05em}.testimonial-card__author{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto;display:flex}.testimonial-card__author .vw-character{--vw-character-size:3.2rem!important}.testimonial-card__author-info{flex-direction:column;gap:2px;display:flex}.testimonial-card__name{font-size:var(--font-size-sm);color:var(--color-ink);font-weight:850}.testimonial-card__role{font-size:var(--font-size-xs);color:var(--color-ink-muted);font-weight:600}@media (width<=1080px){.landing-devices__grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=940px){.landing-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-stats-strip__item:nth-of-type(3){border-left:0}.landing-stats-strip__item:nth-of-type(n+3){border-top:1px solid var(--color-border)}.landing-tariff__inner,.landing-testimonials__grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.landing-devices__grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.landing-device-card .vw-character{--vw-character-size:3.5rem!important}.tariff-bar{grid-template-columns:80px minmax(0,1fr) auto}.tariff-bar__label{font-size:var(--font-size-xs)}.tariff-bar__track{height:28px}.tariff-bar__value{min-width:60px;font-size:var(--font-size-md)}}@media (width<=430px){.landing-stats-strip{grid-template-columns:minmax(0,1fr)}.landing-stats-strip__item+.landing-stats-strip__item{border-left:0;border-top:1px solid var(--color-border)}.landing-devices__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-mobile-brand{display:none}@media (width<=991px){.auth-visual{display:none!important}.auth-mobile-brand{margin-bottom:var(--space-4)!important;justify-content:center!important;display:flex!important}.auth-page{background:var(--color-canvas)!important;flex-direction:column!important;height:auto!important;min-height:100dvh!important;display:flex!important;overflow-y:auto!important}.auth-panel{box-sizing:border-box!important;flex:1 0 auto!important;width:100%!important;min-height:100dvh!important;padding:2rem 1.25rem 3rem!important;overflow-y:visible!important}.auth-panel__inner{width:100%!important;max-width:420px!important;margin:0 auto!important}.auth-input input{font-size:16px!important}}.app-shell{isolation:isolate;background:radial-gradient(circle at 0 18%, #ffd84d24, transparent 24rem), radial-gradient(circle at 100% 50%, #76d8ff21, transparent 28rem), var(--color-canvas);min-height:100vh;position:relative;overflow:hidden}.ambient{z-index:-1;pointer-events:none;filter:blur(110px);opacity:.1;border-radius:50%;width:28rem;height:28rem;position:fixed}.ambient--one{background:var(--color-energy);top:8%;left:-18rem}.ambient--two{background:var(--color-sky);bottom:3%;right:-18rem}.app-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f5efe0;border-bottom:1px solid #bbb4caa8;position:sticky;top:0}.app-header__inner{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;margin-inline:auto;display:flex}.app-header__context{align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-muted);font-size:var(--font-size-xs);white-space:nowrap;font-weight:750;display:inline-flex}.app-header__context svg{color:var(--color-brand)}.app-header__actions,.live-indicator{align-items:center;display:flex}.app-header__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:nowrap}.app-header__actions .button{white-space:nowrap;min-height:38px;font-size:var(--font-size-xs);padding:.45rem .85rem}.live-indicator{gap:var(--space-2);margin-right:var(--space-2);color:var(--color-ink-soft);font-size:var(--font-size-xs);white-space:nowrap;font-weight:750}.live-indicator__signal{background:var(--color-success-soft);width:32px;height:32px;color:var(--color-success);border-radius:50%;flex:0 0 32px;place-items:center;transition:background .3s,color .3s;display:grid;position:relative}.live-indicator.is-disconnected .live-indicator__signal{background:var(--color-critical-soft);color:var(--color-critical)}.live-indicator.is-stale:not(.is-disconnected) .live-indicator__signal{background:var(--color-warning-soft);color:var(--color-warning)}.live-indicator__dot{box-sizing:border-box;border:1px solid var(--color-ink);background:var(--color-success);width:8px;height:8px;color:var(--color-success);border-radius:50%;flex:0 0 8px;display:inline-block;position:relative}.live-indicator.is-refreshing:not(.is-disconnected) .live-indicator__dot,.live-indicator__dot.is-refreshing{background:var(--color-sky);color:var(--color-sky)}.live-indicator.is-disconnected .live-indicator__dot{background:var(--color-critical);color:var(--color-critical)}.live-indicator.is-stale:not(.is-disconnected) .live-indicator__dot{background:var(--color-warning);color:var(--color-warning)}.live-indicator__signal .live-indicator__dot{position:absolute;bottom:2px;right:2px}.live-indicator__dot:after{border-radius:inherit;content:"";pointer-events:none;backface-visibility:hidden;will-change:transform, opacity;border:1.5px solid;animation:2s cubic-bezier(.215,.61,.355,1) infinite signal-pulse;position:absolute;inset:-1px}.header-logout-button{color:var(--color-critical);border-color:#d53d4f42}.header-logout-button:hover:not(:disabled){border-color:var(--color-critical);background:var(--color-critical-soft)}.main-content{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));min-height:calc(100vh - 150px);margin-inline:auto;padding:clamp(1.2rem,2.5vw,2rem) 0 clamp(2.5rem,5vw,4rem)}.dashboard-intro{align-items:center;gap:var(--space-6);margin-bottom:var(--space-5);border:3px solid var(--color-ink);border-radius:var(--radius-xl);background:radial-gradient(circle at 82% 16%, #76d8ff4d, transparent 15rem), var(--color-brand);box-shadow:7px 7px 0 var(--color-ink);color:#fff;grid-template-columns:minmax(0,1fr) auto;padding:clamp(1.2rem,2.5vw,2.2rem) clamp(1.5rem,4vw,2.8rem);display:grid;position:relative;overflow:hidden}.dashboard-intro:before{aspect-ratio:1;content:"";background:#ffd84d33;border:2px solid #fff3;border-radius:45% 55% 56% 44%;width:21rem;position:absolute;top:-45%;right:-3%;transform:rotate(17deg)}.dashboard-intro>div:first-child{z-index:1;max-width:820px;position:relative}.dashboard-intro .eyebrow{color:var(--color-energy);margin-bottom:.4rem}.dashboard-intro h1{color:#fff;max-width:780px;margin:0;font-size:clamp(1.6rem,3.2vw,2.8rem);font-weight:940;line-height:1.05}.dashboard-intro h1 span{color:var(--color-energy)}.dashboard-intro>div:first-child>p:last-child{max-width:650px;margin:var(--space-2) 0 0;color:#fff;font-size:var(--font-size-sm);line-height:1.35}.dashboard-intro__signal{z-index:2;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#24203661;border:1px solid #ffffff38;min-width:220px;padding:.6rem .85rem;display:flex;position:relative}.dashboard-intro__signal>span{border:2px solid var(--color-ink);background:var(--color-energy);width:42px;height:42px;color:var(--color-ink);border-radius:50%;flex:none;place-items:center;display:grid}.dashboard-intro__signal>div{flex-direction:column;display:flex}.dashboard-intro__signal strong{color:#fff;font-size:var(--font-size-sm)}.dashboard-intro__signal div span{color:#fff;font-size:.68rem}.overview-stats,.skeleton-stats{gap:var(--space-4);margin:var(--space-10) 0 clamp(3.5rem, 7vw, 6rem);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card{align-items:flex-start;gap:var(--space-4);min-height:180px;padding:var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-ink);transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.stat-card:hover{box-shadow:7px 7px 0 var(--color-ink);transform:translate(-2px,-2px)}.stat-card:after{aspect-ratio:1;border:2px solid var(--color-ink);background:var(--stat-tone,var(--color-neutral-soft));content:"";opacity:.65;border-radius:50%;width:6rem;position:absolute;bottom:-2.2rem;right:-1.8rem}.stat-card--cyan{--stat-tone:var(--color-sky-soft)}.stat-card--green{--stat-tone:var(--color-success-soft)}.stat-card--orange{--stat-tone:var(--color-orange-soft)}.stat-card--blue{--stat-tone:var(--color-brand-soft)}.stat-card--muted{--stat-tone:var(--color-neutral-soft)}.stat-card__icon{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--stat-tone);width:44px;height:44px;color:var(--color-ink);box-shadow:2px 2px 0 var(--color-ink);flex:none;place-items:center;display:grid}.stat-card__copy{z-index:1;min-width:0;position:relative}.stat-card p{margin:0}.stat-card__label{color:var(--color-ink-muted);font-size:.68rem;font-weight:750}.stat-card__value{color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:920;overflow:hidden;margin-top:var(--space-1)!important}.stat-card__note{color:var(--color-ink-soft);font-size:.68rem;margin-top:var(--space-1)!important}.stat-card__status{align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-ink-soft);font-size:.66rem;font-weight:750;display:inline-flex}.stat-card__status i{border:1px solid var(--color-ink);background:var(--stat-tone);border-radius:50%;width:7px;height:7px}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-6);display:flex}.section-heading h2,.section-heading h3{color:var(--color-ink);margin:0;font-weight:900}.section-heading h2{font-size:clamp(2rem,3.5vw,3.4rem)}.section-heading h3{font-size:var(--font-size-xl)}.section-heading>div>p:last-child:not(.eyebrow){margin:var(--space-2) 0 0;color:var(--color-ink-muted);font-size:var(--font-size-sm)}.section-heading--compact{margin-bottom:var(--space-4);align-items:center}.section-heading__meta{color:var(--color-ink-muted);font-size:var(--font-size-xs);white-space:nowrap}.home-controls{gap:var(--space-2);display:flex}.search-control,.filter-control{min-height:var(--touch-target);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-muted);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);display:flex}.search-control:focus-within,.filter-control:focus-within{border-color:var(--color-brand);box-shadow:var(--focus-ring)}.search-control input,.filter-control select{min-width:0;color:var(--color-ink);font-size:var(--font-size-xs);background:0 0;border:0;outline:0;font-weight:650}.search-control input{width:170px}.search-control input::placeholder{color:var(--color-ink-muted)}.filter-control{position:relative}.filter-control select{padding-right:var(--space-5);appearance:none}.filter-control>svg:last-child{right:var(--space-2);pointer-events:none;position:absolute}.home-grid,.skeleton-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-card{--home-accent:var(--color-success);min-width:0;min-height:530px;padding:var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:5px 5px 0 var(--color-ink);cursor:pointer;transition:box-shadow var(--motion-medium) var(--ease-standard), transform var(--motion-medium) var(--ease-bounce);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-card:hover{box-shadow:9px 9px 0 var(--color-ink);transform:translate(-3px,-3px)}.home-card--warning{--home-accent:var(--color-energy-strong);background:linear-gradient(180deg, var(--color-warning-soft), var(--color-surface) 30%)}.home-card--critical,.home-card--penalty,.home-card--anomaly{--home-accent:var(--color-critical)}.home-card--critical{background:linear-gradient(180deg, var(--color-critical-soft), var(--color-surface) 31%)}.home-card--stale,.home-card--missing{--home-accent:var(--status-disconnected)}.home-card__accent{border-bottom:2px solid var(--color-ink);background:var(--home-accent);height:8px;position:absolute;top:0;left:0;right:0}.home-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;padding-top:var(--space-2);display:flex}.home-card__identity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.home-card__home-icon{border:2px solid var(--color-ink);background:var(--color-energy);width:43px;height:43px;box-shadow:2px 2px 0 var(--color-ink);border-radius:14px;flex:none;place-items:center;display:grid}.home-card__identity>div{min-width:0}.home-card__identity h3{color:var(--color-ink);font-size:var(--font-size-lg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:900;overflow:hidden}.home-card__identity p{align-items:center;gap:var(--space-1);margin:var(--space-1) 0 0;color:var(--color-ink-muted);font-size:.67rem;display:flex}.home-card__status-stack{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex:none;display:flex}.telemetry-pill,.tariff-pill,.health-chip,.state-chip,.anomaly-badge,.warning-badge,.healthy-badge,.health-summary{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);border:1px solid;font-size:.64rem;font-weight:820;line-height:1.2;display:inline-flex}.telemetry-pill,.tariff-pill{padding:.27rem .48rem}.telemetry-pill--live{background:var(--color-success-soft);color:#0e6842;border-color:#168a5b4d}.telemetry-pill--stale,.telemetry-pill--missing{background:var(--color-neutral-soft);color:var(--status-disconnected);border-color:#6862764d}.tariff-pill--normal{background:var(--color-brand-soft);color:var(--color-brand-strong);border-color:#6c47ff40}.tariff-pill--penalty{background:var(--color-critical-soft);color:var(--color-critical);border-color:#d53d4f57}.home-card__power{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-top:var(--space-6);display:flex}.home-card__power>span{align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:var(--font-size-xs);font-weight:750;display:flex}.home-card__power>span svg{color:var(--color-brand)}.home-card__power>strong{color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(1.8rem,3vw,2.65rem);font-weight:930}.home-card__characters{min-height:112px;margin:var(--space-4) 0;padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(180deg, #76d8ff1a, transparent), var(--color-canvas-warm);place-items:end center;display:grid}.home-card__characters ul{justify-content:center;align-items:flex-end;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}.home-card__character{place-items:end center;width:23%;min-width:54px;margin-inline:-2%;display:grid;position:relative}.home-card__character .vw-character{--vw-character-size:4rem!important}.home-card__character.is-anomalous .vw-character{filter:drop-shadow(0 0 .45rem #d53d4f59)}.home-card__character-alert{z-index:4;border:2px solid var(--color-ink);background:var(--color-critical);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:950;display:grid;position:absolute;top:-4px;right:2px}.home-card__character-more{border:2px solid var(--color-ink);background:var(--color-brand-soft);width:42px;height:42px;color:var(--color-brand-strong);font-size:var(--font-size-xs);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.home-card__no-devices{align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:var(--font-size-xs);align-self:center;font-weight:700;display:inline-flex}.home-card__metrics{border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.home-card__metrics>div{min-width:0;padding:var(--space-3)}.home-card__metrics>div+div{border-left:1px solid var(--color-border)}.home-card__metrics dt,.quota-block__labels span,.quota-block__amounts{color:var(--color-ink-muted);font-size:.65rem;font-weight:700}.home-card__metrics dd{margin:var(--space-1) 0 0;color:var(--color-ink);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.quota-block{margin-top:var(--space-4)}.quota-block__labels,.quota-block__amounts{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.quota-block__labels strong{color:var(--color-ink);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:900}.quota-progress{height:12px;margin:var(--space-2) 0;border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface-muted);position:relative;overflow:hidden}.quota-progress>span{border-right:2px solid var(--color-ink);border-radius:inherit;background:var(--home-accent,var(--color-brand));height:100%;transition:width var(--motion-slow) var(--ease-standard);display:block}.quota-progress>i{background:var(--color-ink);width:2px;position:absolute;top:-4px;bottom:-4px}.quota-block__amounts{font-variant-numeric:tabular-nums}.home-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-5);margin-top:auto;display:flex}.anomaly-badge,.warning-badge,.healthy-badge{max-width:62%;padding:.35rem .52rem}.anomaly-badge{background:var(--color-critical-soft);color:var(--color-critical);border-color:#d53d4f59}.warning-badge{background:var(--color-warning-soft);color:var(--color-warning);border-color:#a8610059}.healthy-badge{background:var(--color-success-soft);color:var(--color-success);border-color:#168a5b47}.home-card__details{min-height:var(--touch-target);align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);background:var(--color-ink);color:#fff;font-size:var(--font-size-xs);transition:background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border:0;flex:none;padding:0 .65rem;font-weight:850;display:inline-flex}.home-card__details:hover{background:var(--color-brand);transform:translateY(-2px)}.stale-data-notice{align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);box-shadow:3px 3px 0 var(--color-ink);padding:.85rem 1rem;display:flex}.stale-data-notice>div{flex-direction:column;flex:1;min-width:0;display:flex}.stale-data-notice strong{color:var(--color-ink);font-size:var(--font-size-sm)}.stale-data-notice span{color:var(--color-ink-soft);font-size:var(--font-size-xs)}.stale-data-notice button{min-height:var(--touch-target);align-items:center;gap:var(--space-1);color:var(--color-ink);font-size:var(--font-size-xs);background:0 0;border:0;font-weight:850;display:inline-flex}.filter-empty{min-height:250px;padding:var(--space-10);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-ink-muted);text-align:center;background:#ffffff8c;place-items:center;display:grid}.filter-empty p{margin:var(--space-3) 0}.filter-empty button{min-height:var(--touch-target);color:var(--color-brand-strong);font-size:var(--font-size-xs);background:0 0;border:0;font-weight:850}.state-panel{align-items:center;gap:var(--space-8);border:2px solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-surface);min-height:250px;box-shadow:7px 7px 0 var(--color-ink);padding:clamp(2rem,5vw,4rem);display:flex}.state-panel>div:not(.state-panel__character,.state-panel__character-group){flex:1;min-width:0}.state-panel h2,.state-panel h3{color:var(--color-ink);margin:0;font-size:clamp(1.5rem,3vw,2.4rem)}.state-panel p{max-width:640px;margin:var(--space-3) 0 0}.state-panel--error{background:linear-gradient(135deg, var(--color-critical-soft), #fff 55%)}.state-panel--compact{gap:var(--space-4);min-height:0;padding:var(--space-4);border-radius:var(--radius-md);box-shadow:none;border-width:1px}.state-panel--compact h3{font-size:var(--font-size-md)}.state-panel--compact p{margin-top:var(--space-1);font-size:var(--font-size-xs)}.state-panel--compact .state-panel__character .vw-character{--vw-character-size:3.5rem!important}.state-panel__character,.state-panel__character-group{flex:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.state-panel__character{min-width:120px}.state-panel__character .vw-character{--vw-character-size:7rem!important}.state-panel__character .state-panel__icon{border:2px solid var(--color-ink);background:var(--color-critical);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:0;right:0}.state-panel__character-group{width:250px;min-height:145px}.state-panel__character-group .vw-character:first-of-type{margin-left:-1rem;--vw-character-size:7rem!important}.state-panel__character-group .vw-character:last-of-type{margin-left:-1rem;--vw-character-size:4.5rem!important}.state-panel__house{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-energy);width:56px;height:56px;box-shadow:3px 3px 0 var(--color-ink);place-items:center;display:grid;position:absolute;top:0;left:0}.section-state{align-items:center;gap:var(--space-4);min-height:110px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.section-state>div:not(.section-state__character){flex:1}.section-state h3{font-size:var(--font-size-md);margin:0}.section-state p{margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.section-state__character .vw-character{--vw-character-size:4.5rem!important}.section-state--stale{background:var(--color-warning-soft)}.section-state--quiet{background:var(--color-brand-soft)}.dashboard-skeleton{position:relative}.dashboard-skeleton__character{z-index:2;position:absolute;top:-1.5rem;right:1rem}.dashboard-skeleton__character .vw-character{--vw-character-size:5rem!important}.dashboard-skeleton__signal{border:3px solid var(--color-brand);border-right-color:#0000;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;position:absolute;top:0;right:0}.skeleton{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffad,#0000);animation:1.5s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton--stat{min-height:180px}.skeleton--card{min-height:500px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.app-footer{width:min(calc(100% - clamp(2rem, 8vw, 8rem)), var(--content-width));justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0 6rem;border-top:1px solid var(--color-border);color:var(--color-ink-muted);font-size:var(--font-size-xs);margin-inline:auto;font-weight:700;display:flex}.app-footer span:last-child{align-items:center;gap:var(--space-2);display:inline-flex}.app-footer i{border:1px solid var(--color-ink);background:var(--color-success);border-radius:50%;width:8px;height:8px}.toast-region{z-index:100;top:88px;right:var(--space-5);gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(390px,100vw - 2rem);display:flex;position:fixed}.toast{pointer-events:auto;align-items:start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:5px 5px 0 var(--color-ink);animation:toast-in var(--motion-medium) var(--ease-standard);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.toast--success>svg{color:var(--color-success)}.toast--error>svg{color:var(--color-critical)}.toast--info>svg{color:var(--status-info)}.toast__copy{flex-direction:column;min-width:0;display:flex}.toast__copy strong{font-size:var(--font-size-sm)}.toast__copy span{margin-top:var(--space-1);color:var(--color-ink-soft);font-size:var(--font-size-xs)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}.peak-hour-banner{margin:var(--space-4) 0;padding:var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);transition:all .2s;box-shadow:0 4px 16px #0000000f}.peak-hour-banner--active{border-color:var(--color-orange);background:linear-gradient(135deg,#fffcf5 0%,#fff6eb 100%)}.peak-hour-banner--offpeak{border-color:var(--color-brand);background:linear-gradient(135deg,#f8f6ff 0%,#f0ebff 100%)}.peak-hour-banner__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.peak-hour-banner__title-group{align-items:center;gap:var(--space-3);display:flex}.peak-hour-banner__icon{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-energy);width:40px;height:40px;box-shadow:2px 2px 0 var(--color-ink);justify-content:center;align-items:center;font-size:1.3rem;display:inline-flex}.peak-hour-banner__title{font-size:var(--font-size-md);color:var(--color-ink);margin:0;font-weight:800}.peak-hour-banner__subtitle{font-size:var(--font-size-xs);color:var(--color-ink-soft);margin:2px 0 0}.peak-hour-banner__badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.peak-badge{align-items:center;gap:var(--space-2);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);box-shadow:1px 1px 0 var(--color-ink);padding:.35rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}.peak-badge__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.peak-badge--peak{color:#c94a00;background:#ffe8d6;border-color:#c94a00}.peak-badge--normal{background:var(--color-brand-soft);color:var(--color-brand-strong);border-color:var(--color-brand-strong)}.peak-badge--savings{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success)}.peak-hour-banner__list{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.peak-advice-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex;box-shadow:0 2px 6px #00000008}.peak-advice-item__icon{flex-shrink:0;font-size:1.2rem}.peak-advice-item__content{flex:1;min-width:0}.peak-advice-item__message{font-size:var(--font-size-sm);color:var(--color-ink);margin:0;font-weight:700;line-height:1.35}.peak-advice-item__power{font-size:var(--font-size-xs);color:var(--color-ink-muted);margin-top:2px;display:block}.peak-advice-item__saving-badge{border-radius:var(--radius-sm);background:var(--color-success-soft);color:var(--color-success);white-space:nowrap;flex-shrink:0;padding:.3rem .6rem;font-size:.75rem;font-weight:800}.peak-hour-banner__empty{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-ink-soft);font-style:italic}.created-by-capsule{z-index:95;-webkit-backdrop-filter:blur(14px);color:#fffdf7;cursor:pointer;-webkit-user-select:none;user-select:none;background:#161226c7;border:1px solid #ffffff29;border-radius:9999px;outline:none;flex-direction:column;align-items:stretch;max-width:calc(100vw - 2.5rem);padding:.55rem 1.1rem;transition:all .35s cubic-bezier(.16,1,.3,1),border-radius .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:1.25rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #00000047,inset 0 0 0 1px #ffffff14,0 0 18px #6c47ff47}.created-by-capsule--expanded{background:#1a152ef0;border-color:#bbb4ca66;border-radius:1.25rem;padding:.85rem 1.25rem;transform:translate(-50%)translateY(-2px);box-shadow:0 12px 38px #0006,inset 0 0 0 1px #ffffff2e,0 0 25px #6c47ff73}.created-by-capsule__header{white-space:nowrap;align-items:center;gap:.55rem;display:flex}.created-by-capsule__badge{color:#1a1528;background:linear-gradient(135deg,#ffd84d 0%,#ff8b4a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;box-shadow:0 0 10px #ffd84d99}.created-by-capsule__zap{fill:#1a1528;animation:2s ease-in-out infinite capsule-zap-pulse}@keyframes capsule-zap-pulse{0%,to{filter:drop-shadow(0 0 2px #ffd84dcc);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #ffd84d);transform:scale(1.18)}}.created-by-capsule__title{letter-spacing:.02em;color:#fffdf7eb;font-size:.8125rem;font-weight:500}.created-by-capsule__title strong{background:linear-gradient(135deg,#fff 0%,#dcd3ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.created-by-capsule__content{opacity:0;max-height:0;margin-top:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s,margin .3s;overflow:hidden}.created-by-capsule--expanded .created-by-capsule__content{opacity:1;max-height:180px;margin-top:.75rem}.created-by-capsule__divider{background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);height:1px;margin-bottom:.65rem}.created-by-capsule__list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.created-by-capsule__item{margin:0}.created-by-capsule__link{color:#fffdf7e0;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:.5rem;align-items:center;gap:.55rem;padding:.4rem .65rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.created-by-capsule__link:hover{color:#fff;background:#6c47ff52;border-color:#bbb4ca73;transform:translate(4px);box-shadow:0 4px 12px #6c47ff40}.created-by-capsule__icon{color:#76d8ff;flex-shrink:0;transition:color .2s}.created-by-capsule__link:hover .created-by-capsule__icon{color:#ffd84d}.created-by-capsule__name{white-space:nowrap;flex-grow:1}.created-by-capsule__ext{opacity:.5;flex-shrink:0;transition:opacity .2s,transform .2s}.created-by-capsule__link:hover .created-by-capsule__ext{opacity:1;transform:translate(2px,-2px)}@media (width<=480px){.created-by-capsule{padding:.45rem .9rem;bottom:.75rem;left:50%;transform:translate(-50%)}}.dialog-backdrop{z-index:80;padding:var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:backdrop-in var(--motion-fast) var(--ease-standard);background:#211d349e;place-items:safe center center;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{width:min(var(--dialog-width), calc(100vw - 2rem));border:3px solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-surface);max-height:min(92vh,940px);box-shadow:10px 10px 0 var(--color-ink), var(--shadow-3);animation:dialog-in var(--motion-medium) var(--ease-bounce);outline:0;flex-direction:column;display:flex;overflow:hidden}.dialog--wide{width:min(var(--dialog-wide-width), calc(100vw - 2rem));max-height:min(90vh,880px)}.dialog__header,.dialog__footer{justify-content:space-between;align-items:center;gap:var(--space-5);flex:none;display:flex}.dialog__header{min-height:96px;padding:var(--space-5) var(--space-6);border-bottom:2px solid var(--color-ink);background:radial-gradient(circle at 86% 10%, #ffd84d59, transparent 11rem), var(--color-brand-soft)}.dialog__header>div{min-width:0}.dialog__header .eyebrow{margin-bottom:var(--space-1)}.dialog__header h2{color:var(--color-ink);margin:0;font-size:clamp(1.3rem,2.5vw,2.1rem);font-weight:920;line-height:1.15}.dialog__header div>p:last-child:not(.eyebrow){margin:var(--space-2) 0 0;color:var(--color-ink-soft);font-size:var(--font-size-xs)}.dialog__header>.icon-button{border:2px solid var(--color-ink);box-shadow:2px 2px 0 var(--color-ink)}.dialog__body{scrollbar-gutter:stable;overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:scroll}.dialog__footer{min-height:74px;padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-canvas);justify-content:flex-end}.lazy-dialog-content{min-height:240px;padding:var(--space-8);background:var(--color-canvas);place-items:center;display:grid}@keyframes backdrop-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px)scale(.975)}}.registration-form{gap:var(--space-6);padding:var(--space-6);background:var(--color-canvas);flex-direction:column;display:flex}.form-section{min-width:0;padding:var(--space-6);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-ink);margin:0;position:relative}.form-section>legend{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-energy);color:var(--color-ink);font-size:var(--font-size-sm);box-shadow:2px 2px 0 var(--color-ink);padding:.25rem .75rem;font-weight:900;position:relative}.form-grid{gap:var(--space-5);display:grid}.form-grid+.form-grid{margin-top:var(--space-5)}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid--two{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end}.field{gap:var(--space-2);flex-direction:column;display:flex}.field span{font-size:var(--font-size-xs);color:var(--color-ink);font-weight:800}.field input,.field select,.field textarea{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-ink);font-size:var(--font-size-sm);box-shadow:2px 2px 0 var(--color-ink);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);outline:0;padding:.6rem .85rem;font-weight:650}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-brand)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-brand);box-shadow:4px 4px 0 var(--color-ink)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--color-critical);background:var(--color-critical-soft)}.field em{color:var(--color-ink-muted);font-size:.68rem;font-weight:600}.tariff-explainer{padding:var(--space-4) var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-brand-soft);box-shadow:3px 3px 0 var(--color-ink);flex-direction:column;justify-content:center;display:flex}.tariff-explainer__heading{align-items:center;gap:var(--space-2);color:var(--color-brand-strong);font-size:var(--font-size-xs);font-weight:900;display:flex}.tariff-explainer p{margin:var(--space-1) 0;color:var(--color-ink);font-size:.75rem}.tariff-explainer__tiers{padding-top:var(--space-2);margin-top:var(--space-1);color:var(--color-ink-soft);border-top:1px dashed #6c47ff40;font-size:.7rem;line-height:1.6}.fieldset-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.fieldset-heading legend{padding:0}.fieldset-heading p{margin:var(--space-1) 0 0;color:var(--color-ink-muted);font-size:var(--font-size-xs)}.appliance-form-list{gap:var(--space-3);flex-direction:column;display:flex}.appliance-form-list__empty{padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-neutral-soft);color:var(--color-ink-muted);font-size:var(--font-size-xs);margin:0;line-height:1.6}.appliance-form-row{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);box-sizing:border-box;grid-template-columns:28px minmax(110px,1fr) minmax(110px,1fr) 68px minmax(130px,1fr) 38px;align-items:end;gap:.6rem;display:grid}.appliance-form-row__number{border:2px solid var(--color-ink);background:var(--color-energy);width:28px;height:28px;color:var(--color-ink);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;border-radius:50%;align-self:center;place-items:center;margin-bottom:2px;font-weight:900;display:grid}.appliance-form-row__remove{width:38px;height:38px;color:var(--color-critical);border-color:#d53d4f42;place-self:end center}.appliance-form-row__remove:hover{border-color:var(--color-critical);background:var(--color-critical-soft)}.detail-content{gap:var(--space-5);padding:var(--space-5);background:var(--color-canvas);flex-direction:column;display:flex;overflow-y:auto}.detail-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.detail-connection-status{align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);border:1px solid;font-weight:800;display:inline-flex}.detail-connection-status--live{background:var(--color-success-soft);color:var(--color-success);border-color:#168a5b47}.detail-connection-status--stale,.detail-connection-status--missing{background:var(--color-warning-soft);color:var(--color-warning);border-color:#a861004d}.detail-connection-status--disconnected{background:var(--color-critical-soft);color:var(--color-critical);border-color:#d53d4f4d}.detail-delete-home,.appliance-delete-button{background:var(--color-critical-soft);color:var(--color-critical);border-color:#d53d4f47}.detail-delete-home:hover:not(:disabled),.appliance-delete-button:hover:not(:disabled){border-color:var(--color-critical);background:#ffd6d9}.delete-confirmation,.mutation-feedback{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-critical);border-radius:var(--radius-md);background:var(--color-critical-soft);color:var(--color-critical);animation:fade-up var(--motion-medium) var(--ease-standard);display:flex}.delete-confirmation__icon{border:2px solid var(--color-ink);background:var(--color-energy);width:38px;height:38px;color:var(--color-ink);border-radius:50%;flex:none;place-items:center;display:grid}.delete-confirmation__copy{flex:1;min-width:0}.delete-confirmation__copy strong{color:var(--color-ink);font-size:var(--font-size-sm)}.delete-confirmation__copy p{margin:var(--space-1) 0 0;color:var(--color-ink-soft);font-size:var(--font-size-xs)}.delete-confirmation__actions{gap:var(--space-2);flex:none;display:flex}.delete-confirmation__confirm{border-color:var(--color-critical);background:var(--color-critical);color:#fff}.delete-confirmation__confirm:hover:not(:disabled){border-color:var(--color-ink);background:#a32639}.mutation-feedback{font-size:var(--font-size-xs);border-width:1px;align-items:flex-start;font-weight:700}.detail-tabs{gap:var(--space-1);min-width:0;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);scrollbar-width:none;display:flex;overflow-x:auto}.detail-tabs::-webkit-scrollbar{display:none}.detail-tab{min-height:var(--touch-target);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--color-ink-soft);font-size:var(--font-size-xs);white-space:nowrap;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);background:0 0;border:0;flex:1 0 auto;font-weight:800;display:inline-flex}.detail-tab:hover{background:var(--color-surface-muted)}.detail-tab.is-active{background:var(--color-ink);color:#fff;box-shadow:2px 2px 0 var(--color-brand)}.detail-tab-panel{min-width:0;min-height:380px;animation:fade-up var(--motion-medium) var(--ease-standard);outline:0}.detail-tab-panel[hidden]{display:none}.detail-hero{--detail-tone:var(--color-brand);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:5px 5px 0 var(--color-ink);grid-template-columns:minmax(190px,.75fr) minmax(300px,1.2fr) minmax(230px,.9fr);display:grid;overflow:hidden}.detail-hero--warning{--detail-tone:var(--color-energy-strong);background:linear-gradient(135deg, var(--color-warning-soft), #fff 42%)}.detail-hero--critical{--detail-tone:var(--color-critical);background:linear-gradient(135deg, var(--color-critical-soft), #fff 42%)}.detail-hero__primary,.detail-hero__metrics,.detail-budget{min-width:0;padding:var(--space-5)}.detail-hero__primary{border-right:1px solid var(--color-border);flex-direction:column;justify-content:center;display:flex}.detail-live-label{align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:.68rem;font-weight:780;display:flex}.detail-hero__primary>strong{margin-top:var(--space-2);color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(2rem,4vw,3.2rem);font-weight:930}.detail-hero__primary>span:last-child{color:var(--color-ink-soft);font-size:var(--font-size-xs)}.detail-hero__metrics{border-right:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.detail-hero__metrics>div{justify-content:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.detail-hero__metrics>div+div{border-left:1px solid var(--color-border)}.detail-hero__metrics span{align-items:center;gap:var(--space-1);color:var(--color-ink-muted);font-size:.64rem;display:flex}.detail-hero__metrics strong{color:var(--color-ink);font-size:var(--font-size-md);font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-weight:880;overflow:hidden}.detail-budget{flex-direction:column;justify-content:center;display:flex}.detail-budget__heading,.detail-budget__amounts{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.detail-budget__heading span,.detail-budget__amounts{color:var(--color-ink-muted);font-size:.66rem}.detail-budget__heading strong{color:var(--detail-tone);font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.quota-progress--large{height:14px;margin:var(--space-3) 0}.detail-hero .quota-progress>span{background:var(--detail-tone)}.home-overview-grid{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.home-overview-card{align-items:flex-start;gap:var(--space-3);min-height:130px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.home-overview-card--alert{background:var(--color-critical-soft);border-color:#d53d4f47}.home-overview-card>span{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-brand-soft);width:36px;height:36px;color:var(--color-brand);flex:none;place-items:center;display:grid}.home-overview-card--alert>span{color:var(--color-critical);background:#fff}.home-overview-card p{color:var(--color-ink-muted);margin:0;font-size:.65rem}.home-overview-card strong{margin-top:var(--space-1);color:var(--color-ink);font-size:var(--font-size-sm);display:block}.home-overview-card small{align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--color-ink-soft);font-size:.65rem;display:flex}.home-overview-card button{min-height:var(--touch-target);color:var(--color-brand-strong);background:0 0;border:0;padding:0;font-size:.66rem;font-weight:850}.detail-progressive-actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.health-summary{background:var(--color-success-soft);color:var(--color-success);border-color:#168a5b42;padding:.4rem .65rem}.health-summary--alert{background:var(--color-critical-soft);color:var(--color-critical);border-color:#d53d4f4d}.appliance-section-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.appliance-empty-state{align-items:center;gap:var(--space-7);min-height:310px;padding:clamp(var(--space-6), 5vw, var(--space-10));border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 15% 25%, var(--color-warning-soft), transparent 35%), linear-gradient(135deg, var(--color-surface), var(--color-brand-soft));grid-template-columns:minmax(150px,.38fr) minmax(260px,.62fr);display:grid}.appliance-empty-state__character{border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);min-height:190px;box-shadow:7px 7px 0 var(--color-ink);place-items:center;display:grid}.appliance-empty-state h4{color:var(--color-ink);font-size:var(--font-size-xl);margin:0;font-weight:900}.appliance-empty-state p{max-width:52ch;margin:var(--space-2) 0 var(--space-5);color:var(--color-ink-muted);line-height:1.65}.add-appliance-panel{margin-bottom:var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:6px 6px 0 var(--color-brand);overflow:hidden}.add-appliance-panel__header{align-items:start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:linear-gradient(110deg, var(--color-brand-soft), var(--color-warning-soft));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.add-appliance-panel__header h4,.add-appliance-panel__header p{margin:0}.add-appliance-panel__header h4{color:var(--color-ink);font-size:var(--font-size-lg);font-weight:900}.add-appliance-panel__header p:last-child{margin-top:var(--space-1);color:var(--color-ink-muted);font-size:var(--font-size-xs)}.add-appliance-panel__icon{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-energy);width:42px;height:42px;color:var(--color-ink);place-items:center;display:grid}.add-appliance-form{gap:var(--space-4);padding:var(--space-5);grid-template-columns:minmax(0,1.3fr) minmax(190px,.9fr) minmax(210px,.8fr);display:grid}.add-appliance-form>.mutation-feedback,.add-appliance-form__actions{grid-column:1/-1}.add-appliance-form__actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-1);display:flex}.appliance-detail-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:start;display:grid}.appliance-character-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.appliance-character-card{--appliance-tone:var(--color-success);gap:var(--space-2) var(--space-3);min-width:0;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);grid-template-rows:auto auto auto;grid-template-columns:82px minmax(0,1fr);display:grid;overflow:hidden}.appliance-character-card--warning{--appliance-tone:var(--color-warning);background:linear-gradient(135deg, var(--color-warning-soft), #fff 48%)}.appliance-character-card--critical{--appliance-tone:var(--color-critical);background:linear-gradient(135deg, var(--color-critical-soft), #fff 48%)}.appliance-character-card--offline{--appliance-tone:var(--status-disconnected);background:linear-gradient(135deg, var(--color-neutral-soft), #fff 48%)}.appliance-character-card.is-selected{border-color:var(--color-ink);box-shadow:4px 4px 0 var(--color-brand);transform:translate(-2px,-2px)}.appliance-character-card__visual{border-radius:var(--radius-sm);background:#ffffffa6;grid-row:1/4;align-self:stretch;place-items:center;display:grid;position:relative;overflow:hidden}.appliance-character-card__visual .vw-character{--vw-character-size:3.8rem!important}.appliance-character-card__warning{z-index:5;border:2px solid var(--color-ink);background:var(--color-critical);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:1px;right:1px}.appliance-character-card__copy{align-self:end;min-width:0}.appliance-character-card__copy strong,.appliance-character-card__copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.appliance-character-card__copy strong{color:var(--color-ink);font-size:var(--font-size-sm)}.appliance-character-card__copy span{color:var(--color-ink-muted);font-size:.65rem}.appliance-character-card__reading{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex}.appliance-character-card__reading span{align-items:center;gap:var(--space-1);color:var(--color-ink-muted);font-size:.62rem;display:flex}.appliance-character-card__reading strong{color:var(--color-ink);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.appliance-character-card__status{border:1px solid color-mix(in srgb, var(--appliance-tone) 35%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--appliance-tone) 11%, white);color:var(--appliance-tone);justify-self:start;padding:.28rem .5rem;font-size:.62rem;font-weight:820}.appliance-telemetry-panel{--panel-tone:var(--color-success);min-width:0;padding:var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:5px 5px 0 var(--color-ink);position:sticky;top:0}.appliance-telemetry-panel--warning{--panel-tone:var(--color-warning)}.appliance-telemetry-panel--critical{--panel-tone:var(--color-critical)}.appliance-telemetry-panel--offline{--panel-tone:var(--status-disconnected)}.appliance-telemetry-panel--empty{justify-content:center;align-items:center;gap:var(--space-4);min-height:230px;box-shadow:none;color:var(--color-ink-muted);border-style:dashed;display:flex}.appliance-telemetry-panel--empty h4{margin:0}.appliance-telemetry-panel--empty p{margin:var(--space-1) 0 0;font-size:var(--font-size-xs)}.appliance-telemetry-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.appliance-telemetry-panel__header h4{color:var(--color-ink);font-size:var(--font-size-lg);margin:0}.appliance-telemetry-panel__header p:last-child{margin:var(--space-1) 0 0;color:var(--color-ink-muted);font-size:.68rem}.appliance-telemetry-panel__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.health-chip{padding:.35rem .55rem}.health-chip--normal{background:var(--color-success-soft);color:var(--color-success);border-color:#168a5b47}.health-chip--anomalous{background:var(--color-critical-soft);color:var(--color-critical);border-color:#d53d4f4d}.appliance-telemetry-grid{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.telemetry-metric{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas)}.telemetry-metric--primary{border-color:color-mix(in srgb, var(--panel-tone) 35%, var(--color-border));background:color-mix(in srgb, var(--panel-tone) 8%, white)}.telemetry-metric--wide{grid-column:1/-1}.telemetry-metric dt{align-items:center;gap:var(--space-1);color:var(--color-ink-muted);font-size:.63rem;font-weight:700;display:flex}.telemetry-metric dd{min-width:0;margin:var(--space-1) 0 0;color:var(--color-ink);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:850}.telemetry-metric--wide dd{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.freshness-label{border-radius:var(--radius-pill);border:1px solid;padding:.25rem .45rem;font-size:.6rem;font-weight:800}.freshness-label--live{background:var(--color-success-soft);color:var(--color-success);border-color:#168a5b40}.freshness-label--stale,.freshness-label--missing{background:var(--color-warning-soft);color:var(--color-warning);border-color:#a861004d}.freshness-label--disconnected{background:var(--color-critical-soft);color:var(--color-critical);border-color:#d53d4f47}.breach-cycles{align-items:center;gap:4px;display:inline-flex}.breach-cycles i{border:1px solid var(--color-ink);background:var(--color-surface);border-radius:50%;width:9px;height:9px}.breach-cycles i.is-filled{background:var(--color-critical)}.breach-cycles small{margin-left:var(--space-1);color:var(--color-ink-muted);font-size:.62rem}.anomaly-explainer{gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--panel-tone) 35%, var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--panel-tone) 9%, white);grid-template-columns:auto minmax(0,1fr);display:grid}.anomaly-explainer__icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--panel-tone);border:1px solid;place-items:center;display:grid}.anomaly-explainer h5{color:var(--color-ink);font-size:var(--font-size-sm);margin:0}.anomaly-explainer__copy>p{margin:var(--space-2) 0 0;color:var(--color-ink-soft);font-size:var(--font-size-xs)}.anomaly-explainer__values{gap:var(--space-2);margin:var(--space-3) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.anomaly-explainer__values div{padding:var(--space-2);border-radius:var(--radius-xs);background:#ffffffad}.anomaly-explainer__values dt{color:var(--color-ink-muted);font-size:.58rem}.anomaly-explainer__values dd{margin:var(--space-1) 0 0;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:850}.anomaly-explainer__action{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb, var(--panel-tone) 20%, transparent)}.anomaly-explainer__action strong{color:var(--color-ink);font-size:.68rem}.anomaly-explainer__action p{margin:var(--space-1) 0 0;font-size:.7rem}.telemetry-ok-panel{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-xs);border:1px solid #168a5b42;font-weight:700;display:flex}.analytics-loading,.section-loading,.inline-empty{justify-content:center;align-items:center;gap:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);min-height:180px;color:var(--color-ink-muted);font-size:var(--font-size-sm);display:flex}.analytics-notice{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--font-size-xs);border:1px solid #a8610047;display:flex}.analytics-notice span{flex:1}.analytics-notice button{min-height:var(--touch-target);align-items:center;gap:var(--space-1);color:var(--color-ink);font-size:var(--font-size-xs);background:0 0;border:0;font-weight:850;display:inline-flex}.charts-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chart-card{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-1)}.chart-card__heading{align-items:center;gap:var(--space-3);display:flex}.chart-card__heading>span{border-radius:var(--radius-sm);background:var(--color-brand-soft);width:36px;height:36px;color:var(--color-brand);flex:none;place-items:center;display:grid}.chart-card__heading h4,.chart-card__heading p{margin:0}.chart-card__heading h4{color:var(--color-ink);font-size:var(--font-size-sm)}.chart-card__heading p{margin-top:var(--space-1);color:var(--color-ink-muted);font-size:.64rem}.chart-card__canvas{height:260px;margin-top:var(--space-3)}.chart-card__canvas--pie{height:280px}.chart-empty{justify-content:center;align-items:center;gap:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-sm);height:100%;color:var(--color-ink-muted);font-size:var(--font-size-xs);text-align:center;display:flex}.insights-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recommendations-panel,.events-panel{min-width:0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.recommendations-panel>header,.events-panel>header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.panel-pagination-controls{align-items:center;gap:var(--space-2);display:flex}.pagination-indicator{color:var(--color-ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;font-weight:800}.recommendations-panel>header>span,.events-panel>header>span{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-energy);width:40px;height:40px;box-shadow:2px 2px 0 var(--color-ink);flex:none;place-items:center;display:grid}.recommendations-panel h3,.events-panel h3{font-size:var(--font-size-lg);margin:0}.recommendations-panel .eyebrow,.events-panel .eyebrow{margin-bottom:var(--space-1)}.recommendation-list,.event-list{gap:var(--space-2);flex-direction:column;display:flex}.recommendation{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-canvas-warm);grid-template-columns:auto minmax(0,1fr);display:grid}.recommendation>svg{color:var(--color-warning)}.recommendation p{color:var(--color-ink);font-size:var(--font-size-xs);margin:0}.recommendation span{margin-top:var(--space-2);color:var(--color-ink-muted);font-size:.6rem;display:block}.event-list{margin:0;padding:0;list-style:none}.event-list li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);display:grid}.event-list__icon{border-radius:var(--radius-xs);background:var(--color-brand-soft);width:32px;height:32px;color:var(--color-brand);place-items:center;display:grid}.event-list__icon--anomaly,.event-list__icon--tariff{background:var(--color-critical-soft);color:var(--color-critical)}.event-list__icon--quota{background:var(--color-warning-soft);color:var(--color-warning)}.event-list li>div>div{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.event-list strong{color:var(--color-ink);font-size:var(--font-size-xs)}.event-list time{align-items:center;gap:var(--space-1);color:var(--color-ink-muted);flex:none;font-size:.6rem;display:inline-flex}.event-list p{margin:var(--space-1) 0 0;font-size:.7rem}.resolved-label{margin-top:var(--space-2);color:var(--color-success);font-size:.6rem;font-weight:750;display:inline-block}.panel-unavailable,.panel-empty-copy{padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-ink-muted);font-size:var(--font-size-xs)}.panel-unavailable{align-items:center;gap:var(--space-2);display:flex}.panel-unavailable p,.panel-empty-copy{margin:0}.limit-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.limit-input-wrapper input{padding-right:36px!important}.limit-input-wrapper input[readonly]{background:var(--color-neutral-soft);border-color:var(--color-border);color:var(--color-ink-soft);cursor:default}.limit-input-wrapper input[readonly]:hover{border-color:var(--color-border)}.limit-input-wrapper input[readonly]:focus{border-color:var(--color-border);box-shadow:none}.limit-edit-button{border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);width:28px;height:28px;color:var(--color-ink-muted);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.limit-edit-button:hover{color:var(--color-brand);border-color:var(--color-brand-strong);background:var(--color-brand-soft)}.limit-edit-button.is-editing{color:var(--color-brand-strong);border-color:var(--color-brand-strong);background:var(--color-brand-soft);box-shadow:0 0 0 2px #6c47ff26}@media (width<=640px){.dialog-backdrop{padding:var(--space-2);align-items:flex-end}.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;width:100%!important;max-height:94vh!important;box-shadow:0 -4px 20px #0003!important}.dialog__header{min-height:72px;padding:var(--space-3) var(--space-4)}.dialog__header h2{font-size:1.25rem!important}.dialog__body{padding:var(--space-4)!important}.dialog__footer{padding:var(--space-3) var(--space-4)}}@media (width<=1180px){.landing-hero{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}.character-scene--hero{width:min(100%,480px)}.overview-stats,.skeleton-stats,.home-grid,.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:minmax(180px,.7fr) minmax(300px,1.3fr)}.detail-budget{border-top:1px solid var(--color-border);grid-column:1/-1}.home-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appliance-detail-layout{grid-template-columns:minmax(0,1fr)}.add-appliance-form{grid-template-columns:repeat(2,minmax(0,1fr))}.add-appliance-form .field:first-of-type{grid-column:1/-1}.appliance-telemetry-panel{position:static}.appliance-form-row{gap:var(--space-2);grid-template-columns:30px minmax(120px,.8fr) minmax(145px,1fr) 70px minmax(145px,.9fr) 42px}}@media (width<=940px){.auth-page{flex-direction:column!important;height:auto!important;min-height:100dvh!important;display:flex!important}.auth-visual{display:none!important}.auth-visual__copy h1{font-size:clamp(3rem,7vw,4.8rem)}.auth-character-stage{height:250px}.landing-hero{text-align:center;grid-template-columns:minmax(0,1fr);min-height:auto;padding:clamp(2rem,5vh,4rem) 0 clamp(3rem,6vh,5rem)}.landing-hero__copy{margin-inline:auto}.landing-hero__copy h1{font-size:clamp(3rem,8vw,5rem)}.landing-hero__copy>p:not(.eyebrow){margin-inline:auto}.landing-hero__actions,.landing-hero__proof{justify-content:center}.landing-hero__visual{width:min(100%,480px);margin-inline:auto}.character-scene--hero{width:100%}.landing-story{grid-template-columns:minmax(0,1fr)}.landing-story__visual{min-height:390px}.landing-benefits__grid,.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-intro{grid-template-columns:minmax(0,1fr);align-items:start}.dashboard-intro__signal{width:fit-content;min-width:0}.app-header__inner{grid-template-columns:1fr auto}.app-header__context{display:none}.appliance-form-row{grid-template-columns:30px repeat(2,minmax(0,1fr)) 42px;align-items:end}.appliance-form-row .field:nth-of-type(3),.appliance-form-row .field:nth-of-type(4){grid-row:2}.appliance-form-row .field:nth-of-type(3){grid-column:2}.appliance-form-row .field:nth-of-type(4){grid-column:3}.charts-grid,.insights-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=721px) and (height<=800px){.auth-visual{padding:1.5rem 2rem}.auth-visual__copy{margin-top:var(--space-5)}.auth-visual__copy h1{font-size:clamp(2.8rem,5.4vw,4.7rem)}.auth-visual__copy>p:last-child{margin-top:var(--space-4)}.auth-character-stage{height:190px;min-height:190px;margin-top:var(--space-3)}.auth-panel{padding-block:1.5rem}.auth-back,.auth-tabs,.auth-security-note{margin-bottom:var(--space-5)}.auth-security-note{margin-top:var(--space-5)}}@media (width<=720px){.auth-page{flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}.auth-panel{order:-1;min-height:auto;padding:1.35rem clamp(1rem,5vw,2rem) 2.5rem;overflow-y:auto}.dialog__body,.registration-form{-webkit-overflow-scrolling:touch;overflow-y:auto}.auth-back{margin-bottom:var(--space-5)}.auth-tabs{margin-bottom:var(--space-7)}.auth-security-note{margin-top:var(--space-7)}.auth-visual{display:none!important}.landing-header{padding:var(--space-4) 1rem}.landing-header__actions .button--ghost{display:none}.landing-hero{width:min(calc(100% - 2rem), var(--content-width));gap:var(--space-8);min-height:auto;padding:clamp(2rem,6vh,3.5rem) 0 clamp(2.5rem,7vh,4rem)}.landing-hero__copy h1{font-size:clamp(2.8rem,12vw,4.2rem)}.landing-hero__visual{width:min(100%,380px)}.character-scene--hero{box-shadow:8px 9px 0 var(--color-ink)}.character-scene__item--fridge .vw-character{--vw-character-size:clamp(5rem, 16vw, 7rem)!important}.character-scene__item--washer .vw-character,.character-scene__item--tv .vw-character{--vw-character-size:clamp(4rem, 12vw, 5.5rem)!important}.character-scene__item--kettle .vw-character,.character-scene__item--lamp .vw-character{--vw-character-size:clamp(3rem, 9vw, 4.5rem)!important}.landing-signal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-signal-strip article:nth-of-type(3){border-left:0}.landing-signal-strip article:nth-of-type(n+3){border-top:1px solid #ffffff26}.landing-section{width:min(calc(100% - 2rem), var(--content-width));padding-block:4rem}.landing-benefits__grid,.landing-steps{grid-template-columns:minmax(0,1fr)}.landing-story__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-final-cta{text-align:center;grid-template-columns:minmax(0,1fr)}.landing-final-cta__characters{justify-content:center}.landing-footer{text-align:center;flex-direction:column}.app-header__inner,.main-content{width:min(calc(100% - 2rem), var(--content-width))}.app-header__inner{gap:var(--space-3);min-height:68px}.live-indicator>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-header__actions{gap:var(--space-1)}.main-content{padding-top:var(--space-8)}.dashboard-intro{gap:var(--space-6);padding:var(--space-6);box-shadow:6px 6px 0 var(--color-ink)}.dashboard-intro h1{font-size:clamp(2.5rem,13vw,4.5rem)}.home-card{gap:var(--space-4);grid-template-columns:minmax(0,1fr);min-height:auto}.stat-card{min-height:150px}.section-heading{align-items:flex-start;gap:var(--space-4);flex-direction:column}.home-controls{width:100%}.search-control{flex:1;min-width:0}.search-control input{width:100%}.home-card{min-height:510px}.toast-region{width:auto;bottom:1rem;left:1rem;right:1rem}.dialog-backdrop{align-items:end;padding:0}.dialog,.dialog--wide{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0;border-left:0;border-right:0;width:100%;max-height:100svh;box-shadow:0 -8px #211d341a}.dialog__header{min-height:78px;padding:var(--space-4)}.dialog__header h2{font-size:1.55rem}.dialog__footer,.registration-form,.detail-content,.form-section{padding:var(--space-4)}.form-grid--three,.form-grid--two{grid-template-columns:minmax(0,1fr)}.fieldset-heading{flex-direction:column;align-items:stretch}.appliance-form-row{grid-template-columns:30px minmax(0,1fr) 42px}.appliance-form-row .field{grid-column:2}.appliance-form-row .field:nth-of-type(3),.appliance-form-row .field:nth-of-type(4){grid-area:auto/2}.appliance-form-row__number{grid-area:1/1}.appliance-form-row__remove{grid-area:1/3}.detail-toolbar{flex-direction:column;align-items:stretch}.delete-confirmation{flex-wrap:wrap;align-items:flex-start}.delete-confirmation__copy{min-width:calc(100% - 3.5rem)}.delete-confirmation__actions{justify-content:flex-end;width:100%}.detail-connection-status{width:fit-content}.detail-hero{grid-template-columns:minmax(0,1fr)}.detail-hero__primary,.detail-hero__metrics{border-right:0;border-bottom:1px solid var(--color-border)}.detail-budget{grid-column:auto}.home-overview-grid,.appliance-character-grid,.appliance-empty-state,.add-appliance-form{grid-template-columns:minmax(0,1fr)}.add-appliance-form .field:first-of-type{grid-column:auto}.appliance-section-actions{flex-direction:column;align-items:stretch;width:100%}.appliance-section-actions .button{justify-content:center}.detail-tabs{margin-inline:calc(var(--space-4) * -1);border-left:0;border-right:0;border-radius:0}.detail-tab{flex-basis:auto}.appliance-telemetry-panel__header{flex-direction:column;align-items:stretch}.appliance-telemetry-panel__actions{justify-content:flex-start}.charts-grid{grid-template-columns:minmax(0,1fr)}.chart-card__canvas{min-height:250px}.event-list>li{grid-template-columns:auto minmax(0,1fr)}}@media (width<=430px){.brand__copy span{display:none}.app-header__actions{flex-wrap:nowrap;overflow:hidden}.header-add-button span,.header-logout-button span,.app-header__actions>.button span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-heading{grid-template-columns:minmax(0,1fr)}.auth-heading__icon{display:none}.auth-visual{display:none!important}.auth-visual__topline .auth-visual__badge{display:none}.landing-header__actions .button{min-height:var(--touch-target);padding-inline:var(--space-3)}.landing-hero__copy h1{font-size:clamp(2.4rem,10vw,3.4rem)}.landing-hero__visual{width:min(100%,300px)}.landing-hero__actions{flex-direction:column}.landing-hero__actions .button{width:100%}.landing-signal-strip,.landing-story__metrics{grid-template-columns:minmax(0,1fr)}.landing-signal-strip article+article{border-left:0}.landing-signal-strip article:nth-of-type(n+2){border-top:1px solid #ffffff26}.home-controls{flex-direction:column;align-items:stretch}.filter-control select{flex:1}.home-card__header,.home-card__footer{flex-direction:column;align-items:stretch}.home-card__status-stack{flex-direction:row;align-items:flex-start}.anomaly-badge,.warning-badge,.healthy-badge{max-width:none}.home-card__details{justify-content:center}.detail-hero__metrics,.appliance-telemetry-grid{grid-template-columns:minmax(0,1fr)}.delete-confirmation__actions{flex-direction:column-reverse}.delete-confirmation__actions .button{width:100%}.detail-hero__metrics>div+div{border-top:1px solid var(--color-border);border-left:0}.telemetry-metric--wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.live-indicator__dot:after,.character-scene__energy-orbit{display:none}}@media (width<=640px){.app-header__inner{flex-wrap:wrap;gap:.5rem;padding:.6rem .8rem}.app-header__actions{justify-content:space-between;gap:.4rem;width:100%;padding-bottom:4px;overflow-x:auto}.app-header__actions .button{white-space:nowrap;padding:.45rem .75rem;font-size:.78rem}.chat-widget-toggle{z-index:999999!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;width:58px!important;height:58px!important;bottom:1.5rem!important;right:1.2rem!important}.chat-widget-window{z-index:999999!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;width:auto!important;max-height:80vh!important;bottom:5.5rem!important;left:.75rem!important;right:.75rem!important}.created-by-capsule{bottom:.75rem!important}.overview-stats{grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important}.app-footer{text-align:center;flex-direction:column;gap:.5rem;padding-bottom:6.5rem!important}}@media (width<=991px){.home-card{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;min-height:auto!important}.home-card__details{touch-action:manipulation!important;border-radius:var(--radius-sm)!important;width:100%!important;min-height:48px!important;margin-top:var(--space-2)!important;justify-content:center!important;align-items:center!important;font-size:.95rem!important;font-weight:800!important;display:flex!important}.dialog-backdrop{z-index:99999!important;-webkit-backdrop-filter:blur(4px)!important;background:#0f0c1dbf!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;display:flex!important}.dialog,.dialog--wide{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;max-height:92dvh!important;margin:0!important;padding:1.25rem 1rem 2.5rem!important;overflow-y:auto!important}.dialog__header{z-index:10!important;background:var(--color-surface)!important;border-bottom:1px solid var(--color-border)!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:1rem!important;padding-bottom:.75rem!important;display:flex!important;position:sticky!important;top:0!important}.dialog__header .icon-button{background:var(--color-canvas)!important;border:1px solid var(--color-border)!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;display:flex!important}.detail-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:.5rem!important;margin-bottom:1.25rem!important;padding-bottom:.5rem!important;display:flex!important;overflow-x:auto!important}.detail-tab{white-space:nowrap!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;flex-shrink:0!important;min-height:44px!important;padding:.5rem 1rem!important;font-size:.9rem!important}.dialog input,.dialog select,.dialog textarea,.search-control input,.filter-control select{border-radius:var(--radius-sm)!important;min-height:44px!important;font-size:16px!important}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;display:grid!important}.stat-card{min-height:110px!important;padding:.85rem!important}.stat-card__value{font-size:1.25rem!important}.home-grid,.home-cards-grid,.homes-grid{box-sizing:border-box!important;flex-direction:column!important;grid-template-columns:minmax(0,1fr)!important;gap:1.25rem!important;width:100%!important;max-width:100%!important;display:flex!important}.home-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important}.dialog-backdrop{z-index:99999!important;box-sizing:border-box!important;-webkit-backdrop-filter:blur(6px)!important;background:#0f0c1dcc!important;justify-content:center!important;align-items:flex-end!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.dialog,.dialog--wide{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;border-bottom:0!important;border-left:0!important;border-right:0!important;border-radius:24px 24px 0 0!important;width:100%!important;max-width:100vw!important;max-height:90dvh!important;margin:0!important;padding:1.25rem 1rem 2.5rem!important;overflow:hidden auto!important;box-shadow:0 -8px 30px #0000004d!important}.dialog *,.dialog--wide *{box-sizing:border-box!important;max-width:100%!important}.dialog__header,.dialog__body,.dialog__footer{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.detail-hero__metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;display:grid!important}.appliance-character-grid,.appliance-telemetry-grid{grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important;display:grid!important}.add-appliance-form{flex-direction:column!important;gap:.85rem!important;display:flex!important}.add-appliance-form .button{justify-content:center!important;width:100%!important;min-height:46px!important}}
