.landing-shell{isolation:isolate}.landing-hero{min-height:90vh}.landing-eye-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-eye-frame{width:100%;height:100%;border:0;display:block;transform:scale(2.1);transform-origin:center center}.landing-hero-title{position:relative;z-index:2;margin:0;padding:0 var(--space-8) calc(var(--space-8) * 1.5);color:var(--text-primary);font-family:var(--font-sans);font-size:clamp(32px,5vw,72px);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.1;text-align:center}.auth-field-input{transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.auth-field-input:focus{border-color:var(--border-focus)!important;box-shadow:var(--shadow-focus);background:var(--bg-raised)!important}.landing-shell::-webkit-scrollbar{width:6px}.landing-shell::-webkit-scrollbar-track{background:transparent}.landing-shell::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.landing-shell::-webkit-scrollbar-thumb:hover{background:#ffffff24}.landing-shell{scrollbar-color:rgba(255,255,255,.08) transparent;scrollbar-width:thin}@media (max-width: 720px){.landing-header{padding-inline:var(--space-4)!important}.landing-hero{min-height:78svh!important}.landing-eye-frame{transform:scale(1.42)}.landing-hero-title{padding-inline:var(--space-5);padding-bottom:var(--space-9);font-size:clamp(34px,11vw,50px)}.landing-data-section{min-height:68svh!important;padding:var(--space-7) var(--space-5)!important}.landing-tools-section{min-height:44svh!important;padding:var(--space-10) var(--space-5)!important}}@media (prefers-reduced-motion: reduce){.auth-field-input{transition:none}}.home-shell{isolation:isolate}.mobile-nav-toggle,.mobile-nav-scrim{display:none}.home-sidebar,.home-canvas,.mode-switch,.home-settings{transition:transform var(--duration-base) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.home-canvas input::placeholder,.home-sidebar input::placeholder{color:var(--text-muted);opacity:1}.home-canvas input:focus,.home-canvas textarea:focus,.home-sidebar input:focus{border-color:var(--border-focus)!important;box-shadow:var(--shadow-focus)}#optic-sidebar::-webkit-scrollbar{width:6px}#optic-sidebar::-webkit-scrollbar-track{background:transparent}#optic-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}#optic-sidebar{scrollbar-color:rgba(255,255,255,.08) transparent;scrollbar-width:thin}@media (max-width: 820px){.mobile-nav-toggle{position:fixed;top:var(--space-3);left:var(--space-3);z-index:31;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-primary);box-shadow:var(--shadow-md);cursor:pointer}.mobile-nav-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-md)}.mobile-nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:block;padding:0;border:0;background:var(--scrim);backdrop-filter:var(--blur-soft);-webkit-backdrop-filter:var(--blur-soft)}.home-sidebar{position:fixed!important;inset:0 auto 0 0;z-index:30;width:min(82vw,var(--sidebar-w))!important;min-width:min(82vw,var(--sidebar-w))!important;max-height:100svh!important;padding-top:var(--space-10)!important;background:#0a0a0cf0!important;box-shadow:var(--shadow-lg);transform:translate(-104%)}.home-sidebar[data-open=true]{transform:translate(0)}.home-canvas{min-height:100svh;padding:var(--space-10) var(--space-4) var(--space-12)!important;gap:var(--space-5)!important;border-radius:0!important}.home-settings{top:var(--space-3)!important;right:var(--space-3)!important}.mode-switch{right:var(--space-3)!important;bottom:var(--space-3)!important}}@media (max-width: 480px){.home-canvas{padding-inline:var(--space-3)!important}.mode-switch{left:50%;right:auto!important;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.home-sidebar,.home-canvas,.mode-switch,.home-settings{transition:none}}:root{--gray-0: #050506;--gray-1: #0a0a0c;--gray-2: #111114;--gray-3: #17171b;--gray-4: #1e1e23;--gray-5: #26262c;--gray-6: #313138;--gray-7: #4a4a53;--gray-8: #71717a;--gray-9: #9c9ca6;--gray-10: #c8c8d0;--gray-11: #eee8da;--gray-12: #fafaf8;--brand-50: #eef2ff;--brand-300: #93a9ff;--brand-400: #6d8bff;--brand-500: #5577ff;--brand-600: #3d5ce0;--brand-700: #2c46b3;--green-500: #17c98d;--green-600: #0fa572;--red-500: #ff5a5f;--red-600: #e5484d;--amber-500: #ffc53d;--amber-600: #e6a70f;--spectrum-blue: #5577ff;--spectrum-cyan: #00c8ff;--spectrum-green: #00ee99;--spectrum-yellow: #ffd200;--spectrum-orange: #ff7a00;--bg-app: var(--gray-0);--bg-surface: var(--gray-1);--bg-raised: var(--gray-2);--bg-raised-hover: var(--gray-3);--bg-overlay: var(--gray-4);--bg-inset: #000000;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--border-focus: var(--brand-500);--text-primary: var(--gray-11);--text-secondary: var(--gray-9);--text-muted: var(--gray-8);--text-disabled: var(--gray-7);--text-inverse: var(--gray-0);--text-on-brand: #ffffff;--accent: var(--brand-500);--accent-hover: var(--brand-400);--accent-active: var(--brand-600);--accent-subtle-bg: rgba(85, 119, 255, .12);--accent-subtle-border: rgba(85, 119, 255, .28);--success: var(--green-500);--success-subtle-bg: rgba(23, 201, 141, .12);--danger: var(--red-500);--danger-subtle-bg: rgba(255, 90, 95, .12);--warning: var(--amber-500);--warning-subtle-bg: rgba(255, 197, 61, .12);--scrim: rgba(5, 5, 6, .72);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .09)}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, "Roboto Mono", monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 40px;--text-4xl: 56px;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: -.006em;--tracking-wide: .02em;--tracking-widest: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--container-max: 1280px;--sidebar-w: 264px;--stroke-hair: 1px;--stroke-thin: 1.25px;--stroke-regular: 1.5px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .36), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px var(--accent-subtle-border);--glow-brand: 0 0 24px rgba(85, 119, 255, .25);--blur-glass: blur(20px);--blur-soft: blur(8px);--ease-standard: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .32s}html,body{margin:0;height:100%;background:var(--bg-app)}#root{min-height:100vh}*{box-sizing:border-box}body{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}.ot-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-subtle-border);color:var(--text-primary)}