/* Entry/exit chrome only. All project UI comes from the shared XIOT renderer. */
:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Open Sans",sans-serif;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff}
[hidden]{display:none!important}
.DemoGate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(28px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}
.AuthCard{width:min(100%,400px);margin:auto}
.Logo{display:flex;justify-content:center;fill:#fff;margin-bottom:32px}
.Logo svg{display:block;width:160px;height:80px}
h1{font-size:26px;font-weight:600;line-height:1.25;text-align:center;margin:0 0 12px}
.Lead{color:#bdbdbd;text-align:center;font-size:15px;line-height:1.5;margin:0 0 28px}
label{display:block;font-size:14px;font-weight:500;color:#d6d6d6;margin:0 0 9px}
input{width:100%;height:56px;border:1px solid #757575;background:#101010;color:#fff;border-radius:12px;font-family:inherit;font-size:20px;padding:0 16px;outline:none;caret-color:#fff}
input:focus{border:2px solid #fff;padding:0 15px}
.AuthCard button,.AuthCard .Secondary{display:block;text-align:center;text-decoration:none;width:100%;min-height:54px;margin-top:16px;border:1px solid #f5f5f5;border-radius:12px;background:#f5f5f5;color:#080808;font-family:inherit;font-size:17px;font-weight:600;line-height:1.35;padding:12px 16px;cursor:pointer;touch-action:manipulation}
.AuthCard .Secondary{background:transparent;color:#d6d6d6;border-color:#757575;font-weight:500}
button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}
button:disabled{opacity:.6;cursor:wait}
.Hint,.Status{color:#bdbdbd;text-align:center;font-size:14px;line-height:1.5}
.Status{min-height:24px;color:#fff}
.DemoHouse{position:fixed;inset:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#17191b}
.DemoBar{display:flex;flex:none;gap:12px;align-items:center;min-height:42px;padding:0 12px;color:#bdbdbd;font-size:13px;border-bottom:1px solid #333}
.DemoBar>span{margin-right:auto}
.DemoBar button,.DemoBar a{font:inherit;color:#fff;background:transparent;border:0;text-decoration:none;min-height:42px;display:flex;align-items:center;padding:0 5px;cursor:pointer;touch-action:manipulation}
.DemoRuntime{flex:1;min-height:0;overflow:hidden;position:relative}
.ScreenReaderStatus{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}