:root{--bg:#081522;--bg-2:#0F2438;--bg-3:#132B42;--ok:#1db87a;--ok-dim:#145c3d;--block:#d94f3d;--block-dim:#6b261e;--offline:#b7862e;--offline-dim:#5c3d12;--cream:#E7EDF4;--muted:#8CA0B4;--line:rgba(255,255,255,0.09);--gold:#C8B283;--primary:#C8B283;--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--font-serif:"Poppins",system-ui,sans-serif;--font-sans:"Poppins",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{min-height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--cream)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}body,html{max-width:100%;overflow-x:hidden}input,select,textarea{
  /* !important é deliberado: as telas do convidado definem fontSize inline
     (15px), e estilo inline vence folha externa — sem isto a regra não pega
     justamente onde mais importa. Medido em produção: os campos vinham com
     15px mesmo após a regra sem !important. */font-size:max(16px,1rem)!important}@media (pointer:coarse){[role=button],a[href],button,input[type=checkbox],input[type=radio]{min-height:44px}[role=button],button{min-width:44px}label a[href],li a[href],p a[href],span a[href]{min-height:0}input[type=checkbox],input[type=radio]{min-width:22px;min-height:22px}}canvas,img,svg,video{max-width:100%;height:auto}@media (max-width:640px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:380px){html{font-size:15px}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}