.welcome-dialog { width: min(700px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 40px); padding: 0; border: 1px solid #315a43; border-radius: 22px; color: #e7f2eb; background: #0b1410; box-shadow: 0 30px 100px #000b; overflow: hidden; }
.welcome-dialog::backdrop { background: #020805ed; backdrop-filter: blur(8px); }
.welcome-scroll { max-height: calc(100dvh - 42px); overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #365a46 #0b1410; }
.welcome-hero { display: flex; align-items: center; gap: 28px; padding: 30px 34px; background: radial-gradient(ellipse at top left, #15442c, #0b1710 75%); border-bottom: 1px solid #243d2d; }
.welcome-hero img { width: 144px; height: 144px; border-radius: 22px; border: 1px solid #2a6745; object-fit: cover; }
.welcome-eyebrow { color: #74efa7; font-size: 10px; font-weight: 700; letter-spacing: 2px; }
.welcome-hero h2 { margin: 10px 0; font-size: 32px; line-height: 1.1; letter-spacing: -1px; }
.welcome-hero h2:focus { outline: none; }
.welcome-hero p { color: #b0c8b9; font-size: 13px; }
.welcome-intro, .welcome-terms, .welcome-changelog { margin: 0 34px; padding: 24px 0; border-bottom: 1px solid #22372a; }
.welcome-dialog h3 { margin: 0 0 12px; font-size: 16px; letter-spacing: -.2px; }
.welcome-intro p, .welcome-terms p { font-size: 13px; line-height: 1.7; color: #b7c9be; }
.welcome-intro p + p, .welcome-terms > p + p { margin-top: 12px; }
.welcome-terms strong { color: #e3eee7; }
.welcome-warning { margin-top: 18px; padding: 15px 17px; background: #241e11; border: 1px solid #65502a; border-radius: 12px; }
.welcome-warning > strong { color: #f5d08c; font-size: 13px; }
.welcome-warning p { margin-top: 6px; color: #d4c5a8; }
.welcome-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.welcome-version { font-size: 10px; color: #83dca4; white-space: nowrap; }
.welcome-changelog ul { margin: 2px 0 0; padding: 0; list-style: none; }
.welcome-changelog li { display: grid; grid-template-columns: 76px 1fr; gap: 12px; margin-top: 14px; }
.welcome-changelog li span { padding-top: 3px; font-size: 9px; font-weight: 700; letter-spacing: .8px; color: #74efa7; }
.welcome-changelog li p { font-size: 12px; line-height: 1.65; color: #b7c9be; }
.welcome-footer { padding: 24px 34px 28px; }
.welcome-footer > p { font-size: 12px; line-height: 1.65; color: #b7c9be; }
.welcome-proceed { display: flex; justify-content: space-between; width: 100%; margin: 16px 0 12px; padding: 14px 19px; background: #69efa0; color: #062411; border: 1px solid #91f7bb; border-radius: 10px; font-size: 14px; font-weight: 750; cursor: pointer; }
.welcome-proceed:hover { background: #97f8bf; }
.welcome-proceed:focus-visible, .welcome-scroll:focus-visible { outline: 2px solid #c6ffdc; outline-offset: -4px; }
.welcome-storage { display: block; color: #8da797; font-size: 10px; line-height: 1.6; }
@media (max-width: 520px) {
  .welcome-hero { gap: 16px; padding: 24px 20px; }
  .welcome-hero img { width: 88px; height: 88px; border-radius: 14px; }
  .welcome-hero h2 { font-size: 25px; }
  .welcome-eyebrow { font-size: 8px; letter-spacing: 1px; }
  .welcome-intro, .welcome-terms, .welcome-changelog { margin-inline: 20px; }
  .welcome-footer { padding: 22px 20px; }
}