@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; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:16px; }
.shell-header .shell-title { font-weight:500; }
.shell-header #access { margin-left:auto; min-width:0; }
@layer shell {
  .shell-access { --shell-border:#dcdad8; --shell-brand:#7b37f2; --shell-muted:#59555e; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px 12px; font-size:14px; line-height:1.4; }
  .shell-access > *, .shell-access .shell-line > * { overflow-wrap:anywhere; }
  .shell-access .shell-line { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin:0; }
  .shell-access .shell-person { font-weight:bold; }
  .shell-access .shell-muted { color:var(--shell-muted); }
  .shell-access .shell-test { color:var(--shell-brand); font-weight:bold; }
  .shell-access select, .shell-access button, .shell-access .shell-button { font:inherit; padding:6px 14px; border:1px solid var(--shell-border); border-radius:9999px; background:white; color:inherit; max-width:100%; }
  .shell-access select { min-width:0; width:min(100%,260px); }
  .shell-access button, .shell-access .shell-button { cursor:pointer; }
  .shell-access .shell-button { display:inline-block; box-sizing:border-box; text-decoration:none; background:var(--shell-brand); border-color:var(--shell-brand); color:white; }
  .shell-access button:disabled { color:var(--shell-muted); cursor:default; }
  .shell-access :focus-visible { outline:3px solid var(--shell-brand); outline-offset:3px; }
}