.onboarding-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.onboarding-dialog::backdrop{background:0 0}.onboarding-shade{background:#09090ddd;position:absolute;inset:0}.onboarding-spotlight{border:2px solid var(--accent);pointer-events:none;border-radius:4px;position:fixed;box-shadow:0 0 0 200vmax #09090ddd,0 0 24px #ed486833}.onboarding-card{overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #ed486870;border-top:4px solid var(--accent);background:#1a1a1e;border-radius:3px;width:min(410px,100% - 32px);max-height:calc(100dvh - 32px);padding:26px;position:fixed;overflow-y:auto;box-shadow:8px 8px #ed486824,0 24px 64px #0008}.onboarding-topline{justify-content:space-between;align-items:center;gap:12px;margin:-10px -10px 16px 0;display:flex}.onboarding-topline>span{color:#aeabb5;letter-spacing:1.6px;font:10px/1.5 monospace}.onboarding-close{color:#b6b3bc;background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.onboarding-close:hover:not(:disabled){color:#fff;border-color:#56505b}.onboarding-mark{background:var(--accent);color:#111114;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid;transform:rotate(-5deg)}.onboarding-card h2{letter-spacing:-1.4px;max-width:330px;margin:0 0 18px;font-size:31px;line-height:1.12}.onboarding-card h2:focus-visible{outline:none}.onboarding-card p{color:#d2cfd6;margin:0 0 14px;font-size:14px;line-height:1.7}.onboarding-card p.onboarding-aside{color:#a6a2ae;font-size:12px;line-height:1.65}.onboarding-device{border-top:1px solid #ffffff16;align-items:flex-start;gap:10px;padding-top:14px;display:flex}.onboarding-device svg{color:var(--accent);flex-shrink:0;margin-top:3px}.onboarding-card p.onboarding-device{margin-bottom:0;font-size:12px}.onboarding-balance{border-left:3px solid var(--accent);background:#ed48680b;margin-top:20px;padding:16px 18px}.onboarding-balance>span{color:#aaa5b0;letter-spacing:1.8px;font:9px/1.5 monospace;display:block}.onboarding-balance strong{letter-spacing:-1px;font-size:30px;line-height:1.5;display:block}.onboarding-balance small{color:#aaa5b0;font-size:11px;line-height:1.6;display:block}.onboarding-actions{grid-template-columns:1fr 1.3fr;gap:10px;margin-top:24px;display:grid}.onboarding-actions .button{gap:8px;min-width:0;min-height:46px;padding:12px 10px;font-size:13px}.onboarding-progress{color:#b2adba;align-items:center;gap:12px;margin-top:24px;font:10px/1.3 monospace;display:flex}.onboarding-progress>div{flex:1;gap:5px;display:flex}.onboarding-progress i{background:#ffffff24;flex:1;height:2px}.onboarding-progress i[data-current=true]{background:var(--accent)}.onboarding-progress i[data-done=true]{background:#ed48687a}.onboarding-error{background:#ed486818;border:1px solid #ed486860;margin-top:18px;padding:12px}.onboarding-error p{font-size:12px}.onboarding-error button{color:var(--text);text-align:left;background:0 0;border:0;min-height:44px;font-size:12px;line-height:1.6;text-decoration:underline}.onboarding-dialog[data-motion=on] .onboarding-body{animation:.2s ease-out both onboarding-enter}@keyframes onboarding-enter{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:759px){.onboarding-card{width:min(410px,100% - 32px);padding:20px}.onboarding-topline{margin-bottom:10px}.onboarding-mark{width:38px;height:38px;margin-bottom:14px}.onboarding-mark svg{width:22px;height:22px}.onboarding-card h2{margin-bottom:12px;font-size:26px}.onboarding-card p{font-size:13px;line-height:1.6}.onboarding-actions,.onboarding-progress{margin-top:18px}.onboarding-balance{margin-top:12px;padding:12px 14px}}@media (prefers-reduced-motion:reduce){.onboarding-dialog[data-motion=on] .onboarding-body{animation:none}}.onboarding-dialog[data-tour=clip] .onboarding-card{width:min(326px,100% - 32px);padding:22px}.onboarding-dialog[data-tour=clip] h2{font-size:28px}.onboarding-dialog[data-tour=clip] .onboarding-mark{width:44px;height:44px;margin-bottom:16px}.onboarding-dialog[data-tour=clip] .onboarding-actions{grid-template-columns:auto minmax(0,1fr)}.onboarding-actions.single{grid-template-columns:1fr}.onboarding-dialog[data-tour=clip] .onboarding-actions .button{font-size:12px}.clip-tour-features{gap:14px;margin:18px 0;padding:0;list-style:none;display:grid}.clip-tour-features li{align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.clip-tour-features svg{color:var(--accent);flex-shrink:0;margin-top:3px}.onboarding-card .clip-tour-tip{border-left:2px solid var(--accent);background:#ed48680c;padding:12px 14px;font-size:12px}.clip-tour-play{width:100%;min-height:44px;margin-bottom:14px}.clip-tour-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:18px;display:grid}.clip-tour-examples button{background:#111114;border:1px solid #fff2;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:10px;font-size:12px;display:flex}.clip-tour-examples button[aria-pressed=true]{border-color:var(--accent);background:#ed486818}.clip-tour-examples button span{color:#ff8da4;flex-basis:100%;padding-left:21px;font-size:10px}.onboarding-card .clip-tour-media-error,.clip-preview-error{color:#ffabbc;font-size:12px;line-height:1.6}.onboarding-dialog[data-tour=studio] .onboarding-card{width:min(360px,100% - 32px);padding:22px}.studio-tour-list{border-left:2px solid var(--accent);color:#d2cfd6;background:#ed48680c;gap:8px;margin:16px 0;padding:14px 14px 14px 32px;font-size:12px;line-height:1.55;display:grid}.studio-tour-list.numbered{padding-left:36px}@media (max-width:980px){.onboarding-dialog[data-tour=clip] .onboarding-card{width:min(410px,100% - 32px);padding:20px}}@media (max-width:759px),(max-height:650px){.onboarding-dialog[data-tour=clip] .onboarding-topline{margin-bottom:4px}.onboarding-dialog[data-tour=clip] .onboarding-mark{width:32px;height:32px;margin-bottom:10px}.onboarding-dialog[data-tour=clip] h2{margin-bottom:10px;font-size:24px}.clip-tour-features{gap:8px;margin:10px 0}}