@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--surface:#111113;--surface-raised:#18181b;--surface-hover:#1f1f23;--border:#27272a;--border-strong:#3f3f46;--text:#fafafa;--text-secondary:#a1a1aa;--muted:#71717a;--accent:#fafafa;--accent-fg:#09090b;--header-bg:#09090be0;--hero-bg:#111113;--hero-accent:#18181b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000059;--focus-ring:#fafafa14}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4f0;--surface:#fff;--surface-raised:#fafaf8;--surface-hover:#f0efeb;--border:#e4e3de;--border-strong:#cdcbc4;--text:#18181b;--text-secondary:#52525b;--muted:#71717a;--accent:#18181b;--accent-fg:#fafafa;--header-bg:#f5f4f0eb;--hero-bg:#ece8d9;--hero-accent:#e4dfd0;--shadow-sm:0 1px 3px #18181b0f;--shadow-md:0 12px 32px #18181b14;--focus-ring:#18181b0f}:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Monaco, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--container:min(1440px, 92%);--container-wide:min(1360px, 92%);--container-narrow:min(900px, 92%);--ease:cubic-bezier(.22, 1, .36, 1);--duration:.22s}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)!important}button,input{font-family:inherit}a{color:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.9}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes growBar{0%{opacity:0;height:0}}.animate-in{animation:fadeUp .5s var(--ease) both}.stagger-1{animation-delay:60ms}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}::view-transition-image-pair(root){isolation:auto}::view-transition-old(root){mix-blend-mode:normal;animation:none;display:block}::view-transition-new(root){mix-blend-mode:normal;animation:none;display:block}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease), opacity var(--duration) var(--ease);white-space:nowrap;border:1px solid #0000;padding:9px 16px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-secondary{background:var(--surface-raised);border-color:var(--border);color:var(--text-secondary)}.btn-ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn-sm{padding:6px 10px;font-size:12px}.btn-lg{padding:12px 22px;font-size:14px}.btn-icon{width:32px;height:32px;padding:8px}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{color:var(--text-secondary);letter-spacing:.01em;font-size:12px;font-weight:500}.field-hint{color:var(--muted);font-size:12px}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease);outline:none;padding:11px 13px;font-size:14px}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--border-strong);background:var(--surface-raised)}.input:disabled{opacity:.5;cursor:not-allowed}.input-mono{font-family:var(--mono);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:background-color .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease)}.card-raised{background:var(--surface-raised)}.badge{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-raised);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-dot{background:var(--text-secondary);border-radius:50%;width:6px;height:6px}.badge-dot--off{background:var(--muted)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);font-size:13px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--text);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@media (hover:hover){.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.btn-danger:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.input:hover:not(:disabled){border-color:var(--border-strong)}}@media (width<=640px){.btn,.filter-tab,.modal-close,.theme-toggle,.app-nav-link,.landing-nav button,.landing-footer-links a,.landing-footer-links button{position:relative}.btn:after,.filter-tab:after,.modal-close:after,.theme-toggle:after,.app-nav-link:after,.landing-nav button:after,.landing-footer-links a:after,.landing-footer-links button:after{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.theme-toggle-track{background:var(--surface);border:1px solid var(--border);width:52px;height:28px;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);border-radius:999px;align-items:center;padding:3px;display:flex}.theme-toggle:hover .theme-toggle-track{border-color:var(--border-strong)}.theme-toggle-thumb{background:var(--accent);width:22px;height:22px;color:var(--accent-fg);transition:transform .25s var(--ease), background var(--duration) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;transform:translate(0)}.theme-toggle-thumb--light{transform:translate(24px)}.theme-icon{width:13px;height:13px;transition:opacity .3s var(--ease), transform .45s var(--ease);position:absolute}.theme-icon--sun{opacity:0;transform:rotate(-90deg)scale(.5)}.theme-icon--moon,.theme-toggle-thumb--light .theme-icon--sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle-thumb--light .theme-icon--moon{opacity:0;transform:rotate(90deg)scale(.5)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:50;padding:var(--space-4) var(--space-6) 0;position:sticky;top:0}.app-header-shell{max-width:var(--container-wide);margin:0 auto}.app-header-inner{align-items:center;gap:var(--space-4);height:52px;padding:0 var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);display:flex}.app-brand{letter-spacing:-.02em;color:var(--text);cursor:pointer;padding:0 var(--space-2);background:0 0;border:none;margin-right:auto;font-size:14px;font-weight:600}.app-brand span{color:var(--muted);font-weight:500}.app-nav{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-pill);gap:2px;padding:3px;display:flex}.app-nav-link{border-radius:var(--radius-pill);color:var(--muted);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none}.app-nav-link:hover{color:var(--text-secondary)}.app-nav-link--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.app-header-actions{align-items:center;gap:var(--space-2);display:flex}.app-main{padding:var(--space-8) var(--space-6) var(--space-16);flex:1}.app-main-inner{max-width:var(--container-wide);margin:0 auto}@media (width<=640px){.app-header{padding:var(--space-3) var(--space-4) 0}.app-header-inner{height:auto;padding:var(--space-3);border-radius:var(--radius-lg);flex-wrap:wrap}.app-brand{margin-right:0}.app-nav{order:3;justify-content:center;width:100%}.app-header-actions{margin-left:auto}.app-main{padding:var(--space-6) var(--space-4) var(--space-12)}}.workspace-hero{justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-8);padding:var(--space-8);background:var(--hero-bg);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex}.workspace-eyebrow{color:var(--muted);margin-bottom:var(--space-2);font-size:13px;font-weight:500}.workspace-hero h1{letter-spacing:-.03em;margin-bottom:var(--space-2);font-size:clamp(26px,4vw,34px);font-weight:600}.workspace-hero-copy p{color:var(--text-secondary);max-width:420px;font-size:15px;line-height:1.55}.workspace-stats{gap:var(--space-3);flex-shrink:0;display:flex}.workspace-stat{min-width:88px;padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;display:flex}.workspace-stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1}.workspace-stat-label{color:var(--muted);font-size:12px}.workspace-grid{gap:var(--space-6);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.workspace-main{gap:var(--space-5);flex-direction:column;display:flex}.shorten-card-head{margin-bottom:var(--space-6)}.shorten-card-head h2{letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:18px;font-weight:600}.shorten-card-head p{color:var(--muted);font-size:14px;line-height:1.55}.shorten-form{gap:var(--space-5);flex-direction:column;display:flex}.alias-row{align-items:center;gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-3);transition:border-color var(--duration) var(--ease);display:flex}.alias-row:focus-within{border-color:var(--border-strong)}.alias-prefix{font-family:var(--mono);color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:13px}.alias-input{box-shadow:none!important;background:0 0!important;border:none!important;padding-left:0!important}.shorten-submit{width:100%}.result-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.result-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:11px}.result-card-head h3{font-size:16px;font-weight:600}.result-url-box{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-5);display:flex}.result-url-box code{font-family:var(--mono);word-break:break-all;flex:1;font-size:14px}.result-qr-row{gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);align-items:center;display:flex}.result-qr-row img{border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0;width:88px;height:88px}.result-qr-title{margin-bottom:4px;font-size:14px;font-weight:600}.result-qr-desc{color:var(--muted);margin-bottom:var(--space-3);font-size:13px;line-height:1.5}.workspace-side{gap:var(--space-5);flex-direction:column;display:flex;position:sticky;top:88px}.side-panel-head{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.side-panel-head h2{font-size:15px;font-weight:600}.side-panel-link{color:var(--muted);transition:color var(--duration) var(--ease);font-size:13px;text-decoration:none}.side-panel-link:hover{color:var(--text)}.side-link-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.side-link-item{padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);animation:fadeUp .35s var(--ease) both;transition:border-color var(--duration) var(--ease)}.side-link-item:hover{border-color:var(--border-strong)}.side-link-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:4px;display:flex}.side-link-short{font-family:var(--mono);font-size:13px;font-weight:500}.side-link-clicks{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.side-link-original{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--space-3);font-size:12px;overflow:hidden}.side-link-actions{align-items:center;gap:var(--space-2);display:flex}.badge--paused{font-size:10px}.side-empty{text-align:left}.side-empty-title{margin-bottom:var(--space-2);font-size:14px;font-weight:600}.side-empty p{color:var(--muted);margin-bottom:var(--space-5);font-size:13px;line-height:1.55}.side-steps{padding-left:var(--space-5);color:var(--text-secondary);gap:var(--space-2);flex-direction:column;font-size:13px;display:flex}.side-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.side-skeleton-row{border-radius:var(--radius-sm);background:var(--surface-raised);height:72px;animation:1.5s ease-in-out infinite pulse}.quick-actions h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-size:13px;font-weight:600}.quick-actions-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.quick-action{text-align:left;padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease)}.quick-action:hover{border-color:var(--border-strong);background:var(--surface-hover)}.quick-action-label{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.quick-action-desc{color:var(--muted);font-size:12px}@media (width<=900px){.workspace-grid{grid-template-columns:1fr}.workspace-side{position:static}.workspace-hero{flex-direction:column;align-items:stretch}.workspace-stats{width:100%}.workspace-stat{flex:1}}@media (width<=640px){.workspace-hero{padding:var(--space-6)}.workspace-stats{flex-direction:column}.result-qr-row{flex-direction:column;align-items:flex-start}.quick-actions-grid{grid-template-columns:1fr}}.link-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-5);transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease);animation:fadeUp .35s var(--ease) both}.link-row:hover{border-color:var(--border-strong);background:var(--surface-raised)}.link-row--disabled{opacity:.55}.link-row-main{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.link-row-short{font-family:var(--mono);color:var(--text);margin-bottom:var(--space-2);word-break:break-all;font-size:14px;font-weight:500;text-decoration:none;display:block}.link-row-short:hover{color:var(--text-secondary)}.link-row-original{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:13px;overflow:hidden}.link-row-stats{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.link-row-clicks{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.badge--inactive{color:var(--muted)}.link-row-actions{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.link-row-analytics{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);animation:fadeUp .25s var(--ease)}.link-row-analytics-empty{color:var(--muted);font-size:13px}.link-row-analytics-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.analytics-cell{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.analytics-cell-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px;font-weight:500}.analytics-cell-value{color:var(--text);font-size:13px;font-weight:500}.analytics-cell-meta{color:var(--muted);font-size:11px}@media (width<=640px){.link-row-main{gap:var(--space-3);flex-direction:column}.link-row-stats{flex-direction:row;align-items:center}.link-row-original{max-width:100%}}.modal-backdrop{z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}.modal-backdrop--closing{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeOutModal}.modal-panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-height:calc(100vh - 48px);box-shadow:var(--shadow-md);transform-origin:50%;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleInModal;overflow-y:auto}.modal-panel--closing{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleOutModal}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes fadeOutModal{0%{opacity:1}to{opacity:0}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleOutModal{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(12px)}}.modal-panel--sm{max-width:360px}.modal-panel--md{max-width:420px}.modal-panel--lg{max-width:520px}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0;display:flex}.modal-header h2{letter-spacing:-.02em;font-size:18px;font-weight:600}.modal-body{padding:var(--space-6)}.modal-close{border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--muted);cursor:pointer;transition:border-color var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.modal-close:hover{border-color:var(--border-strong);color:var(--text)}.search-bar{align-items:center;display:flex;position:relative}.search-bar-icon{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;left:12px}.search-bar-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);outline:none;padding:10px 36px 10px 38px;font-size:14px}.search-bar-input::placeholder{color:var(--muted)}.search-bar-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--focus-ring)}.search-bar-clear{background:var(--surface-raised);width:24px;height:24px;color:var(--muted);cursor:pointer;transition:color var(--duration) var(--ease);border:none;border-radius:4px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;right:8px}.search-bar-clear:hover{color:var(--text)}.dashboard-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.dashboard-page-header h1{letter-spacing:-.03em;margin-bottom:var(--space-2);font-size:28px;font-weight:600}.dashboard-page-header p{color:var(--muted);font-size:15px}.stats-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:var(--space-1);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1}.stat-label{color:var(--muted);font-size:13px}.dashboard-toolbar{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex;padding:var(--space-5)!important}.filter-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-tab{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--muted);cursor:pointer;transition:background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease);padding:7px 14px;font-size:13px;font-weight:500}.filter-tab:hover{color:var(--text-secondary);border-color:var(--border-strong)}.filter-tab--active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.links-count{color:var(--muted);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;font-size:12px}.links-list{gap:var(--space-3);flex-direction:column;display:flex}.dashboard-empty{text-align:center;padding:var(--space-12) var(--space-6)}.dashboard-empty h2{margin-bottom:var(--space-2);font-size:18px;font-weight:600}.dashboard-empty p{color:var(--muted);margin-bottom:var(--space-6);max-width:320px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.55}.skeleton-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-3);background:var(--surface)}.skeleton-line{background:var(--surface-raised);border-radius:4px;animation:1.5s ease-in-out infinite pulse}.qr-modal-content .modal-header{padding-bottom:0}.qr-modal-body{text-align:center}.qr-modal-url{font-family:var(--mono);color:var(--muted);word-break:break-all;margin-bottom:var(--space-5);font-size:12px}.qr-modal-img{border-radius:var(--radius-sm);border:1px solid var(--border);width:160px;height:160px;margin-bottom:var(--space-5);margin-left:auto;margin-right:auto;display:block}@media (width<=640px){.dashboard-page-header{flex-direction:column}.dashboard-page-header .btn{width:100%}.stats-row{grid-template-columns:1fr}}.auth-modal{padding:var(--space-2) 0 var(--space-2)}.auth-tabs{padding:0 var(--space-6);border-bottom:1px solid var(--border);gap:0;display:flex}.auth-tab{padding:var(--space-4) var(--space-3);color:var(--muted);cursor:pointer;transition:color var(--duration) var(--ease), border-color var(--duration) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;font-size:13px;font-weight:500}.auth-tab--active{color:var(--text);border-bottom-color:var(--text)}.auth-modal-body{padding:var(--space-6)}.auth-modal-body h2{letter-spacing:-.025em;margin-bottom:var(--space-2);font-size:20px;font-weight:600}.auth-subtitle{color:var(--muted);margin-bottom:var(--space-6);font-size:14px;line-height:1.55}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--muted);font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-google{width:100%}@media (width<=480px){.auth-row{grid-template-columns:1fr}}.product-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:0 24px 48px #00000059}.product-preview-chrome{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-raised);display:flex}.product-preview-dots{gap:5px;display:flex}.product-preview-dots span{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.product-preview-title{color:var(--muted);font-size:11px;font-family:var(--mono)}.product-preview-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.preview-label{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.preview-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);margin-bottom:var(--space-3);font-size:12px;font-family:var(--mono);padding:10px 12px}.preview-input--filled{color:var(--text-secondary)}.preview-btn{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:fit-content;padding:9px 14px;font-size:12px;font-weight:500;display:inline-flex}.preview-result{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface-raised);animation:fadeUp .6s var(--ease) .3s both}.preview-result-head{margin-bottom:var(--space-3);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.preview-short{font-family:var(--mono);color:var(--text);margin-bottom:var(--space-3);font-size:15px;font-weight:500}.preview-meta{gap:var(--space-4);color:var(--muted);font-size:11px;display:flex}.landing-stats{padding:0 var(--space-6) var(--space-12)}.landing-stats-inner{max-width:var(--container);gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.stat-box{padding:var(--space-5) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease);flex-direction:column;gap:4px;display:flex}.stat-box:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stat-box-value{letter-spacing:-.03em;font-size:22px;font-weight:600;line-height:1.2}.stat-box-label{color:var(--text-secondary);font-size:13px;font-weight:600}.stat-box-detail{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}@media (width<=900px){.landing-stats-inner{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.landing-stats{padding:0 var(--space-4) var(--space-10)}.landing-stats-inner{grid-template-columns:1fr}}.analytics-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.analytics-preview-header{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;display:flex}.analytics-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:11px}.analytics-preview-header h3{font-family:var(--mono);font-size:15px;font-weight:500}.analytics-preview-metrics{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.metric-box{padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:2px;display:flex}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:600}.metric-label{color:var(--muted);font-size:11px}.analytics-preview-sublabel{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:var(--space-3);font-size:11px}.analytics-preview-chart{margin-bottom:var(--space-5);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm)}.chart-bars{align-items:flex-end;gap:6px;height:72px;display:flex}.chart-bar-wrap{flex:1;align-items:flex-end;height:100%;display:flex}.chart-bar{background:var(--accent);opacity:.85;width:100%;min-height:4px;animation:growBar .6s var(--ease) both;border-radius:3px 3px 0 0}.chart-bar-wrap:first-child .chart-bar{animation-delay:50ms}.chart-bar-wrap:nth-child(2) .chart-bar{animation-delay:.1s}.chart-bar-wrap:nth-child(3) .chart-bar{animation-delay:.15s}.chart-bar-wrap:nth-child(4) .chart-bar{animation-delay:.2s}.chart-bar-wrap:nth-child(5) .chart-bar{animation-delay:.25s}.chart-bar-wrap:nth-child(6) .chart-bar{animation-delay:.3s}.chart-bar-wrap:nth-child(7) .chart-bar{animation-delay:.35s}.visit-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.visit-row{gap:var(--space-3);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:28px 1fr auto;align-items:center;font-size:12px;display:grid}.visit-num{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.visit-info{color:var(--text-secondary);font-weight:500}.visit-device{color:var(--muted);font-size:11px}@media (width<=480px){.analytics-preview-metrics{grid-template-columns:1fr}}.landing{min-height:100vh}.landing-header{z-index:50;padding:var(--space-4) var(--space-6) 0;position:sticky;top:0}.landing-header-inner{max-width:var(--container);align-items:center;gap:var(--space-4);height:52px;padding:0 var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);margin:0 auto;display:flex}.landing-brand{letter-spacing:-.02em;color:var(--text);cursor:pointer;padding:0 var(--space-2);background:0 0;border:none;margin-right:auto;font-size:14px;font-weight:600}.landing-brand span{color:var(--muted);font-weight:500}.landing-nav{gap:var(--space-5);display:flex}.landing-nav button{color:var(--muted);cursor:pointer;transition:color var(--duration) var(--ease);background:0 0;border:none;font-size:13px;font-weight:500}.landing-nav button:hover{color:var(--text)}.landing-header-actions{align-items:center;gap:var(--space-2);display:flex}.landing-hero{padding:var(--space-10) var(--space-6) var(--space-16)}.landing-hero-inner{max-width:var(--container);gap:var(--space-10);padding:var(--space-12) var(--space-10);background:var(--hero-bg);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.landing-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:var(--space-4);font-size:12px;font-weight:600}.landing-hero h1{letter-spacing:-.035em;margin-bottom:var(--space-5);font-size:clamp(34px,4.5vw,48px);font-weight:600;line-height:1.08}.landing-lead{color:var(--text-secondary);max-width:440px;margin-bottom:var(--space-8);font-size:17px;line-height:1.6}.landing-hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-section{padding:var(--space-16) var(--space-6);border-top:1px solid var(--border)}.landing-section--muted{background:var(--surface)}.landing-section-inner{max-width:var(--container);margin:0 auto}.landing-section-head{margin-bottom:var(--space-10);max-width:520px}.landing-section-head h2{letter-spacing:-.03em;margin-bottom:var(--space-3);font-size:clamp(26px,3vw,34px);font-weight:600}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:var(--space-3);font-size:12px;font-weight:600}.landing-section-head p{color:var(--muted);font-size:15px;line-height:1.6}.bento-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.bento-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), background var(--duration) var(--ease)}.bento-card--large{grid-column:span 2}.bento-card--medium{grid-column:span 1}.bento-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);margin-bottom:var(--space-4);background:var(--surface-raised);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.bento-card h3{letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:16px;font-weight:600}.bento-card>p{color:var(--muted);font-size:14px;line-height:1.55}.bento-points{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.bento-points li{color:var(--text-secondary);padding-left:var(--space-4);font-size:13px;position:relative}.bento-points li:before{content:"—";color:var(--muted);position:absolute;left:0}.landing-section--split{background:var(--surface)}.split-layout{gap:var(--space-12);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.split-copy h2{letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:clamp(26px,3vw,34px);font-weight:600}.split-copy>p{color:var(--muted);margin-bottom:var(--space-6);font-size:15px;line-height:1.6}.split-checklist{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.split-checklist li{color:var(--text-secondary);padding-left:var(--space-6);font-size:14px;position:relative}.split-checklist li:before{content:"✓";color:var(--text);font-weight:600;position:absolute;left:0}.use-case-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.use-case-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease)}.use-case-card h3{margin-bottom:var(--space-2);font-size:15px;font-weight:600}.use-case-card p{color:var(--muted);font-size:14px;line-height:1.55}.steps-list--cards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);list-style:none;display:grid}.step-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), background var(--duration) var(--ease)}.step-num{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);background:var(--surface-raised);margin-bottom:var(--space-4);transition:transform var(--duration) var(--ease), background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.step-card h3{margin-bottom:var(--space-2);font-size:15px;font-weight:600}.step-card p{color:var(--muted);font-size:14px;line-height:1.55}.included-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.included-box{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-secondary);transition:border-color var(--duration) var(--ease), transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), background var(--duration) var(--ease);font-size:13px;font-weight:500;display:flex}.included-check{background:var(--surface-raised);border:1px solid var(--border);width:22px;height:22px;color:var(--text);transition:background var(--duration) var(--ease), color var(--duration) var(--ease), border-color var(--duration) var(--ease), transform var(--duration) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.landing-cta{padding:var(--space-20) var(--space-6);border-top:1px solid var(--border);position:relative;overflow:hidden}.landing-cta-glow{pointer-events:none;z-index:1;filter:blur(60px);background:radial-gradient(circle,#7c3aed14 0%,#6366f108 50%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .landing-cta-glow{background:radial-gradient(circle,#7c3aed0d 0%,#f59e0b08 60%,#0000 80%)}.landing-cta-inner{z-index:2;max-width:var(--container);text-align:center;padding:var(--space-16) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--surface) 0%, var(--surface-raised) 100%);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff08;-webkit-backdrop-filter:blur(12px);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);margin:0 auto;position:relative}[data-theme=light] .landing-cta-inner{box-shadow:var(--shadow-md), inset 0 1px 0 #fff9}.landing-cta-inner:hover{border-color:var(--border-strong)}.cta-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-pill);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);align-items:center;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.landing-cta-inner h2{letter-spacing:-.04em;background:linear-gradient(135deg, var(--text) 30%, var(--muted) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;font-size:clamp(28px,4.5vw,42px);font-weight:700;line-height:1.15}.cta-desc{color:var(--text-secondary);max-width:500px;margin:0 auto var(--space-8);font-size:clamp(15px,2vw,17px);line-height:1.6}.cta-features{justify-content:center;gap:var(--space-8);margin:0 auto var(--space-10);flex-wrap:wrap;max-width:700px;display:flex}.cta-feature-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);font-size:14px;font-weight:500;display:flex}.cta-feature-icon{font-size:15px}.btn-cta-main{align-items:center;gap:var(--space-1);transition:transform .22s var(--ease), box-shadow .22s var(--ease), background var(--duration) var(--ease);display:inline-flex}.btn-cta-main:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px #0000004d}[data-theme=light] .btn-cta-main:hover{box-shadow:0 12px 28px -8px #18181b26}.cta-btn-arrow{transition:transform .22s var(--ease)}.btn-cta-main:hover .cta-btn-arrow{transform:translate(4px)}.landing-footer{border-top:1px solid var(--border);padding:var(--space-8) var(--space-6)}.landing-footer-inner{max-width:var(--container);align-items:center;gap:var(--space-6);flex-wrap:wrap;margin:0 auto;display:flex}.landing-footer-links{gap:var(--space-5);margin-left:auto;display:flex}.landing-footer-links a,.landing-footer-links button{color:var(--muted);cursor:pointer;transition:color var(--duration) var(--ease);background:0 0;border:none;font-size:13px;text-decoration:none}.landing-footer-links a:hover,.landing-footer-links button:hover{color:var(--text)}.landing-footer-copy{color:var(--muted);width:100%;font-size:13px}@media (width<=900px){.landing-hero-inner{padding:var(--space-8) var(--space-6);grid-template-columns:1fr}.landing-hero-visual{order:-1}.bento-grid{grid-template-columns:1fr}.bento-card--large,.bento-card--medium{grid-column:span 1}.split-layout,.steps-list--cards{grid-template-columns:1fr}.included-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.landing-nav{display:none}.landing-header,.landing-hero,.landing-section,.landing-cta,.landing-footer{padding-left:var(--space-4);padding-right:var(--space-4)}.landing-hero-cta{flex-direction:column}.landing-hero-cta .btn{width:100%}.use-case-grid,.included-grid{grid-template-columns:1fr}}.oauth-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--muted);flex-direction:column;font-size:14px;display:flex}