.beta { font-family: system-ui,sans-serif; }
.beta .brand { font-family: system-ui,sans-serif; }
.beta header { display:flex; justify-content:space-between; align-items:center; padding:8px 18px; min-height:62px; border-bottom:1px solid var(--line); }
.beta aside { top:62px; padding-top:20px; }
.beta main { max-width:1050px; min-height:0; }
.beta main:has(.auth) { margin:0 auto; max-width:550px; }
.beta h1 { overflow-wrap:anywhere; }
.beta h2 { margin-block:20px 8px; }
.beta .auth { max-width:420px; margin:4vh auto; }
.beta .auth button { margin-top:14px; }
.beta .form-save { margin-top:18px; }
.beta .beta-content { max-width:760px; }
.beta .beta-content p { overflow-wrap:anywhere; }
.beta .row-title { flex:1; min-width:0; }
.beta .row-title strong { overflow-wrap:anywhere; }
.beta .meeting-row { display:flex; align-items:center; gap:12px; border-top:1px solid var(--line); }
.beta .meeting-row button.billet-row { grid-template-columns:minmax(0,1fr) 12px; border:0; }
.beta .beta-profile-photo { display:block; aspect-ratio:1; max-width:min(100%,380px); object-fit:cover; margin:12px 0; }
.beta .discover-filters { display:flex; gap:6px; flex-wrap:wrap; margin:10px 0; }
.beta .discover-filters [aria-pressed=true] { border-color:var(--green); color:var(--green); }
.beta .profile-label { display:flex; gap:8px; align-items:center; }
.beta .message { white-space:pre-wrap; overflow-wrap:anywhere; }
.beta .chat-input { bottom:0; }
.beta #notice { position:fixed; inset:auto 12px 16px; margin:auto; width:fit-content; max-width:calc(100% - 24px); background:var(--ink); color:white; padding:10px 14px; z-index:30; border-radius:4px; }
.beta #notice:empty { display:none; }
.beta [role=alert]:empty { display:none; }
.beta .beta-detail { touch-action:pan-y; }
.beta #gesture { color:var(--green); position:absolute; right:10px; top:20px; pointer-events:none; }
.beta #gesture:not(:empty) { background:white; border:1px solid var(--line); padding:5px 8px; }
.beta .sheet { position:relative; }
.beta .sheet blockquote { margin:18px 0; font:italic 25px/1.25 Georgia,serif; overflow-wrap:anywhere; }
.beta .status { margin-bottom:5px; }
@media(max-width:700px) {
  .beta aside { top:auto; height:calc(65px + env(safe-area-inset-bottom)); padding-top:0; }
  .beta nav button { width:33.33%; }
  .beta main { padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
  .beta .chat-input,.beta .billet-actions { bottom:calc(65px + env(safe-area-inset-bottom)); }
  .beta #notice { bottom:calc(72px + env(safe-area-inset-bottom)); }
  .beta .page-head>.primary { font-size:12px; }
  .beta .field :is(input,select,textarea),.beta .chat-input input { font-size:16px; }
}
.beta .meeting-avatar .initial { width:100%; height:100%; border:0; }
.beta nav .compatibility-badge { margin:0; min-width:14px; height:14px; }
.beta #discover-extra { margin-bottom:12px; }