:root{color-scheme:dark light;--color-primary: #3B82F6;--color-primary-light: #60A5FA;--color-primary-dark: #2563EB;--color-primary-50: rgb(59 130 246 / .1);--color-primary-100: rgb(59 130 246 / .16);--color-primary-200: rgb(59 130 246 / .24);--color-primary-300: rgb(59 130 246 / .35);--color-primary-400: rgb(59 130 246 / .5);--color-primary-500: var(--color-primary-light);--color-primary-600: var(--color-primary);--color-primary-700: var(--color-primary-dark);--color-primary-800: color-mix(in srgb, var(--color-primary-dark) 90%, black);--color-secondary: #6366F1;--color-secondary-light: #818CF8;--color-secondary-dark: #4F46E5;--color-accent: #8B5CF6;--color-accent-light: #A78BFA;--color-accent-dark: #7C3AED;--color-amber-400: var(--color-accent-light);--color-amber-500: var(--color-accent);--color-amber-600: var(--color-accent-dark);--color-surface: #0A0E14;--color-surface-alt: #111827;--color-surface-elevated: #1E293B;--color-surface-muted: #334155;--color-surface-dark: #0F172A;--color-surface-darker: #0B1220;--color-stone-50: #F8FAFC;--color-stone-100: #F1F5F9;--color-stone-200: #E2E8F0;--color-stone-300: #CBD5E1;--color-stone-400: #94A3B8;--color-stone-500: #64748B;--color-stone-600: #475569;--color-stone-700: #334155;--color-stone-800: #1E293B;--color-stone-900: #0F172A;--color-stone-950: #0B1220;--color-text-primary: #F8FAFC;--color-text-secondary: #E2E8F0;--color-text-muted: #94A3B8;--color-text-inverse: #0F172A;--color-success: #22C55E;--color-success-light: #4ADE80;--color-destructive: #F43F5E;--color-destructive-light: #FB7185;--color-warning: #F59E0B;--color-warning-light: #FBBF24;--color-warning-100: rgba(245, 158, 11, .15);--color-warning-300: rgba(245, 158, 11, .3);--color-warning-700: #FCD34D;--color-info: var(--color-primary);--color-border: rgba(148, 163, 184, .12);--color-border-strong: rgba(148, 163, 184, .2);--color-border-focus: var(--color-primary);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-mono: var(--font-family-mono);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--space-xxs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--space-hero: 7.5rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .625rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .2);--shadow-md: 0 6px 16px rgb(0 0 0 / .3);--shadow-lg: 0 12px 28px rgb(0 0 0 / .4);--shadow-xl: 0 24px 48px rgb(0 0 0 / .5);--shadow-soft: 0 10px 30px rgb(0 0 0 / .3);--shadow-glass: 0 18px 42px rgb(0 0 0 / .35);--shadow-hero: 0 24px 60px rgb(0 0 0 / .4);--shadow-glow-primary: 0 0 20px rgb(59 130 246 / .15), 0 0 60px rgb(59 130 246 / .05);--shadow-glow-secondary: 0 0 20px rgb(99 102 241 / .1);--duration-short: .15s;--duration-medium: .28s;--duration-long: .4s;--duration-stagger: 60ms;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--glass-blur: 10px;--glass-bg: rgba(17, 24, 39, .75);--glass-border: rgba(148, 163, 184, .12);--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--header-height: 64px;--step-indicator-size: 40px;--step-connector-width: 2px}.text-display-xl{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-display{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.text-title-lg{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.text-title-md{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-title-sm{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-body{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.text-body-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.text-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.text-label-xs{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.text-eyebrow{font-size:.8125rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:.075em;text-transform:uppercase;color:var(--color-text-muted)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-destructive{color:var(--color-destructive)}.text-warning{color:var(--color-warning)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100%;overflow-x:clip}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface);min-height:100%;overflow-x:clip;overflow-y:auto}#root{min-height:100%}html.passlens-app-shell,body.passlens-app-shell,#root.passlens-app-shell{height:100%;min-height:100%}html.passlens-app-shell,body.passlens-app-shell,#root.passlens-app-shell{overflow:hidden;overflow-y:hidden}.app-route-loader{min-height:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at top,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-alt) 92%,transparent),var(--color-surface));padding:var(--space-xl)}.app-route-loader__panel{width:min(100%,420px);display:grid;gap:var(--space-md);justify-items:center;text-align:center;padding:clamp(24px,4vw,32px);border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));border-radius:calc(var(--radius-xl) + 4px);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 94%,transparent),color-mix(in srgb,var(--color-surface-alt) 94%,transparent));box-shadow:var(--shadow-lg)}.app-route-loader__brand{display:inline-flex;align-items:center;gap:var(--space-sm)}.app-route-loader__mark{width:40px;height:40px;flex-shrink:0}.app-route-loader__name{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}.app-route-loader__name span{color:var(--color-primary)}.app-route-loader__pulse{display:inline-flex;gap:8px;align-items:center}.app-route-loader__pulse span{width:9px;height:9px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 85%,white);animation:app-route-loader-pulse .9s ease-in-out infinite}.app-route-loader__pulse span:nth-child(2){animation-delay:.12s}.app-route-loader__pulse span:nth-child(3){animation-delay:.24s}.app-route-loader__title{font-size:clamp(24px,4vw,30px);line-height:1.05;color:var(--color-text-primary)}.app-route-loader__body{max-width:34ch;color:var(--color-text-secondary)}@keyframes app-route-loader-pulse{0%,80%,to{transform:translateY(0) scale(.92);opacity:.4}40%{transform:translateY(-4px) scale(1);opacity:1}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-200);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}button{background:none;border:none;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-alt) 90%,transparent),color-mix(in srgb,var(--color-surface) 74%,transparent));box-shadow:0 14px 34px #0206173d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent));opacity:.82}.site-header .site-header__inner{width:100%;max-width:1120px;height:72px;margin:0 auto;padding:0 var(--space-xl);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-lg)}.site-header .site-header__brand{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0;color:inherit;text-decoration:none}.site-header .site-header__brand:hover{text-decoration:none}.site-header .site-header__brand-logo{width:28px;height:28px;flex:0 0 auto}.site-header .site-header__brand-name{width:105px;height:20px;flex:0 0 auto}.site-header .site-header__links{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.site-header .site-header__link{position:relative;padding:8px 9px;border-radius:var(--radius-md);color:color-mix(in srgb,var(--color-text-secondary) 88%,white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2;text-decoration:none;white-space:nowrap;transition:background var(--duration-short) var(--ease-default),color var(--duration-short) var(--ease-default),box-shadow var(--duration-short) var(--ease-default)}.site-header .site-header__link:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-elevated));color:var(--color-text-primary);text-decoration:none}.site-header .site-header__link--active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-light);box-shadow:inset 0 -2px 0 var(--color-primary-light)}.site-header .site-header__actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);min-width:0}.site-header .site-header__language{min-width:144px}.site-header .site-header__actions .liquid-button{flex:0 0 auto;max-width:100%}.site-shell.site-shell{min-height:100%;overflow-x:clip;position:relative;background:radial-gradient(780px 420px at 7% -8%,color-mix(in srgb,var(--color-primary) 24%,transparent),transparent 60%),radial-gradient(680px 440px at 94% 4%,color-mix(in srgb,var(--color-secondary) 18%,transparent),transparent 58%),radial-gradient(640px 360px at 70% 82%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 66%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-alt) 64%,transparent),var(--color-surface))}.site-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgb(148 163 184 / .055) 1px,transparent 1px),linear-gradient(to bottom,rgb(148 163 184 / .055) 1px,transparent 1px);background-size:64px 64px;opacity:.28}.site-shell>main,.site-shell>div,.site-shell>footer{position:relative;z-index:1}.site-shell .blog-list__hero,.site-shell .blog-post__hero,.site-shell .guide__hero,.site-shell .contact-page__hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent),color-mix(in srgb,var(--color-surface-alt) 84%,transparent) 48%,color-mix(in srgb,var(--color-secondary) 10%,transparent));box-shadow:0 18px 44px #02061738,inset 0 1px #ffffff09}.site-shell .blog-list__hero:before,.site-shell .blog-post__hero:before,.site-shell .guide__hero:before,.site-shell .contact-page__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--color-primary-light) 18%,transparent),transparent 38%),linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 4%,transparent),transparent)}.site-shell .blog-list__hero>*,.site-shell .blog-post__hero>*,.site-shell .guide__hero>*,.site-shell .contact-page__hero>*{position:relative;z-index:1}.site-shell .blog-list__hero{padding:clamp(24px,4vw,36px)}.site-shell .blog-post__hero,.site-shell .guide__hero,.site-shell .contact-page__hero{padding:clamp(22px,4vw,34px)}.site-shell .contact-page__hero{max-width:none}.site-shell .blog-card,.site-shell .blog-list__topic-card-inner,.site-shell .guide__workflow-step,.site-shell .guide__related-card,.site-shell .blog-post__tip,.site-shell .guide__tip,.site-shell .contact-page__reason-card,.site-shell .contact-page__tip-card,.site-shell .mm-pixels-page__card{border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 86%,transparent),color-mix(in srgb,var(--color-surface-alt) 92%,transparent));box-shadow:0 14px 30px #0206172e,inset 0 1px #ffffff09}.site-shell .blog-card:hover,.site-shell .blog-list__topic-card-inner:hover,.site-shell .guide__related-card:hover,.site-shell .contact-page__reason-card:hover{border-color:color-mix(in srgb,var(--color-primary-light) 42%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-elevated)),color-mix(in srgb,var(--color-surface-alt) 92%,transparent))}.site-shell .blog-post__toc,.site-shell .guide__toc{margin-top:var(--space-xl);padding:var(--space-md);border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-alt) 70%,transparent);box-shadow:0 12px 26px #02061724}.site-shell .blog-post__toc-link--active,.site-shell .guide__toc-link--active{background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary-light)}.site-shell .blog-post__chip-bar,.site-shell .guide__chip-bar{border-bottom-color:color-mix(in srgb,var(--color-primary) 18%,var(--color-border));background:color-mix(in srgb,var(--color-surface-alt) 84%,transparent)}.site-shell .blog-list__footer,.site-shell .blog-post__footer,.site-shell .guide__footer{border-top-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}.site-shell .mm-pixels-page__preset-chip,.site-shell .mm-pixels-page__reset,.site-shell .mm-pixels-page__field input,.site-shell .mm-pixels-page__results div{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border));background:color-mix(in srgb,var(--color-surface-alt) 82%,transparent)}@media (max-width: 1099px){.site-header .site-header__inner{grid-template-columns:auto auto;justify-content:space-between;height:64px;padding:0 var(--space-md)}.site-header .site-header__links{display:none}.site-shell .blog-post__toc,.site-shell .guide__toc{margin-top:0;padding:0;border:0;background:transparent;box-shadow:none}}@media (max-width: 599px){.site-header .site-header__inner{padding:0 var(--space-sm);gap:var(--space-sm)}.site-header .site-header__brand{gap:8px}.site-header .site-header__brand-name{width:92px}.site-header .site-header__language{display:none}.site-header .site-header__actions{gap:8px}.site-header .site-header__actions .liquid-button{padding-inline:12px}.site-shell .blog-list__hero,.site-shell .blog-post__hero,.site-shell .guide__hero,.site-shell .contact-page__hero{padding:20px}}