:root{--text:#e5e7eb;--text-dim:#9ca3af;--bg:#0f1115;--panel-bg:#14161ceb;--border:#2e303a;--accent:#6ee7b7;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}.app{flex-direction:column;height:100%;display:flex}.app__header{border-bottom:1px solid var(--border);z-index:2;align-items:center;gap:24px;padding:12px 20px;display:flex}.app__header h1{letter-spacing:-.02em;margin:0;font-size:20px}.app__header-spacer{flex:1}.owner-form{gap:8px;display:flex}.auth-control{align-items:center;gap:10px;font-size:14px;display:flex}.auth-control__login{color:var(--text-dim)}.auth-control--signin,.auth-control__signout{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-size:13px}.auth-control--signin:hover,.auth-control__signout:hover{border-color:var(--accent);color:var(--accent)}.owner-form input{border:1px solid var(--border);color:var(--text);background:#1a1c23;border-radius:6px;min-width:220px;padding:8px 12px;font-size:14px}.owner-form button{background:var(--accent);color:#0f1115;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.owner-form button:disabled,.owner-form input:disabled{opacity:.5;cursor:not-allowed}.app__stage{flex:1;min-height:0;position:relative}.status-panel{color:var(--text-dim);text-align:center;justify-content:center;align-items:center;padding:0 24px;font-size:16px;display:flex;position:absolute;inset:0}.status-panel--error{color:var(--danger)}.info-panel{background:var(--panel-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;width:300px;max-width:calc(100vw - 40px);padding:16px 18px;position:absolute;top:76px;right:20px}.info-panel__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:10px}.info-panel h2{margin:0 20px 8px 0;font-size:18px}.info-panel__description{color:var(--text-dim);margin-bottom:12px;font-size:13px}.info-panel dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;font-size:13px;display:grid}.info-panel dt{color:var(--text-dim)}.info-panel dd{text-align:right;margin:0}.info-panel a{color:var(--accent);font-size:13px;text-decoration:none}.info-panel a:hover{text-decoration:underline}