@font-face { font-family:AeonikPro; src:url('/fonts/aeonikpro-regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
body { margin:0; padding:24px; background:#f3f1ee; font-family:AeonikPro,system-ui,sans-serif; color:#120f18; }
.shell-header { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
@layer shell {
  .shell-access { --shell-border:#dcdad8; --shell-brand:#7b37f2; --shell-muted:#59555e; padding:clamp(16px,4vw,32px); margin-bottom:24px; background:white; border:1px solid var(--shell-border); border-radius:16px; line-height:1.6; }
  .shell-access h2 { margin:0 0 16px; font-size:24px; }
  .shell-access p { margin:8px 0; overflow-wrap:anywhere; }
  .shell-access .shell-person { font-weight:bold; }
  .shell-access .shell-test { color:var(--shell-brand); font-weight:bold; }
  .shell-access form { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
  .shell-access label { flex-basis:100%; }
  .shell-access select, .shell-access button { font:inherit; padding:10px 16px; border:1px solid var(--shell-border); border-radius:12px; background:white; color:inherit; max-width:100%; }
  .shell-access select { min-width:0; width:min(100%,420px); }
  .shell-access button { cursor:pointer; }
  .shell-access button:disabled { color:var(--shell-muted); cursor:default; }
  .shell-access :focus-visible { outline:3px solid var(--shell-brand); outline-offset:3px; }
}