@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Syne:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";
.lp-root{--void-pure:#070f1c;--void-deep:#0f1d32;--void-surface:#1a2744;--void-elevated:#243352;--signal-primary:#f1f5f9;--signal-secondary:#cbd5e1;--signal-muted:#64748b;--signal-accent:#3b82f6;--glitch-cyan:#60a5fa;--glitch-magenta:#818cf8;--text-full:#f1f5f9;--text-strong:#cbd5e1;--text-medium:#94a3b8;--text-muted:#64748b;--text-faint:#475569;--border:#f1f5f91f;--border-strong:#f1f5f926;--background:#070f1c;--foreground:#f1f5f9;--ease-out:cubic-bezier(.16,1,.3,1);--font-display:"Syne","Zen Kaku Gothic New",sans-serif;--font-body:"IBM Plex Mono","Zen Kaku Gothic New",monospace;--font-mono:"IBM Plex Mono",monospace;--font-hero-jp:"Zen Kaku Gothic New",sans-serif;background-color:var(--background);color:var(--foreground);font-family:var(--font-body)}.lp-root .font-display{font-family:var(--font-display);letter-spacing:-.02em;padding-bottom:.05em;line-height:1.3}.lp-root h2.font-display{padding-bottom:.1em;line-height:1.35;overflow:visible}.lp-root .font-mono{font-family:var(--font-mono)}.lp-root .font-hero-jp{font-family:var(--font-hero-jp)}.lp-root .hero-text-shadow{text-shadow:0 0 30px #000000f2,0 0 60px #000c,0 0 100px #0009,0 4px 8px #000}.lp-root .hero-ui-shadow{text-shadow:0 0 10px #000000e6,0 0 20px #000c,0 2px 4px #000}.lp-root .mirror-gradient{background:linear-gradient(90deg,#ffb347 0%,gold 15%,#fff 35%,#87cefa 50%,#60a5fa 65%,#fff 85%,#ffb347 100%) 0 0/300% 100%;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 15px #ffb74780)drop-shadow(0 0 25px #60a5fa66);-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite mirror-color-rotate}@keyframes mirror-color-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.lp-root.grain-overlay{position:relative;overflow:hidden}.lp-root.grain-overlay:before{content:"";pointer-events:none;z-index:0;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:.8s steps(8,end) infinite grain;position:absolute;inset:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.lp-root .scanlines-subtle:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000,#0000 4px,#00000014 4px 8px);position:absolute;inset:0}.lp-root .bg-grid-surveillance{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px}.lp-root .bg-vignette{background:radial-gradient(#0000 0% 40%,#000c 100%)}@keyframes glitch{0%{filter:hue-rotate();transform:translate(0)}10%{transform:translate(-5px,2px)}20%{filter:hue-rotate(90deg);transform:translate(5px,-2px)}30%{transform:translate(-3px,1px)}40%{filter:hue-rotate(180deg);transform:translate(3px,-1px)}50%{transform:translate(0)}60%{filter:hue-rotate(270deg);transform:translate(-2px,-2px)}70%{transform:translate(2px,2px)}80%{filter:hue-rotate(360deg);transform:translate(-1px,1px)}90%{transform:translate(1px,-1px)}to{filter:hue-rotate();transform:translate(0)}}.lp-root .glitch-active{animation:.15s ease-out glitch}.lp-root .live-indicator{align-items:center;gap:.5rem;display:inline-flex}.lp-root .live-dot{background:var(--signal-accent);width:8px;height:8px;box-shadow:0 0 8px var(--signal-accent);border-radius:50%;animation:2s ease-in-out infinite live-pulse}.lp-root .signal-dot-green{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite signal-pulse-green;box-shadow:0 0 8px #22c55e}@keyframes signal-pulse-green{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #22c55e}50%{opacity:.6;transform:scale(1.2);box-shadow:0 0 16px #22c55e,0 0 24px #22c55e66}}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--signal-accent);transform:scale(1)}50%{opacity:.5;box-shadow:0 0 4px var(--signal-accent);transform:scale(.85)}}.lp-root .card-surveillance{background:var(--void-surface);border:1px solid var(--border);transition:all .3s var(--ease-out);border-radius:0;position:relative}.lp-root .card-surveillance:before{content:"REC";color:var(--signal-accent);font-size:10px;font-family:var(--font-mono);letter-spacing:.1em;animation:1.5s ease-in-out infinite rec-blink;position:absolute;top:.75rem;right:.75rem}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.3}}.lp-root .card-surveillance:hover{border-color:var(--border-strong);background:var(--void-elevated)}.lp-root .card-timestamp{color:var(--signal-muted);font-size:10px;font-family:var(--font-mono);letter-spacing:.05em;position:absolute;bottom:.75rem;left:.75rem}.lp-root .transmission{background:var(--void-deep);border-left:2px solid var(--signal-accent);font-family:var(--font-mono);padding:1.5rem;position:relative}.lp-root .transmission:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#ffffff04 1px 2px);position:absolute;inset:0}.lp-root .transmission-id{color:var(--signal-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:10px}.lp-root .btn-cta{border:2px solid var(--signal-accent);color:#fff;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;text-shadow:0 0 10px #000000e6;transition:all .3s var(--ease-out);background:#3b82f640;padding:1rem 2rem;font-size:12px;font-weight:500;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.lp-root .btn-cta:hover{background:var(--signal-accent);color:#fff;box-shadow:0 0 20px #3b82f680}.lp-root .btn-ghost{color:#fff;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:all .3s var(--ease-out);text-shadow:0 0 10px #000000e6;background:#0006;border:1px solid #ffffff4d;padding:1rem 2rem;font-size:12px;text-decoration:none;display:inline-block}.lp-root .btn-ghost:hover{color:var(--signal-primary);border-color:#ffffff80}.lp-root .glass-dark{-webkit-backdrop-filter:blur(12px);background:#1e2030eb}