/* neverlogoff/assets/drafts/drafts.css — device drafts (posts) and /join. */
.draft-bar { border: 1.5px solid var(--n-ink, currentColor); border-radius: 12px; padding: 0.85rem 1rem; margin-block: 0 1rem; display: grid; gap: 0.4rem; }
.draft-bar p, .draft-note p { margin: 0; }
.draft-bar .actions, .draft-note .actions, .join-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.draft-note { border-inline-start: 4px solid var(--n-ink, currentColor); padding-inline-start: 0.75rem; display: grid; gap: 0.4rem; }
.draft-pass { margin: 0; }
.join-main { max-inline-size: 40rem; margin-inline: auto; padding: 1.5rem 1rem 3rem; }
.join-main h1 { margin-block: 0 0.4rem; }
.join-pass { border: 1px dashed currentColor; border-radius: 10px; padding: 0.6rem 0.8rem; }
.join-step { border: 1.5px solid var(--n-ink, currentColor); border-radius: 14px; padding: 1rem; margin-block: 1rem; display: grid; gap: 0.75rem; }
.join-step[hidden] { display: none; }
.join-step h2 { margin: 0; font-size: 1.15rem; }
.join-addr { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; font-size: 1.05rem; }
.join-addr input, .join-twitch input { font: inherit; min-block-size: 44px; padding-inline: 0.6rem; border-radius: 8px; border: 1.5px solid currentColor; min-inline-size: 0; flex: 1 1 10rem; }
.join-check { min-block-size: 1.3em; margin: 0; }
.join-check[data-state="free"] { font-weight: 600; }
.join-age { display: flex; gap: 0.5rem; align-items: center; min-block-size: 44px; }
.join-age input { inline-size: 1.25rem; block-size: 1.25rem; }
.join-twitch { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.join-status { min-block-size: 1.3em; margin: 0; }
.join-main .nlo-btn { cursor: pointer; font: inherit; font-weight: 600; }
.join-main .nlo-btn[disabled] { opacity: 0.5; cursor: not-allowed; }