#welcomeDialog { max-width: 590px; padding: 0; overflow: hidden; border: 0; border-radius: 15px; background: #f7f1e7; color: var(--ink); box-shadow: 0 24px 80px #20291b45; }
#welcomeDialog::backdrop { background: #26302791; backdrop-filter: blur(3px); }
.welcome-panel { position: relative; padding: 44px; background: radial-gradient(circle at 87% 10%, #e9d0bd 0 7%, transparent 7.4%), radial-gradient(circle at 84% 16%, #dce8bd 0 13%, transparent 13.4%), #f7f1e7; }
.welcome-panel::after { content: '✦'; position: absolute; right: 44px; top: 28px; color: #697f5b; font: 500 36px var(--serif); }
.welcome-panel .eyebrow { color: #6c795d; margin: 0 0 13px; }
.welcome-panel h2 { max-width: 430px; margin: 0; font: 600 clamp(38px, 6vw, 54px)/1.02 var(--serif); letter-spacing: -2px; }
.welcome-panel h2 em { color: #c47756; }
.welcome-panel > p { max-width: 420px; color: #66685f; font: 400 16px/1.5 var(--sans); }
.welcome-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 27px; }
.welcome-actions button { min-height: 53px; border-radius: 7px; padding: 11px 15px; font: 500 13px var(--sans); }
#welcomeCreate { border: 0; background: #29362e; color: #fff; }
#welcomeExplore { border: 1px solid #cfc5b7; background: #fffaf3; color: #4c544a; }
.welcome-storage { display: block; margin-top: 20px; color: #807a70; font: 500 10px/1.5 var(--mono); letter-spacing: .3px; }
@media (max-width: 500px) { #welcomeDialog { width: calc(100% - 28px); } .welcome-panel { padding: 34px 24px 28px; } .welcome-panel::after { right: 24px; top: 22px; } .welcome-actions { grid-template-columns: 1fr; } }