:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:#05060f;height:100%;margin:0;font-family:Arial,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}#app canvas{max-width:100%;max-height:100%}#auth-overlay{z-index:20;position:fixed;inset:0}.auth-backdrop{background:radial-gradient(circle at 50% 30%,#0d0f28 0%,#05060f 70%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.auth-card{background:#161233eb;border:1px solid #8b7bf7;border-radius:12px;width:340px;max-width:90vw;padding:28px 26px;box-shadow:0 0 40px #8b7bf740}.auth-title{color:#ffe08a;text-align:center;margin:0 0 18px;font-family:Georgia,serif;font-size:24px}.auth-hint{color:#c9c2f2;text-align:center;margin:-8px 0 16px;font-size:14px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:#c9c2f2;font-size:13px}.auth-input{color:#e9e4ff;background:#0b0a1f;border:1px solid #453b8c;border-radius:6px;padding:9px 10px;font-size:15px}.auth-input:focus{border-color:#8b7bf7;outline:none;box-shadow:0 0 0 2px #8b7bf759}.auth-submit{color:#f2f0ff;cursor:pointer;background:#453b8c;border:1px solid #8b7bf7;border-radius:6px;margin-top:4px;padding:10px;font-size:15px}.auth-submit:hover{background:#574aab}.auth-submit:disabled{opacity:.6;cursor:default}.auth-links{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.auth-link{color:#b3a8f7;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.auth-link:hover{color:#e9e4ff}.auth-error{color:#fca5a5;text-align:center;background:#dc262626;border:1px solid #f8717180;border-radius:6px;margin:0 0 14px;padding:8px 10px;font-size:13px}.auth-success{color:#86efac;text-align:center;background:#22c55e26;border:1px solid #4ade8080;border-radius:6px;margin:0 0 14px;padding:8px 10px;font-size:13px}#user-bar{z-index:15;background:#161233d9;border:1px solid #8b7bf7;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 16px;position:fixed;top:14px;right:14px}.user-bar-name{color:#e9e4ff;font-size:14px}.user-bar-logout{color:#e9e4ff;cursor:pointer;background:#2a2160;border:1px solid #8b7bf7;border-radius:999px;padding:6px 14px;font-size:13px}.user-bar-logout:hover{background:#453b8c}