.welcome-overlay{position:fixed;inset:0;z-index:380;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(120% 120% at 50% 0%,#00d9ff0f,#060a0eeb 60%);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}.welcome-overlay.visible{opacity:1}.welcome-modal{position:relative;width:720px;max-width:100%;max-height:100%;overflow-y:auto;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-lg);box-shadow:var(--shadow-float);padding:30px 32px 34px;transform:translateY(8px);transition:transform .2s ease}.welcome-overlay.visible .welcome-modal{transform:translateY(0)}.welcome-close{position:absolute;top:14px;right:14px;font-family:DM Mono,monospace;font-size:14px;color:var(--label);background:transparent;border:1px solid var(--border);cursor:pointer;padding:3px 9px;border-radius:var(--r-sm);transition:all var(--trans)}.welcome-close:hover{color:var(--danger);border-color:var(--danger)}.welcome-head{text-align:center;margin-bottom:24px}.welcome-mark{width:52px;height:24px;display:block;margin:0 auto 14px;color:var(--accent2);filter:drop-shadow(0 0 10px rgba(0,232,143,.35))}.welcome-inline .welcome-mark{width:60px;height:27px}.welcome-logo{font-family:Bebas Neue,sans-serif;font-size:40px;letter-spacing:8px;line-height:1;color:var(--text)}.welcome-logo span{color:var(--accent);text-shadow:0 0 18px rgba(0,217,255,.4)}.welcome-tagline{margin-top:8px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--label)}.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.welcome-action{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:16px 18px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:var(--r-md);transition:border-color var(--trans),transform var(--trans),background var(--trans)}.welcome-action:hover{border-color:var(--accent2);transform:translateY(-1px)}.welcome-action.primary{border-color:#00e88f59;background:#00e88f0d}.welcome-action.primary:hover{border-color:var(--accent2);background:#00e88f17}.welcome-action-ic{font-family:DM Mono,monospace;font-size:20px;color:var(--accent2);line-height:1}.welcome-action.primary .welcome-action-ic{color:var(--accent2)}.welcome-action-lb{font-family:DM Mono,monospace;font-size:12px;letter-spacing:1px;color:var(--fg)}.welcome-action-sub{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.5px;color:var(--label)}.welcome-recent-head{font-family:Bebas Neue,sans-serif;font-size:13px;letter-spacing:4px;color:var(--label);margin-bottom:12px;padding-bottom:5px;border-bottom:1px solid var(--border)}.welcome-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.welcome-recent-empty{font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--border2);padding:24px 4px;text-align:center}.welcome-card{display:flex;flex-direction:column;overflow:hidden;text-align:left;padding:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;font-family:DM Mono,monospace;transition:border-color var(--trans),transform var(--trans)}.welcome-card:hover{border-color:var(--accent2);transform:translateY(-1px)}.welcome-card-thumb{width:100%;aspect-ratio:16 / 9;background:var(--surface2);display:flex;align-items:center;justify-content:center;overflow:hidden}.welcome-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.welcome-card-thumb.no-thumb{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:3px;color:var(--border2)}.welcome-card-body{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.welcome-card-name{font-size:9.5px;letter-spacing:1px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-card-sub{font-size:8px;letter-spacing:1px;color:var(--label)}@media (max-width: 560px){.welcome-modal{padding:24px 18px 26px}.welcome-actions{grid-template-columns:1fr}.welcome-logo{font-size:32px;letter-spacing:6px}}.empty-state.welcome-empty{justify-content:flex-start;align-items:center;gap:0;padding:0;overflow-y:auto}.welcome-inline{width:760px;max-width:100%;margin-block:auto;padding:48px 34px 40px;display:flex;flex-direction:column}.welcome-inline .welcome-head{margin-bottom:30px}.welcome-inline .welcome-logo{font-size:48px;letter-spacing:10px}.welcome-actions-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 720px){.welcome-inline{padding:34px 18px 30px}.welcome-actions-3{grid-template-columns:1fr}.welcome-inline .welcome-logo{font-size:36px;letter-spacing:7px}}.loading-overlay{position:fixed;inset:0;z-index:600;display:none;align-items:center;justify-content:center;background:#060a0eb8;backdrop-filter:blur(3px)}.loading-overlay.visible{display:flex}.loading-box{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-ring{width:40px;height:40px;border-radius:50%;border:3px solid var(--border2);border-top-color:var(--accent);animation:welcome-spin .8s linear infinite}@keyframes welcome-spin{to{transform:rotate(360deg)}}.loading-text{font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text2)}