.sp-scope{--sp-primary:#7C3AED;--sp-primary-hover:#6F2CFF;--sp-primary-light:#A78BFA;--sp-primary-soft:#F5F3FF;--sp-primary-wash:#C7D2FE;--sp-primary-ink:#5B21B6;--sp-primary-ring:rgba(124,58,237,0.28);--sp-accent:#FF4FD8;--sp-gold:#EFC56E;--sp-grad-primary:linear-gradient(90deg,#7C3AED,#FF4FD8);--sp-grad-primary-h:linear-gradient(90deg,#6F2CFF,#FF2EC9);--sp-grad-hero:linear-gradient(135deg,rgba(124,58,237,.12),rgba(255,79,216,.10) 55%,rgba(239,197,110,.08));--sp-bg:#F7F7FB;--sp-surface:#FFFFFF;--sp-surface-tint:#FAFAFF;--sp-surface-muted:#F8FAFC;--sp-text-strong:#020617;--sp-text:#0F172A;--sp-text-muted:#475569;--sp-text-faint:#94A3B8;--sp-text-subtle:#94A3B8;--sp-border:#E2E8F0;--sp-border-strong:#CBD5E1;--sp-divider:#F1F5F9;--sp-success:#16A34A;--sp-success-bg:#ECFDF5;--sp-success-border:#A7F3D0;--sp-warn:#B45309;--sp-warn-bg:#FFF7ED;--sp-warn-border:#FDBA74;--sp-danger:#B91C1C;--sp-danger-bg:#FEF2F2;--sp-danger-border:#FCA5A5;--sp-info:#1E40AF;--sp-info-bg:#EFF6FF;--sp-info-border:#BFDBFE;--sp-radius-sm:8px;--sp-radius-md:14px;--sp-radius-lg:18px;--sp-radius-xl:22px;--sp-shadow-card:0 1px 2px rgba(15,23,42,0.04),0 1px 3px rgba(15,23,42,0.05);--sp-shadow-card-h:0 4px 18px rgba(15,23,42,0.08);--sp-shadow-lift:0 8px 24px rgba(15,23,42,0.08);--sp-shadow-btn:0 4px 14px rgba(124,58,237,0.18);--sp-shadow-btn-h:0 8px 24px rgba(124,58,237,0.28),0 4px 12px rgba(255,79,216,0.18);--sp-shadow-glow:0 0 0 3px var(--sp-primary-ring);--sp-dur:180ms;--sp-ease:cubic-bezier(.4,0,.2,1);font-family:DM Sans,-apple-system,SF Pro Display,system-ui,sans-serif;color:var(--sp-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sp-page{min-height:100vh;background:radial-gradient(ellipse at top,rgba(167,139,250,.14) 0,transparent 45%),var(--sp-bg);padding:24px;color-scheme:light;overflow-x:hidden}.sp-container{max-width:880px;margin:0 auto}.sp-landing-page{min-height:100vh;background:radial-gradient(ellipse at top,rgba(167,139,250,.18) 0,transparent 55%),linear-gradient(180deg,#F5F3FF,#F8F9FA 320px);padding:32px 24px 64px;color-scheme:light;overflow-x:hidden}.sp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.sp-header-title{font-size:22px;font-weight:700;margin:0;color:var(--sp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.sp-header-sub{font-size:13px;color:var(--sp-text-muted);margin:4px 0 0}.sp-card{background:var(--sp-surface);border-radius:var(--sp-radius-md);border:1px solid var(--sp-border);box-shadow:var(--sp-shadow-card);transition:border-color var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease),transform var(--sp-dur) var(--sp-ease)}.sp-card:hover{border-color:var(--sp-border-strong);box-shadow:var(--sp-shadow-card-h)}.sp-card-flat{background:var(--sp-surface);border-radius:var(--sp-radius-md);border:1px solid var(--sp-border)}.sp-card-hero{background:var(--sp-grad-hero),var(--sp-surface);border:1px solid #ddd6fe}.sp-card-hero,.sp-stat{border-radius:var(--sp-radius-md)}.sp-stat{background:var(--sp-surface);border:1px solid var(--sp-border);box-shadow:var(--sp-shadow-card);padding:20px;position:relative;overflow:hidden;transition:border-color var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease)}.sp-stat:hover{border-color:var(--sp-border-strong);box-shadow:var(--sp-shadow-card-h)}.sp-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sp-stat-accent,var(--sp-primary));opacity:.85}.sp-stat-label{font-size:11px;font-weight:700;color:var(--sp-text-muted);letter-spacing:.06em;text-transform:uppercase}.sp-stat-value{font-size:28px;font-weight:700;margin-top:6px;color:var(--sp-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;border-radius:var(--sp-radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease),border-color var(--sp-dur) var(--sp-ease),color var(--sp-dur) var(--sp-ease),transform var(--sp-dur) var(--sp-ease);font-family:inherit;line-height:1.2;white-space:nowrap}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn:focus-visible{outline:none;box-shadow:var(--sp-shadow-glow)}.sp-btn-primary{background:var(--sp-grad-primary);color:#FFFFFF;box-shadow:var(--sp-shadow-btn)}.sp-btn-primary:hover:not(:disabled){background:var(--sp-grad-primary-h);box-shadow:var(--sp-shadow-btn-h);transform:translateY(-1px)}.sp-btn-primary:active:not(:disabled){transform:translateY(0) scale(.985)}.sp-btn-secondary{background:var(--sp-surface);color:var(--sp-text);border-color:var(--sp-border-strong)}.sp-btn-secondary:hover:not(:disabled){background:var(--sp-surface-tint);border-color:#94A3B8}.sp-btn-ghost{background:transparent;color:var(--sp-primary);border-color:transparent;padding:8px 12px}.sp-btn-ghost:hover:not(:disabled){background:rgba(124,58,237,.08)}.sp-btn-danger{background:var(--sp-surface);color:var(--sp-danger);border-color:var(--sp-danger-border)}.sp-btn-danger:hover:not(:disabled){background:var(--sp-danger-bg)}.sp-btn-sm{padding:7px 12px;font-size:12px;border-radius:7px}.sp-btn-block{width:100%;padding:13px 18px;font-size:15px;border-radius:10px}.sp-tab-nav{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap;padding:4px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;box-shadow:var(--sp-shadow-card)}.sp-tab{padding:8px 16px;font-size:13px;font-weight:600;border:none;border-radius:8px;background:transparent;color:var(--sp-text-muted);cursor:pointer;transition:background var(--sp-dur) var(--sp-ease),color var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease);font-family:inherit}.sp-tab:hover:not(.sp-tab-active){color:var(--sp-text);background:var(--sp-divider)}.sp-tab-active{background:var(--sp-grad-primary);color:#FFFFFF;box-shadow:var(--sp-shadow-btn)}.sp-tab:focus-visible{outline:none;box-shadow:var(--sp-shadow-glow)}.sp-input,.sp-select,.sp-textarea{width:100%;padding:11px 14px;border:1px solid var(--sp-border);border-radius:10px;font-size:16px;color:var(--sp-text);background:var(--sp-surface);box-sizing:border-box;font-family:inherit;transition:border-color var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-input::-moz-placeholder,.sp-textarea::-moz-placeholder{color:var(--sp-text-muted)}.sp-input::placeholder,.sp-textarea::placeholder{color:var(--sp-text-muted)}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{outline:none;border-color:var(--sp-primary);box-shadow:var(--sp-shadow-glow)}.sp-input-lg{padding:13px 14px;font-size:16px}.sp-label{display:block;font-size:12px;color:var(--sp-text-muted);margin-bottom:6px}.sp-badge,.sp-label{font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sp-badge{display:inline-flex;align-items:center;font-size:11px;padding:3px 10px;border-radius:999px;line-height:1.4}.sp-badge-primary{background:#EDE9FE;color:#5B21B6}.sp-badge-success{background:var(--sp-success-bg);color:var(--sp-success)}.sp-badge-warn{background:var(--sp-warn-bg);color:var(--sp-warn)}.sp-badge-danger{background:var(--sp-danger-bg);color:var(--sp-danger)}.sp-badge-info{background:var(--sp-info-bg);color:var(--sp-info)}.sp-badge-neutral{background:var(--sp-divider);color:var(--sp-text-muted)}.sp-badge-gold{background:#FEF3C7;color:#92400E}.sp-banner{padding:11px 14px;border-radius:10px;margin-bottom:16px;font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid transparent}.sp-banner-info{background:var(--sp-info-bg);color:var(--sp-info);border-color:var(--sp-info-border)}.sp-banner-success{background:var(--sp-success-bg);color:var(--sp-success);border-color:var(--sp-success-border)}.sp-banner-error{background:var(--sp-danger-bg);color:var(--sp-danger);border-color:var(--sp-danger-border)}.sp-banner-dismiss{background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px;font-weight:600;padding:0 4px;line-height:1;opacity:.6;transition:opacity var(--sp-dur) var(--sp-ease)}.sp-banner-dismiss:hover{opacity:1}.sp-live-link{background:var(--sp-grad-hero),var(--sp-surface);border:1px solid #ddd6fe;border-radius:var(--sp-radius-md);padding:16px 20px;margin-bottom:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;overflow:hidden}.sp-live-link:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--sp-grad-primary)}.sp-live-link-label{font-size:11px;font-weight:700;color:#5B21B6;text-transform:uppercase;letter-spacing:.08em}.sp-live-link-title{font-size:16px;font-weight:700;color:var(--sp-text);margin-top:2px;letter-spacing:-.01em}.sp-live-link-sub{font-size:12px;color:var(--sp-text-muted);margin-top:4px;line-height:1.5}.sp-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.sp-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;color:var(--sp-primary);font-weight:600;text-decoration:none;border-radius:6px;transition:color var(--sp-dur) var(--sp-ease),background var(--sp-dur) var(--sp-ease)}.sp-link:hover{color:var(--sp-primary-hover);text-decoration:underline}.sp-link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sp-primary,#5B6BE5)}.sp-divider{height:1px;background:var(--sp-divider);border:none;margin:16px 0}.sp-signin-card{max-width:460px;margin:0 auto;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);padding:28px;box-shadow:0 12px 40px rgba(15,23,42,.08);position:relative}.sp-signin-card:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--sp-radius-lg) + 2px);background:var(--sp-grad-primary);opacity:0;z-index:-1;transition:opacity var(--sp-dur) var(--sp-ease)}.sp-mode-toggle{display:flex;gap:4px;margin-bottom:18px;background:var(--sp-divider);padding:4px;border-radius:10px}.sp-mode-toggle-btn{flex:1;min-height:44px;padding:13px 12px;border:none;border-radius:7px;background:transparent;color:var(--sp-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--sp-dur) var(--sp-ease),color var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease);font-family:inherit}.sp-mode-toggle-btn-active{background:var(--sp-surface);color:var(--sp-text);box-shadow:0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.04)}.sp-hero{text-align:center;padding:24px 0 32px}.sp-hero-title{font-size:32px;font-weight:700;margin:0;line-height:1.22;color:var(--sp-text);letter-spacing:-.02em}.sp-hero-sub{font-size:16px;color:var(--sp-text-muted);max-width:560px;margin:16px auto 0;line-height:1.6}.sp-hero-eyebrow{display:inline-block;font-size:12px;font-weight:700;color:var(--sp-primary);background:#EDE9FE;padding:5px 14px;border-radius:999px;margin-bottom:14px;letter-spacing:.04em;text-transform:uppercase}.sp-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:28px}.sp-value-item{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);padding:18px;transition:border-color var(--sp-dur) var(--sp-ease),transform var(--sp-dur) var(--sp-ease),box-shadow var(--sp-dur) var(--sp-ease);box-shadow:var(--sp-shadow-card)}.sp-value-item:hover{border-color:var(--sp-border-strong);transform:translateY(-1px);box-shadow:var(--sp-shadow-card-h)}.sp-value-title{font-size:14px;font-weight:700;color:var(--sp-text);margin-bottom:6px}.sp-value-body{font-size:13px;color:var(--sp-text-muted);line-height:1.6}.sp-explainer>summary{list-style:none}.sp-explainer>summary::-webkit-details-marker{display:none}.sp-explainer>summary:focus-visible{outline:none;box-shadow:var(--sp-shadow-glow);border-radius:var(--sp-radius-md)}.sp-explainer-chevron{flex-shrink:0;color:var(--sp-text-muted);transition:transform var(--sp-dur) var(--sp-ease)}.sp-explainer[open]>summary .sp-explainer-chevron{transform:rotate(90deg)}@media (max-width:640px){.sp-page{padding:16px}.sp-landing-page{padding:20px 16px 40px}.sp-header-title{font-size:20px}.sp-hero-title{font-size:26px}.sp-stat-value{font-size:24px}.sp-btn{padding:10px 14px;min-height:44px}.sp-btn-block{padding:14px;min-height:48px}.sp-tab{padding:10px 12px;min-height:44px}.sp-stat{padding:14px 16px}}@media (max-width:480px){.sp-page{padding:12px}.sp-tab-nav{padding:3px;gap:4px}.sp-tab{padding:9px 10px;font-size:12.5px}.sp-stat-grid{gap:10px}.sp-stat{padding:12px 14px}.sp-stat-value{font-size:22px}.sp-header{gap:8px;margin-bottom:16px}.sp-header-title{font-size:18px}}@media (pointer:coarse){.sp-scope input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]):not([type=range]),.sp-scope select,.sp-scope textarea{font-size:16px!important}}@media (prefers-reduced-motion:reduce){.sp-scope,.sp-scope *{animation:none!important;transition:none!important}}.sp-fade-in{animation:sp-fade-in var(--sp-dur) var(--sp-ease)}@keyframes sp-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sp-webview-preflight{display:none}:root[data-sp-embedded="1"] .sp-webview-preflight{display:block;max-width:560px;margin:14px auto 0;padding:11px 13px;border:1px solid var(--sp-warn-border);border-radius:var(--sp-radius-sm);background:var(--sp-warn-bg);color:var(--sp-text-strong);font-size:13px;line-height:1.5;text-align:left}.sp-webview-preflight-line{margin:0}.sp-webview-preflight-app,.sp-webview-preflight-how{display:none}:root[data-sp-embedded-host="an app"] .sp-webview-preflight-app[data-sp-host="an app"],:root[data-sp-embedded-host=Facebook] .sp-webview-preflight-app[data-sp-host=Facebook],:root[data-sp-embedded-host=Instagram] .sp-webview-preflight-app[data-sp-host=Instagram],:root[data-sp-embedded-host=Line] .sp-webview-preflight-app[data-sp-host=Line],:root[data-sp-embedded-host=LinkedIn] .sp-webview-preflight-app[data-sp-host=LinkedIn],:root[data-sp-embedded-host=Messenger] .sp-webview-preflight-app[data-sp-host=Messenger],:root[data-sp-embedded-host=Snapchat] .sp-webview-preflight-app[data-sp-host=Snapchat],:root[data-sp-embedded-host=Telegram] .sp-webview-preflight-app[data-sp-host=Telegram],:root[data-sp-embedded-host=TikTok] .sp-webview-preflight-app[data-sp-host=TikTok],:root[data-sp-embedded-host=WeChat] .sp-webview-preflight-app[data-sp-host=WeChat],:root[data-sp-embedded-host=X] .sp-webview-preflight-app[data-sp-host=X],:root[data-sp-embedded-os=android] .sp-webview-preflight-how[data-sp-os=android],:root[data-sp-embedded-os=ios] .sp-webview-preflight-how[data-sp-os=ios],:root[data-sp-embedded="1"]:not([data-sp-embedded-os]) .sp-webview-preflight-how[data-sp-os=""]{display:inline}