:root{--font-family-base:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--sidebar-width-expanded:260px;--sidebar-width-collapsed:76px;--header-height:64px;--max-content-width:1200px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--color-primary-blue:#2563eb;--color-primary-blue-hover:#3b82f6;--color-primary-blue-active:#1d4ed8;--color-accent-cyan:#38bdf8;--color-accent-violet:#a855f7;--sidebar-bg:#0b1020;--sidebar-surface:#151d32;--sidebar-surface-hover:#1e294b;--sidebar-border:#4f8cff29;--sidebar-border-subtle:#ffffff14;--sidebar-accent-blue:#4f8cff;--sidebar-accent-blue-hover:#6ba0ff;--sidebar-accent-violet:#9b7bff;--sidebar-success:#27c995;--sidebar-text-main:#cbd5e1;--sidebar-text-muted:#94a3b8;--sidebar-text-active:#fff}:root,[data-theme=light]{--color-bg-main:#fff;--color-bg-surface:#f8fafc;--color-bg-surface-elevated:#fff;--color-bg-muted:#f1f5f9;--color-deep-blue:#1e3a8a;--color-deep-blue-hover:#172554;--color-light-blue:#eff6ff;--color-light-blue-hover:#dbeafe;--color-light-blue-border:#bfdbfe;--color-text-main:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-on-primary:#fff;--color-border:#cbd5e1;--color-border-subtle:#e2e8f0;--color-border-focus:#2563eb;--color-success:#15803d;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-error:#b91c1c;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-info:#0369a1;--color-info-bg:#f0f9ff;--color-info-border:#bae6fd;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--shadow-glow:0 0 16px #2563eb26;--focus-ring:2px solid var(--color-primary-blue);--focus-ring-offset:2px}[data-theme=dark]{--color-bg-main:#050814;--color-bg-surface:#0a0f1d;--color-bg-surface-elevated:#0f172a;--color-bg-muted:#182238;--color-deep-blue:#38bdf8;--color-deep-blue-hover:#7dd3fc;--color-light-blue:#38bdf814;--color-light-blue-hover:#38bdf829;--color-light-blue-border:#38bdf83d;--color-text-main:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-on-primary:#fff;--color-border:#38bdf82e;--color-border-subtle:#ffffff14;--color-border-focus:#38bdf8;--color-success:#34d399;--color-success-bg:#10b98124;--color-success-border:#10b98159;--color-warning:#fbbf24;--color-warning-bg:#f59e0b24;--color-warning-border:#f59e0b59;--color-error:#f87171;--color-error-bg:#ef444426;--color-error-border:#ef444459;--color-info:#38bdf8;--color-info-bg:#38bdf824;--color-info-border:#38bdf859;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 36px #000000a6;--shadow-glow:0 0 24px #38bdf838;--focus-ring:2px solid #38bdf8;--focus-ring-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{background-color:var(--color-bg-main);color:var(--color-text-main);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-page-root{--lp-bg-void:#04060d;--lp-bg-base:#070b16;--lp-bg-surface:#0c1222;--lp-bg-surface-elevated:#111a30;--lp-bg-surface-glass:#0c1222d9;--lp-bg-card:#0f172abf;--lp-bg-card-hover:#16223ee6;--lp-accent-cyan:#38bdf8;--lp-accent-cyan-hover:#7dd3fc;--lp-accent-blue:#2563eb;--lp-accent-blue-deep:#1d4ed8;--lp-accent-violet:#a855f7;--lp-accent-violet-glow:#a855f759;--lp-accent-cyan-glow:#38bdf84d;--lp-status-active:#10b981;--lp-status-warning:#f59e0b;--lp-text-primary:#f8fafc;--lp-text-secondary:#cbd5e1;--lp-text-muted:#94a3b8;--lp-text-dim:#64748b;--lp-border-subtle:#38bdf81f;--lp-border-card:#38bdf82e;--lp-border-card-hover:#38bdf873;--lp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Inter", Arial, sans-serif;--lp-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--lp-shadow-sm:0 2px 8px #0006;--lp-shadow-md:0 8px 24px #00000080;--lp-shadow-glow-cyan:0 0 28px #38bdf838;--lp-container-max:1240px;--lp-nav-height:76px;font-family:var(--lp-font-family);background-color:var(--lp-bg-void);color:var(--lp-text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(90% 60% at 50% -10%,#2563eb2e,#0000 75%),radial-gradient(70% 50% at 80% 30%,#a855f71a,#0000 60%),radial-gradient(60% 40% at 20% 70%,#38bdf814,#0000 60%),linear-gradient(#04060d,#070b16 40%,#050813);background-attachment:fixed;width:100%;min-height:100vh;line-height:1.6;overflow-x:hidden}.landing-page-root :focus-visible{outline:2px solid var(--lp-accent-cyan);outline-offset:3px}.landing-page-root .lp-container{width:100%;max-width:var(--lp-container-max);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.landing-page-root h1,.landing-page-root h2,.landing-page-root h3,.landing-page-root h4{color:var(--lp-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.15}.landing-page-root .lp-gradient-text{background:linear-gradient(135deg, #fff 15%, var(--lp-accent-cyan) 65%, var(--lp-accent-violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page-root .lp-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--lp-accent-cyan);background:#38bdf817;border:1px solid #38bdf838;border-radius:9999px;align-items:center;gap:8px;margin-bottom:1rem;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.landing-page-root .lp-section-label .lp-dot{background-color:var(--lp-accent-cyan);width:7px;height:7px;box-shadow:0 0 8px var(--lp-accent-cyan);border-radius:50%}.landing-page-root .lp-section-header{text-align:center;max-width:720px;margin:0 auto 4rem}.landing-page-root .lp-section-header h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,2.85rem)}.landing-page-root .lp-section-header p{color:var(--lp-text-secondary);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.65}.landing-page-root .lp-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.landing-page-root .lp-btn-primary{background:linear-gradient(135deg, var(--lp-accent-blue) 0%, #1e40af 100%);color:#fff;border-color:#38bdf859;box-shadow:0 4px 18px #2563eb59}.landing-page-root .lp-btn-primary:hover{border-color:var(--lp-accent-cyan);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 8px 26px #2563eb80}.landing-page-root .lp-btn-secondary{color:var(--lp-text-primary);border:1px solid var(--lp-border-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6}.landing-page-root .lp-btn-secondary:hover{border-color:var(--lp-accent-cyan);color:#fff;background:#16223ed9;transform:translateY(-2px)}.landing-page-root .lp-btn-glow{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#4f46e5 100%);border:1px solid #38bdf866;box-shadow:0 0 24px #38bdf859}.landing-page-root .lp-btn-glow:hover{background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%);transform:translateY(-2px);box-shadow:0 0 32px #38bdf88c}.landing-page-root .lp-btn-sm{padding:8px 16px;font-size:.85rem}.landing-page-root .lp-btn-lg{padding:15px 32px;font-size:1.05rem}.landing-page-root .lp-navbar{height:var(--lp-nav-height);z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--lp-border-subtle);background:#050813d9;transition:all .25s;position:fixed;top:0;left:0;right:0}.landing-page-root .lp-navbar.scrolled{background:#04060df0;border-bottom:1px solid #38bdf838;box-shadow:0 10px 30px #0009}.landing-page-root .lp-navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.landing-page-root .lp-brand-link{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.landing-page-root .lp-brand-logo-img{border-radius:8px;width:36px;height:36px;box-shadow:0 0 16px #38bdf859}.landing-page-root .lp-brand-title{color:#fff;font-size:1.1rem;font-weight:800;line-height:1.1}.landing-page-root .lp-brand-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent-cyan);font-size:.65rem;font-weight:700}.landing-page-root .lp-nav-menu{align-items:center;gap:2rem;list-style:none;display:flex}.landing-page-root .lp-nav-link{color:var(--lp-text-secondary);padding:8px 4px;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-page-root .lp-nav-link:hover{color:#fff}.landing-page-root .lp-nav-actions{align-items:center;gap:1rem;display:flex}.landing-page-root .lp-mobile-toggle{border:1px solid var(--lp-border-card);color:var(--lp-text-primary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;padding:8px;display:none}.landing-page-root .lp-mobile-drawer{top:var(--lp-nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--lp-border-subtle);z-index:999;background:#070b16fa;flex-direction:column;gap:16px;padding:24px;display:none;position:fixed;left:0;right:0;box-shadow:0 20px 40px #000c}.landing-page-root .lp-mobile-drawer.open{display:flex}.landing-page-root .lp-mobile-drawer .lp-nav-link{border-bottom:1px solid #ffffff0f;padding:12px 0;font-size:1.1rem}.landing-page-root .lp-hero-section{padding-top:calc(var(--lp-nav-height) + 50px);padding-bottom:6rem;position:relative}.landing-page-root .lp-hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.landing-page-root .lp-hero-headline{letter-spacing:-.03em;color:#fff;margin-bottom:1.5rem;font-size:clamp(2.5rem,5.2vw,4.1rem);font-weight:800;line-height:1.08}.landing-page-root .lp-hero-subtitle{color:var(--lp-text-secondary);max-width:580px;margin-bottom:2.2rem;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.65}.landing-page-root .lp-hero-ctas{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.2rem;display:flex}.landing-page-root .lp-hero-badges-row{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:16px;width:100%;padding-top:1.5rem;display:flex}.landing-page-root .lp-tech-pill{color:var(--lp-text-muted);align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:inline-flex}.landing-page-root .lp-visual-wrapper{box-shadow:0 25px 60px #000c, var(--lp-shadow-glow-cyan);background:linear-gradient(145deg,#38bdf840 0%,#a855f726 50%,#0f172a66 100%);border-radius:24px;padding:8px;position:relative}.landing-page-root .lp-visual-card{background-color:#060913;border:1px solid #38bdf840;border-radius:20px;position:relative;overflow:hidden}.landing-page-root .lp-main-img{object-fit:cover;width:100%;height:auto;display:block}.landing-page-root .lp-hud-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.72rem;font-family:var(--lp-font-mono);color:var(--lp-accent-cyan);letter-spacing:.08em;background:#060913e0;border:1px solid #38bdf866;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;top:14px;left:14px}.landing-page-root .lp-hud-pulse{background-color:var(--lp-status-active);width:8px;height:8px;box-shadow:0 0 10px var(--lp-status-active);border-radius:50%}.landing-page-root .lp-hud-telemetry{background:linear-gradient(#0000 0%,#04060db3 30%,#04060df2 100%);border-top:1px solid #38bdf826;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 20px 16px;display:grid;position:absolute;bottom:0;left:0;right:0}.landing-page-root .lp-telemetry-item{flex-direction:column;display:flex}.landing-page-root .lp-telemetry-label{text-transform:uppercase;color:var(--lp-text-muted);font-size:.68rem;font-family:var(--lp-font-mono)}.landing-page-root .lp-telemetry-val{color:#fff;font-size:.95rem;font-weight:700;font-family:var(--lp-font-mono)}.landing-page-root .lp-telemetry-val.highlight{color:var(--lp-accent-cyan)}.landing-page-root .lp-simulator-strip{z-index:10;margin-top:-2rem;margin-bottom:5rem;position:relative}.landing-page-root .lp-simulator-card{background:var(--lp-bg-surface-glass);border:1px solid var(--lp-border-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.5rem,3vw,2.5rem);display:grid;box-shadow:0 20px 45px #0009}.landing-page-root .lp-sim-canvas{cursor:crosshair;background:radial-gradient(circle,#2563eb1f 0%,#0000 70%);border:1px dashed #38bdf840;border-radius:12px;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.landing-page-root .lp-sim-deadzone{pointer-events:none;width:60px;height:60px;color:var(--lp-text-dim);font-size:.55rem;font-family:var(--lp-font-mono);border:1px dashed #94a3b859;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.landing-page-root .lp-sim-pointer{pointer-events:none;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%)}.landing-page-root .lp-sim-pointer-center{background:var(--lp-accent-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--lp-accent-cyan);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-page-root .lp-sim-pointer-ring{border:1.5px solid var(--lp-accent-cyan);border-radius:50%;width:24px;height:24px}.landing-page-root .lp-sim-status{border:1px solid var(--lp-border-subtle);width:100%;font-family:var(--lp-font-mono);background:#0f172ad9;border-radius:6px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 14px;font-size:.8rem;display:flex}.landing-page-root .lp-sim-badge{color:var(--lp-accent-cyan);background:#38bdf81f;border-radius:4px;padding:2px 8px;font-weight:700}.landing-page-root .lp-sim-badge.turning{color:var(--lp-accent-violet);background:#a855f733}.landing-page-root .lp-how-section{padding:5rem 0}.landing-page-root .lp-steps-container{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.landing-page-root .lp-step-card{background:var(--lp-bg-card);border:1px solid var(--lp-border-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;padding:2rem 1.6rem;transition:all .25s;display:flex}.landing-page-root .lp-step-card:hover{border-color:var(--lp-border-card-hover);box-shadow:0 16px 36px #0009, var(--lp-shadow-glow-cyan);transform:translateY(-5px)}.landing-page-root .lp-step-badge{width:56px;height:56px;font-family:var(--lp-font-mono);color:#fff;background:linear-gradient(135deg,#38bdf826 0%,#2563eb40 100%);border:1px solid #38bdf84d;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.3rem;font-weight:800;display:flex}.landing-page-root .lp-features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:clamp(1.5rem,2.5vw,2.2rem);display:grid}.landing-page-root .lp-feature-card{background:var(--lp-bg-card);border:1px solid var(--lp-border-card);border-radius:20px;flex-direction:column;padding:clamp(1.8rem,2.5vw,2.2rem);transition:all .25s;display:flex}.landing-page-root .lp-feature-card:hover{border-color:var(--lp-border-card-hover);transform:translateY(-5px);box-shadow:0 18px 40px #0000008c}.landing-page-root .lp-feature-icon{width:48px;height:48px;color:var(--lp-accent-cyan);background:linear-gradient(135deg,#38bdf826 0%,#2563eb40 100%);border:1px solid #38bdf84d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.2rem;display:flex}.landing-page-root .lp-games-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:2.5rem;display:flex}.landing-page-root .lp-filter-tab{border:1px solid var(--lp-border-card);color:var(--lp-text-secondary);cursor:pointer;background:#0f172a99;border-radius:9999px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s}.landing-page-root .lp-filter-tab.active{background:var(--lp-accent-blue);color:#fff;border-color:var(--lp-accent-cyan)}.landing-page-root .lp-games-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;display:grid}.landing-page-root .lp-game-card{background:var(--lp-bg-card);border:1px solid var(--lp-border-card);border-radius:20px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.landing-page-root .lp-game-card:hover{border-color:var(--lp-border-card-hover);transform:translateY(-5px);box-shadow:0 20px 45px #000000a6}.landing-page-root .lp-game-banner{justify-content:center;align-items:center;height:170px;font-size:3.5rem;display:flex;position:relative}.landing-page-root .lp-game-spec-grid{background:#0a0f1dbf;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.2rem;padding:12px 14px;display:grid}.landing-page-root .lp-spec-label{color:var(--lp-text-dim);text-transform:uppercase;font-size:.7rem;font-family:var(--lp-font-mono)}.landing-page-root .lp-spec-val{color:var(--lp-text-primary);font-size:.85rem;font-weight:600}.landing-page-root .lp-privacy-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:clamp(2rem,4vw,3.5rem);display:grid}.landing-page-root .lp-privacy-card{background:var(--lp-bg-card);border:1px solid var(--lp-border-card);border-radius:20px;padding:clamp(1.8rem,3vw,2.5rem)}.landing-page-root .lp-cta-box{text-align:center;background:radial-gradient(80% 60%,#2563eb38 0%,#0c1222e6 100%);border:1px solid #38bdf859;border-radius:24px;padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,4vw,3rem);box-shadow:0 25px 60px #000000b3}.landing-page-root .lp-footer{color:var(--lp-text-muted);background:#03050a;border-top:1px solid #ffffff14;padding:4rem 0 2rem;font-size:.9rem}.landing-page-root .lp-footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:clamp(2rem,4vw,3.5rem);margin-bottom:3rem;display:grid}@media (width<=1024px){.landing-page-root .lp-hero-grid,.landing-page-root .lp-simulator-card,.landing-page-root .lp-steps-container,.landing-page-root .lp-privacy-grid,.landing-page-root .lp-footer-top{grid-template-columns:1fr}}@media (width<=768px){.landing-page-root .lp-nav-menu,.landing-page-root .lp-nav-actions .lp-desktop-cta{display:none}.landing-page-root .lp-mobile-toggle{display:flex}.landing-page-root .lp-features-grid,.landing-page-root .lp-games-grid{grid-template-columns:1fr}}.app-root{background-color:var(--color-bg-main);min-height:100vh;color:var(--color-text-main);transition:background-color var(--transition-normal), color var(--transition-normal);background-image:radial-gradient(80% 50% at 50% -10%,#2563eb1f,#0000 70%),radial-gradient(60% 40% at 90% 20%,#a855f714,#0000 60%);display:flex}.content-wrapper{min-height:100vh;margin-left:var(--sidebar-width-expanded);transition:margin-left var(--transition-normal), width var(--transition-normal);width:calc(100% - var(--sidebar-width-expanded));background-color:#0000;flex-direction:column;flex:1;display:flex}.content-wrapper.collapsed{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}.page-container{padding:var(--space-2xl) var(--space-lg);max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto}.skip-link{background:var(--color-primary-blue);color:#fff;border-radius:var(--radius-sm);z-index:10000;transition:top var(--transition-fast);box-shadow:var(--shadow-md);padding:10px 18px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:20px}.skip-link:focus{top:16px}.gazemouse-sidebar{box-shadow:4px 0 24px #00000073;background-color:var(--sidebar-bg,#0b1020)!important;border-right:1px solid var(--sidebar-border,#4f8cff29)!important}.gazemouse-sidebar.collapsed{background-color:#0b1020!important;border-right:1px solid #4f8cff29!important;overflow:visible!important}.gazemouse-sidebar .sidebar-nav{position:relative}.gazemouse-sidebar.collapsed .sidebar-nav,.gazemouse-sidebar.collapsed .sidebar-nav ul{overflow:visible!important}.gazemouse-sidebar.collapsed .sidebar-nav li{position:relative;overflow:visible!important}.nav-item-btn{transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);color:var(--sidebar-text-main,#cbd5e1);cursor:pointer;background-color:#0000;border:1px solid #0000;position:relative}.nav-item-btn:hover:not(.active){background-color:var(--sidebar-surface,#151d32)!important;color:var(--sidebar-accent-blue,#4f8cff)!important;border-color:#4f8cff40!important}.nav-item-btn.active{box-shadow:0 2px 10px #4f8cff59;background-color:var(--sidebar-accent-blue,#4f8cff)!important;color:#fff!important;border-color:#4f8cff66!important}.nav-item-btn:focus-visible{outline:2px solid var(--sidebar-accent-blue,#4f8cff)!important;outline-offset:2px!important;background-color:var(--sidebar-surface,#151d32)!important}.nav-item-btn.active:focus-visible{outline-offset:2px!important;background-color:var(--sidebar-accent-blue,#4f8cff)!important;outline:2px solid #fff!important}.desktop-collapse-btn{color:var(--sidebar-text-muted,#94a3b8);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:1px solid #0000;position:relative}.desktop-collapse-btn:hover{background-color:var(--sidebar-surface,#151d32)!important;color:var(--sidebar-accent-blue,#4f8cff)!important;border-color:#4f8cff40!important}.desktop-collapse-btn:focus-visible{outline:2px solid var(--sidebar-accent-blue,#4f8cff)!important;outline-offset:2px!important}.sidebar-floating-tooltip{pointer-events:none;opacity:0;visibility:hidden;z-index:99999;text-align:left;background-color:#151d32;border:1px solid #4f8cff59;border-radius:8px;flex-direction:column;gap:2px;min-width:140px;max-width:280px;padding:8px 14px;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),visibility .15s;display:flex;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-6px);box-shadow:0 10px 28px #000000a6,0 0 16px #4f8cff33}.sidebar-floating-tooltip:before{content:"";border:6px solid #0000;border-right-color:#151d32;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.nav-item-btn:hover .sidebar-floating-tooltip,.nav-item-btn:focus-visible .sidebar-floating-tooltip,.desktop-collapse-btn:hover .sidebar-floating-tooltip,.desktop-collapse-btn:focus-visible .sidebar-floating-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.sidebar-floating-tooltip .tooltip-title{color:#f8fafc;font-size:.85rem;font-weight:700;line-height:1.2}.sidebar-floating-tooltip .tooltip-desc{color:#94a3b8;white-space:normal;font-size:.72rem;line-height:1.35}.gazemouse-card{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.gazemouse-card.interactive:hover{box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px);border-color:var(--color-primary-blue)!important}[data-reduced-motion=true] .gazemouse-card.interactive:hover{transform:none}.gazemouse-btn{transition:all var(--transition-fast)}.gazemouse-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.gazemouse-btn:active:not(:disabled){transform:translateY(0)}[data-reduced-motion=true] .gazemouse-btn:hover:not(:disabled){transform:none}@media (width<=768px){.content-wrapper{width:100%!important;margin-left:0!important}.gazemouse-sidebar{transform:translate(-100%);width:280px!important}.gazemouse-sidebar.mobile-open{transform:translate(0)}.mobile-hamburger-btn,.mobile-close-btn{display:flex!important}.desktop-collapse-btn{display:none!important}.theme-toggle-label{display:none}.page-container{padding:var(--space-lg) var(--space-md)}}.app-footer .footer-nav-link{border-radius:var(--radius-sm);color:#cbd5e1;text-align:left;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);outline:none;align-items:center;margin:-4px -8px;padding:4px 8px;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=light] .app-footer .footer-nav-link{color:var(--color-text-secondary)}.app-footer .footer-nav-link:hover{color:#38bdf8!important;background-color:#38bdf81a!important}[data-theme=light] .app-footer .footer-nav-link:hover{color:var(--color-primary-blue)!important;background-color:var(--color-light-blue)!important}.app-footer .footer-nav-link:active{color:#38bdf8!important;background-color:#38bdf82e!important}[data-theme=light] .app-footer .footer-nav-link:active{color:var(--color-deep-blue)!important;background-color:var(--color-light-blue-hover)!important}.app-footer .footer-nav-link:focus-visible{outline:var(--focus-ring);outline-offset:2px;color:#f8fafc!important;background-color:#38bdf824!important}[data-theme=light] .app-footer .footer-nav-link:focus-visible{color:var(--color-deep-blue)!important;background-color:var(--color-light-blue)!important}