.pocket-sync-onboarding-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pocket-sync-onboarding-modal{width:900px;max-width:calc(100vw - 2rem);padding:12px;background:#fff;border-radius:12px;box-shadow:0 -2px 24px #8f8f8f40;outline:1px solid rgba(229,229,229,1);outline-offset:-1px;position:relative;display:flex;overflow:hidden}.pocket-sync-onboarding-content{flex:1;display:flex;gap:24px;justify-content:center;align-items:center}.pocket-sync-onboarding-text-section{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px}.pocket-sync-onboarding-image-section{width:384px;height:384px;flex-shrink:0;background:#fafaf8;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.pocket-sync-onboarding-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pocket-sync-onboarding-text-content{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.pocket-sync-onboarding-title{margin:0;color:#000;font-size:20px;font-weight:600;font-family:Inter Display,Inter,sans-serif;line-height:28px;letter-spacing:-.01em}.pocket-sync-onboarding-instructions{display:flex;flex-direction:column;gap:16px}.pocket-sync-onboarding-instruction-item{display:flex;align-items:flex-start;gap:8px}.pocket-sync-onboarding-bullet{width:12px;height:12px;margin-top:4px;background:#f59e0b;border-radius:50%;outline:2px solid #fef3c7;outline-offset:-1px;flex-shrink:0}.pocket-sync-onboarding-instruction-text{flex:1;margin:0;color:#000000bf;font-size:14px;font-weight:500;font-family:Inter Display,Inter,sans-serif;line-height:20px;letter-spacing:-.01em}.pocket-sync-onboarding-buttons{width:100%;max-width:400px;display:flex;justify-content:flex-start;align-items:center;gap:8px}.pocket-sync-onboarding-back-button{padding:8px 20px;background:#0000000d;border:none;border-radius:24px;cursor:pointer;color:#000;font-size:14px;font-weight:500;font-family:Inter Display,Inter,sans-serif;line-height:20px;letter-spacing:.02em;transition:background .2s}.pocket-sync-onboarding-back-button:hover{background:#00000014}.pocket-sync-onboarding-next-button{padding:8px 16px;background:linear-gradient(to bottom,#404040,#000);border:none;border-radius:99px;box-shadow:0 8px 15px #00000040,0 0 0 1px #000,inset 0 0 0 1px #ffffff4d,inset 0 1px #fff6;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:500;font-family:Inter Display,Inter,sans-serif;line-height:20px;letter-spacing:.025em;transition:transform .2s}.pocket-sync-onboarding-next-button:hover{transform:translateY(-1px)}.pocket-sync-onboarding-next-button:active{transform:translateY(0)}.pocket-sync-onboarding-header{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px}.pocket-sync-onboarding-skip{padding:6px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#00000080;font-size:13px;font-weight:500;font-family:Inter Display,Inter,sans-serif;transition:color .2s,background .2s}.pocket-sync-onboarding-skip:hover{color:#000c;background:#0000000d}.pocket-sync-onboarding-close{width:32px;height:32px;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;transition:background .2s}.pocket-sync-onboarding-close:hover{background:#0000001a}@media(max-width:900px){.pocket-sync-onboarding-modal{max-width:calc(100vw - 2rem);flex-direction:column}.pocket-sync-onboarding-content{flex-direction:column-reverse}.pocket-sync-onboarding-image-section{width:100%;height:200px}.pocket-sync-onboarding-text-section{gap:24px}}