/* Home-screen invitation, reminder choice, first-launch welcome and Help settings.
   Built on the shared design tokens and .sa-btn (dist/design.css, DESIGN.md). */
.home-invitation{display:grid;grid-template-columns:48px 1fr;gap:12px 14px;align-items:start;margin:24px 0 0;padding:20px;border:1px solid var(--sa-sage);border-radius:16px;background:var(--sa-surface);box-shadow:var(--sa-shadow);text-align:left;color:var(--sa-ink)}
.home-invitation>img{width:48px;height:48px;border-radius:12px;box-shadow:var(--sa-shadow)}
.home-invitation .home-copy>strong,.home-invitation .home-reminder>strong{display:block;font:500 22px/1.2 var(--serif);color:var(--sa-ink)}
.home-invitation small{display:block;margin-top:6px;font-size:17px;line-height:1.45;color:var(--sa-ink)}
.home-invitation .home-actions,.home-invitation .home-reminder,.home-invitation .home-steps,.home-invitation .home-status{grid-column:1/-1}
.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:6px}
.home-not-now{display:inline-flex;align-items:center;min-height:var(--sa-tap);margin:0;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--sa-green);font:inherit;font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.home-not-now:focus-visible{outline:3px solid var(--sa-focus);outline-offset:2px}
.home-reminder{display:grid;gap:8px}
.home-card-reminder .home-reminder{grid-column:2}
.home-invitation .home-reminder>strong{font-size:21px}
.home-time{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:17px;color:var(--sa-ink)}
.home-time select{min-height:var(--sa-tap);padding:6px 12px;border:2px solid var(--sa-sage);border-radius:12px;background:var(--sa-surface);color:var(--sa-ink);font:inherit}
.home-time select:focus-visible{outline:3px solid var(--sa-focus);outline-offset:2px}
.home-invitation :is(p,.home-status),.home-help :is(p,.home-status){color:var(--sa-ink)}
.home-invitation :is(p,.home-status){margin:0}
.home-status{margin:0;font-size:17px;line-height:1.45;color:var(--sa-ink)}
.home-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.home-steps{display:grid;gap:10px;font-size:17px;line-height:1.5}
.home-steps p{margin:0}
.home-steps ol{margin:4px 0 0;padding-left:22px}
.home-steps li{margin:6px 0}
.home-steps .sa-icon,.home-help .sa-icon{width:20px;height:20px;vertical-align:-4px}
.home-steps textarea,.home-paste textarea,.home-help textarea{width:100%;box-sizing:border-box;font:16px/1.4 ui-monospace,monospace;border:2px solid var(--sa-sage);border-radius:12px;padding:8px;background:var(--sa-surface);color:var(--sa-ink)}
.home-steps textarea:focus-visible,.home-paste textarea:focus-visible,.home-help textarea:focus-visible{outline:3px solid var(--sa-focus);outline-offset:2px}
.home-paste{display:grid;gap:10px;margin-top:8px}
.home-welcome{width:460px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:24px;background:var(--sa-paper);color:var(--sa-ink);border:1px solid var(--sa-sage);border-radius:20px;box-shadow:var(--sa-card-shadow);text-align:center}
.home-welcome::backdrop{background:rgba(27,51,38,.46)}
.home-welcome>img{border-radius:14px;box-shadow:var(--sa-shadow)}
.home-welcome h2{font:500 26px/1.2 var(--serif);margin:12px 0 4px}
.home-welcome h3{font:500 20px/1.25 var(--serif);margin:0 0 6px}
.home-welcome section,.home-welcome .home-reminder{margin:16px 0 0;padding:16px;border:1px solid var(--sa-sage);border-radius:16px;background:var(--sa-surface);text-align:left}
.home-welcome section p{margin:0 0 10px;font-size:17px;line-height:1.5}
.home-welcome .home-reminder>strong{font:500 20px/1.25 var(--serif)}
.home-welcome .home-reminder small{font-size:17px;line-height:1.5}
/* Play stays in view at the bottom of a tall dialog. */
.home-welcome-play{position:sticky;bottom:-24px;margin:18px -24px -24px;padding:12px 24px 24px;background:var(--sa-paper)}
.home-help :is(h2,h3){color:var(--sa-ink)}
.home-help h3{font:500 21px/1.25 var(--serif);margin:20px 0 6px}
.home-help .home-time{margin:10px 0}
.home-help .home-status{margin-top:8px}
.home-help-privacy small{font-size:16px;line-height:1.5}
.home-help .home-help-privacy a{display:inline-block;min-height:24px;padding:2px 0;font-size:16px;color:var(--sa-green);text-underline-offset:3px}
.home-help .home-help-privacy a:focus-visible{outline:3px solid var(--sa-focus);outline-offset:2px}
@media(max-width:699px){
 .home-invitation{grid-template-columns:40px 1fr;padding:16px;gap:10px 12px}
 .home-invitation>img{width:40px;height:40px;border-radius:10px}
 .home-invitation .home-copy>strong{font-size:20px}
 .home-card-reminder .home-reminder{grid-column:1/-1}
 .home-actions{justify-content:center}
}