:root{--bg-deep: #0a0f14;--surface: #111820;--surface-2: #18222b;--text: #e8eef2;--text-muted: #8b9aa7;--accent: #00d4aa;--accent-2: #00a3ff;--warning: #f5a623;--danger: #ff4d4f;--border: #263340;--radius-lg: 12px;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .5);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text);font-family:var(--font-body);line-height:1.5;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.4}a{color:var(--accent);text-decoration:none;transition:color .15s ease-out}a:hover{color:var(--accent-2)}.app-container{max-width:1200px;margin:0 auto;padding:2.5rem 1rem}.app-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-deep);border-bottom:1px solid var(--border);padding:1rem 0;gap:1rem}.app-nav a{color:var(--text-muted);margin-left:1rem;transition:color .15s ease-out}.app-nav a:hover,.app-nav a:focus{color:var(--accent)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.5rem;transition:transform .15s ease-out,border-color .15s ease-out}.card:hover{transform:translateY(-2px);border-color:var(--accent)}.embed-snippet{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow-x:auto;color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.grid-3{grid-template-columns:1fr}}.input{width:100%;padding:.75rem 1rem;background-color:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s ease-out}.input:focus{border-color:var(--accent)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-deep);padding:1rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.location-form-note{color:var(--text-muted);font-size:.875rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.btn-secondary{background-color:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background-color:transparent}.hazard-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:transform .15s ease-out,border-color .15s ease-out}.hazard-card:hover{transform:translateY(-2px);border-color:var(--accent)}.location-form{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.6;color:var(--text-muted)}.muted{color:var(--text-muted);font-size:.875rem}.public-widget{max-width:800px;margin:0 auto;padding:1.5rem}.status-ring-card{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center}.page-shell{box-sizing:border-box;width:100%;max-width:1120px;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}main:not(.container):not(.page-shell):not(.auth-page):not(.share-page):not(.full-bleed){box-sizing:border-box;width:100%;max-width:1120px;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}

/* aicom-visual-gate-autofix page shell */
.page-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
}
main:not(.container):not(.page-shell):not(.auth-page):not(.share-page):not(.full-bleed) {
  box-sizing: border-box;
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
}