:root{--color-575-blue-primary:#0957c3;--color-575-blue-accent:#084aa6;--color-575-gray-brand:#898d90;--color-575-gray-dark:#1f2937;--color-575-gray-mid:#6b7280;--color-575-gray-light:#f3f4f6;--color-zone-red:#dc2626;--color-zone-white:#f9fafb;--color-zone-white-border:#4b5563;--color-zone-blue:#2563eb;--color-surface:#fff;--color-on-primary:#fff;--color-success:#15803d;--color-warning:#b45309;--color-danger:#b91c1c;--tap-target-min:44px;--radius-card:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-body:1rem;--font-size-small:.875rem;--font-size-title:1.375rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-575-gray-light);color:var(--color-575-gray-dark);font-family:var(--font-sans);font-size:var(--font-size-body);-webkit-text-size-adjust:100%;line-height:1.5}.app{min-height:100dvh}.journal-header{align-items:center;gap:var(--space-3);padding:calc(var(--space-4) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-left));background:var(--color-575-blue-primary);color:var(--color-on-primary);display:flex}.journal-header__logo{background:var(--color-surface);border-radius:50%;flex:none;padding:2px}.journal-header__eyebrow{font-size:var(--font-size-small);letter-spacing:.04em;text-transform:uppercase;opacity:.85;margin:0}.journal-header__title{font-size:var(--font-size-title);margin:0;line-height:1.25}.content{gap:var(--space-4);max-width:40rem;padding:var(--space-4) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));margin:0 auto;display:grid}.status{padding:var(--space-1) var(--space-3);background:var(--color-surface);font-size:var(--font-size-small);border-radius:999px;justify-self:start;margin:0;font-weight:600}.status--checking{color:var(--color-575-gray-mid)}.status--online{color:var(--color-success)}.status--offline{color:var(--color-warning)}.card{padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 1px 2px #0000000f}.card h2{margin:0 0 var(--space-2);color:var(--color-575-blue-primary);font-size:1.125rem}.card__list{gap:var(--space-2);margin:0;padding-left:1.25rem;display:grid}.journal-header__text{flex:1;min-width:0}.header-link{min-height:var(--tap-target-min);padding:0 var(--space-3);color:var(--color-on-primary);align-items:center;font-weight:600;display:inline-flex}.stack{gap:var(--space-3);display:grid}.stack>*{margin:0}.muted{color:var(--color-575-gray-mid);font-size:var(--font-size-small)}.notice{padding:var(--space-3);border-left:4px solid var(--color-warning);background:var(--color-575-gray-light);font-size:var(--font-size-small);border-radius:6px}.error{color:var(--color-danger);margin:0;font-weight:600}.button{min-height:var(--tap-target-min);padding:0 var(--space-4);border:2px solid var(--color-575-blue-primary);background:var(--color-575-blue-primary);color:var(--color-on-primary);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible,.input:focus-visible,a:focus-visible{outline:3px solid var(--color-575-blue-accent);outline-offset:2px}.header-link:focus-visible{outline-color:var(--color-on-primary)}.button--secondary{background:var(--color-surface);color:var(--color-575-blue-primary)}.button--danger{border-color:var(--color-danger);background:var(--color-surface);color:var(--color-danger)}.button--small{padding:0 var(--space-3);font-size:var(--font-size-small)}.button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.field{gap:var(--space-1);font-weight:600;display:grid}.field-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.input{min-height:var(--tap-target-min);padding:0 var(--space-3);border:1px solid var(--color-575-gray-mid);background:var(--color-surface);color:var(--color-575-gray-dark);font:inherit;border-radius:8px;font-weight:400}.input--code{letter-spacing:.15em;text-transform:uppercase;font-size:1.5rem}.turnstile:empty{display:none}.invitee{gap:var(--space-1);display:grid}.invitee__name{color:var(--color-575-blue-primary);font-size:var(--font-size-title);font-weight:700}.roster{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.roster__summary{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.roster__summary p{margin:0}.roster__name{font-weight:700}.roster__jersey{color:var(--color-575-blue-accent)}.badge{padding:var(--space-1) var(--space-2);background:var(--color-575-gray-light);color:var(--color-575-gray-mid);font-size:var(--font-size-small);white-space:nowrap;border-radius:999px;font-weight:600}.badge--active{color:var(--color-success)}.badge--invited{color:var(--color-warning)}.invite{padding-top:var(--space-3);border-top:1px solid var(--color-575-gray-light);text-align:center;justify-items:center}.qr{border-radius:8px;width:min(16rem,100%);height:auto}.invite__code{color:var(--color-575-gray-dark);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.75rem;font-weight:700}