#app-welcome-overlay{z-index:99999;background:var(--body-bg,var(--bg-primary,#000));color:var(--text-primary,#f0f0f0);padding:env(safe-area-inset-top,24px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,24px) env(safe-area-inset-left,20px);justify-content:center;align-items:center;animation:.3s appWelcomeFadeIn;display:flex;position:fixed;inset:0}#app-welcome-overlay.app-welcome-dismissing{animation:.3s forwards appWelcomeFadeOut}@keyframes appWelcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes appWelcomeFadeOut{0%{opacity:1}to{opacity:0}}.app-welcome-card{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:400px;padding:24px;display:flex}.app-welcome-topbar{justify-content:space-between;align-items:center;width:100%;display:flex}.app-welcome-dots{gap:8px;display:flex}.app-welcome-dot{background:var(--border-strong,#fff3);border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.app-welcome-dot.active{background:var(--accent-primary,var(--accent,#ea6500));transform:scale(1.3)}.app-welcome-skip{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.app-welcome-skip:hover,.app-welcome-skip:active{color:var(--text-primary,#f0f0f0)}.app-welcome-brand{align-items:center;gap:12px;display:flex}.app-welcome-logo{filter:drop-shadow(0 4px 12px #ea650040);width:48px;height:48px}.app-welcome-brand-name{color:var(--text-primary,#f0f0f0);letter-spacing:-.02em;font-size:1.55rem;font-weight:700}.app-welcome-slides{justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.app-welcome-slide{text-align:center;flex-direction:column;align-items:center;gap:16px;animation:.3s cubic-bezier(.16,1,.3,1) appWelcomeSlideIn;display:flex}@keyframes appWelcomeSlideIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.app-welcome-slide-icon{color:var(--accent-primary,var(--accent,#ea6500));justify-content:center;align-items:center;display:flex}.app-welcome-slide-icon svg{width:58px;height:58px;stroke:var(--accent-primary,var(--accent,#ea6500))}.app-welcome-slide-title{color:var(--text-primary,#f0f0f0);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.app-welcome-slide-desc{color:var(--text-secondary,#888);max-width:320px;margin:0;font-size:.98rem;line-height:1.6}.app-welcome-footer{justify-content:center;width:100%;display:flex}.app-welcome-btn{color:#fff;background:var(--accent-primary,var(--accent,#ea6500));cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;width:100%;max-width:300px;padding:15px 24px;font-size:1.05rem;font-weight:600;transition:transform .15s,background .15s;box-shadow:0 4px 16px #ea650059}.app-welcome-btn:hover{background:var(--accent-hover,#c4520a)}.app-welcome-btn:active{transform:scale(.96)}[data-theme=cream] #app-welcome-overlay,html.cream #app-welcome-overlay{color:#2c1a0e!important;background:#fdf8f2!important}[data-theme=cream] .app-welcome-brand-name,html.cream .app-welcome-brand-name,[data-theme=cream] .app-welcome-slide-title,html.cream .app-welcome-slide-title{color:#2c1a0e!important}[data-theme=cream] .app-welcome-slide-desc,html.cream .app-welcome-slide-desc{color:#6b3f1f!important}[data-theme=cream] .app-welcome-skip,html.cream .app-welcome-skip{color:#a0724a!important}[data-theme=cream] .app-welcome-dot,html.cream .app-welcome-dot{background:#b46e3240!important}[data-theme=cream] .app-welcome-dot.active,html.cream .app-welcome-dot.active{background:#e8680a!important}[data-theme=cream] .app-welcome-btn,html.cream .app-welcome-btn{color:#fff!important;background:#e8680a!important;box-shadow:0 6px 20px #e8680a59!important}