@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#1a1a1a;--panel-glow:#6366f126;--primary-color:#6366f1;--accent-color:#a855f7;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-y:auto}.main-container{flex:1;width:100vw;position:relative}canvas{width:100%;display:block}.auth-toggle{z-index:20;color:#dcdce1e6;max-width:min(280px,100vw - 40px);font-family:var(--font-sans);cursor:pointer;background:#19191eeb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;top:20px;right:20px}.auth-toggle:hover{color:#fff;background:#6366f1d9}.auth-toggle.is-signed-in{color:#dcfce7;background:#14281cf2;border-color:#86efac73}.auth-toggle.is-signed-in:hover{color:#fff;background:#166534e6}.auth-toggle-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #4ade80cc}.auth-toggle-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-panel{z-index:21;background:#141419f5;border:1px solid #ffffff1a;border-radius:12px;width:min(320px,100vw - 40px);padding:18px;position:fixed;top:58px;right:20px;box-shadow:0 12px 40px #00000073}.auth-title{color:#fff;font-family:var(--font-sans);margin-bottom:12px;font-size:16px;font-weight:700}.auth-signed-in{margin-bottom:8px}.auth-badge{color:#86efac;font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;background:#4ade8026;border-radius:999px;margin-bottom:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.auth-user{color:#c7d2fe;font-family:var(--font-mono);word-break:break-all;margin-bottom:12px;font-size:12px}.auth-label{color:#dcdce1b3;font-family:var(--font-sans);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.auth-input{color:#fff;width:100%;font-family:var(--font-sans);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;margin-bottom:12px;padding:8px 10px;font-size:13px}.auth-input:focus{border-color:var(--primary-color);outline:none}.auth-actions{gap:8px;display:flex}.auth-btn{color:#fff;font-family:var(--font-sans);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:8px 10px;font-size:12px;font-weight:700}.auth-btn-primary{background:#6366f1d9;border-color:#0000}.auth-btn-ghost{flex:none;width:100%;margin-top:8px}.auth-btn:hover{filter:brightness(1.1)}.auth-status{color:#dcdce1bf;min-height:1.2em;font-family:var(--font-sans);margin-top:10px;font-size:12px}.auth-status.is-error{color:#f87171}.auth-status.is-ok{color:#86efac}