:root{--primary-color:#1a1a2e;--accent-color:#4d7e9f;--metallic-light:#a7b4c2;--metallic-medium:#6d7a88;--metallic-dark:#3d4552;--text-color:#fafaff;--glitch-color-1:#ff2e63;--glitch-color-2:#08d9d6;--bg-color:#2a2a30;--bg-dark:#1e1e23;--bg-darker:#141418;--bg-black:#000;--bg-border:#141418;--purple-glow:#8264ff;--cyan-glow:#0ff;--magenta-glow:#f0f;--cybr-green:#0fc;--purple-imperal:#3a239b;--font-primary:"Inter", "Helvetica Neue", Arial, sans-serif;--card-title-size:18px;--card-title-color:#fff;--card-text-size:16px;--card-text-color:var(--metallic-light);--pentile-intensity:.4;--effects-enabled:1;font-family:var(--font-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-color);background-color:var(--bg-darker);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:900}body{background-color:var(--bg-darker);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker);border-radius:4px}::-webkit-scrollbar-thumb{background:#4a4a50;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a60}@keyframes blink{0%,22%,36%,75%{color:#f5f5ff;text-shadow:0 0 1px #afafff,0 0 2px #8264ff,0 0 3px #8264ff,0 0 4px #8264ff,0 0 5px #7332ff,0 0 5px #7332ff}28%,33%{color:#8264ff;text-shadow:none}82%,97%{color:#7332ff;text-shadow:none}}@keyframes glitch-text{0%{text-shadow:2px 0 #ff2e63,-2px 0 #08d9d6}20%{text-shadow:-2px 0 #ff2e63,2px 0 #08d9d6}40%{text-shadow:2px 2px #ff2e63,-2px -2px #08d9d6}60%{text-shadow:-1px 0 #ff2e63,1px 0 #08d9d6}80%{text-shadow:0 -2px #ff2e63,0 2px #08d9d6}to{text-shadow:2px 0 #ff2e63,-2px 0 #08d9d6}}@keyframes glitch-skew{0%{transform:skew(0deg)}20%{transform:skew(-2deg)}40%{transform:skew(1deg)}60%{transform:skew(-1deg)}80%{transform:skew(.5deg)}to{transform:skew(0deg)}}@keyframes scanline{0%{top:-100%}to{top:100%}}@keyframes textShadowPurple{0%{text-shadow:.44px 0 1px #8264ffb3,-.44px 0 1px #a082ff80,0 0 3px #8264ff99}5%{text-shadow:2.79px 0 1px #6e50ffcc,-2.79px 0 1px #9678ff99,0 0 4px #8c6effb3}8%{text-shadow:-2px 0 1px #b496ffcc,1.5px 0 1px #6446ffb3,1.2px 0 1px #a082ff99,0 0 3px #8264ff99}10%{text-shadow:.03px 0 1px #9678ff99,-.03px 0 1px #bea0ff66,0 0 2px #a082ff80}12%{text-shadow:1.8px 0 1px #785affe6,-1.2px 0 1px #aa8cffcc,.5px 0 1px #8c6effb3,0 0 2px #c8aaff80}15%{text-shadow:.4px 0 1px #8c6effb3,-.4px 0 1px #aa8cff80,0 0 3px #8264ff99}18%{text-shadow:3px 0 1px #6446ffe6,-2.5px 0 1px #b496ffcc,1.8px 0 1px #8264ffb3,0 0 2px #dcbeffb3}20%{text-shadow:3.48px 0 1px #6e50ffe6,-3.48px 0 1px #a082ffb3,0 0 4px #785affcc}25%{text-shadow:1.61px 0 1px #8264ffb3,-1.61px 0 1px #b496ff80,0 0 3px #9678ff99}30%{text-shadow:.7px 0 1px #8c6eff99,-.7px 0 1px #aa8cff66,0 0 2px #8c6eff80}35%{text-shadow:3.9px 0 1px #785affe6,-3.9px 0 1px #9678ffb3,0 0 4px #6e50ffcc}40%{text-shadow:3.87px 0 1px #6e50ffcc,-3.87px 0 1px #aa8cff99,0 0 3px #8c6effb3}45%{text-shadow:2.23px 0 1px #8264ffcc,-2.23px 0 1px #a082ff99,0 0 3px #8264ffb3}50%{text-shadow:.08px 0 1px #8264ffb3,-.08px 0 1px #a082ff80,0 0 3px #8264ff99}55%{text-shadow:2.38px 0 1px #7355ffcc,-2.38px 0 1px #a587ff99,0 0 4px #785affb3}60%{text-shadow:2.2px 0 1px #7d5fffcc,-2.2px 0 1px #af91ff99,0 0 3px #8c6effb3}65%{text-shadow:2.86px 0 1px #8769ffcc,-2.86px 0 1px #b99bff99,0 0 3px #a082ffb3}70%{text-shadow:.49px 0 1px #9678ff99,-.49px 0 1px #bea0ff66,0 0 2px #aa8cff80}75%{text-shadow:1.89px 0 1px #785affb3,-1.89px 0 1px #b496ff80,0 0 3px #8c6eff99}80%{text-shadow:.08px 0 1px #6e50ffcc,-.08px 0 1px #aa8cff99,0 0 4px #785affb3}85%{text-shadow:.1px 0 1px #8264ffb3,-.1px 0 1px #aa8cff80,0 0 3px #9678ff99}90%{text-shadow:3.44px 0 1px #5032ffe6,-3.44px 0 1px #b496ffb3,0 0 4px #6446ffcc}95%{text-shadow:2.18px 0 1px #7d5fffcc,-2.18px 0 1px #af91ff99,0 0 3px #8264ffb3}to{text-shadow:2.62px 0 1px #8264ffb3,-2.62px 0 1px #a082ff80,0 0 3px #8264ff99}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 7px #0ff,0 0 10px #0ff,0 0 21px #0ff,0 0 42px #8264ff,0 0 82px #8264ff,0 0 92px #8264ff}20%,24%,55%{opacity:.8;text-shadow:none}}@keyframes cybr-glitch{0%{clip-path:var(--clip-one)}2%,8%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * -1%), 0)}6%{clip-path:var(--clip-two);transform:translate(calc(var(--shimmy-distance) * 1%), 0)}9%{clip-path:var(--clip-two);transform:translate(0)}10%{clip-path:var(--clip-three);transform:translate(calc(var(--shimmy-distance) * 1%), 0)}13%{clip-path:var(--clip-three);transform:translate(0)}14%,21%{clip-path:var(--clip-four);transform:translate(calc(var(--shimmy-distance) * 1%), 0)}25%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * 1%), 0)}30%{clip-path:var(--clip-five);transform:translate(calc(var(--shimmy-distance) * -1%), 0)}35%,45%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * -1%))}40%{clip-path:var(--clip-six);transform:translate(calc(var(--shimmy-distance) * 1%))}50%{clip-path:var(--clip-six);transform:translate(0)}55%{clip-path:var(--clip-seven);transform:translate(calc(var(--shimmy-distance) * 1%), 0)}60%{clip-path:var(--clip-seven);transform:translate(0)}31%,61%,to{clip-path:var(--clip-four)}}.app-layout{min-height:100vh;display:flex;position:relative}.app-layout:before{content:"";background:linear-gradient(#12101000 50%, rgba(0, 0, 0, calc(.25 * var(--pentile-intensity))) 50%), linear-gradient(90deg, rgba(255, 0, 0, calc(.06 * var(--pentile-intensity))), rgba(0, 255, 0, calc(.02 * var(--pentile-intensity))), rgba(0, 0, 255, calc(.06 * var(--pentile-intensity))));pointer-events:none;z-index:9997;background-size:100% 2px,3px 100%;width:100vw;height:100vh;position:fixed;top:0;left:0}.left-panel{background-color:var(--bg-darker);border-right:1px solid var(--bg-border);z-index:1;flex-direction:column;gap:6px;width:260px;min-width:220px;min-height:100vh;padding:16px 12px;display:flex;position:relative;overflow-y:auto}.left-panel>*{z-index:1;position:relative}.left-panel:after{content:"";background:var(--cyan-glow);opacity:.15;width:1px;height:100%;box-shadow:0 0 8px var(--cyan-glow);position:absolute;top:0;right:0}.panel-title{color:var(--text-color);text-shadow:0 0 5px var(--purple-glow), 0 0 10px #8264ff80;border-bottom:1px solid var(--bg-border);margin-bottom:12px;padding-bottom:8px;font-size:20px;font-weight:900}.section-header{color:var(--text-color);text-shadow:0 0 4px var(--cyan-glow);text-transform:uppercase;letter-spacing:1px;margin-top:10px;margin-bottom:4px;padding-left:4px;font-size:13px;font-weight:900}.cybr-btn{--clip-one:polygon(0 2%, 100% 2%, 100% 95%, 0 95%);--clip-two:polygon(0 78%, 100% 78%, 100% 100%, 0 100%);--clip-three:polygon(0 44%, 100% 44%, 100% 54%, 0 54%);--clip-four:polygon(0 0, 0 0, 0 0, 0 0);--clip-five:polygon(0 0, 100% 0, 100% 0, 0 0);--clip-six:polygon(0 40%, 100% 40%, 100% 85%, 0 85%);--clip-seven:polygon(0 63%, 100% 63%, 100% 80%, 0 80%);--shimmy-distance:5;--border:2px;--shadow-primary:#8264ff;--shadow-secondary:#0ff;background-color:var(--bg-darker);color:var(--text-color);border:1px solid var(--bg-darker);cursor:pointer;border-radius:4px;padding:8px 12px;font-family:inherit;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.cybr-btn__glitch{top:calc(var(--border) * -1);left:calc(var(--border) * -1);right:calc(var(--border) * -1);bottom:calc(var(--border) * -1);background:var(--shadow-primary);text-shadow:2px 2px var(--shadow-primary), -2px -2px var(--shadow-secondary);clip-path:var(--clip-one);color:#fff;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;text-align:center;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;animation:1s infinite cybr-glitch;display:none;position:absolute}.cybr-btn__glitch:before{content:"";top:calc(var(--border) * 1);right:calc(var(--border) * 1);bottom:calc(var(--border) * 1);left:calc(var(--border) * 1);clip-path:var(--clip-one);z-index:-1;background:linear-gradient(135deg,#8264ff 0%,#0ff 100%);border-radius:4px;position:absolute}.cybr-btn:hover .cybr-btn__glitch{display:flex!important}:root[style*="--effects-enabled: 0"] .cybr-btn__glitch,:root[style*=--effects-enabled\:0] .cybr-btn__glitch{display:none!important}.cybr-btn:hover{text-shadow:0 0 5px #8264ff,0 0 10px #8264ff,0 0 15px #8264ff,2px 2px #0ff,-2px -2px #ff2e63;color:#fff;background-color:var(--bg-dark);border-color:var(--cyan-glow);animation:1s infinite textShadowPurple;box-shadow:0 0 6px #00ffff26}:root[style*="--effects-enabled: 0"] .cybr-btn:hover,:root[style*=--effects-enabled\:0] .cybr-btn:hover{text-shadow:none;box-shadow:none;color:var(--text-color);animation:none}.cybr-btn:active{text-shadow:0 0 5px #8264ff,0 0 10px #8264ff,0 0 15px #8264ff,2px 2px #0ff,-2px -2px #ff2e63;color:#fff;background-color:#1a1a20;animation:.25s infinite textShadowPurple;transform:translateY(1px)}:root[style*="--effects-enabled: 0"] .cybr-btn:active,:root[style*=--effects-enabled\:0] .cybr-btn:active{text-shadow:none;box-shadow:none;animation:none}.nav-button{text-align:left;text-shadow:0 0 4px #9c6eff;width:100%;font-size:12px}:root[style*="--effects-enabled: 0"] .nav-button,:root[style*=--effects-enabled\:0] .nav-button{text-shadow:none}.nav-button.active{text-shadow:0 0 4px #0fc;background-color:#00ffcc0d;border-color:#0fc;box-shadow:inset 0 0 10px #00ffcc1a,0 0 6px #0fc3}:root[style*="--effects-enabled: 0"] .nav-button.active,:root[style*=--effects-enabled\:0] .nav-button.active{text-shadow:none;box-shadow:none}.cybr-btn:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00ffff08 50%,#0000 100%);width:100%;height:100%;transition:top .3s;position:absolute;top:-100%;left:0}.cybr-btn:hover:after{top:100%}:root[style*="--effects-enabled: 0"] .cybr-btn:after,:root[style*=--effects-enabled\:0] .cybr-btn:after{display:none}.main-content{flex:1;padding:24px 32px;position:relative;overflow-y:auto}.title-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.content-h1{color:var(--text-color);text-shadow:0 0 5px var(--purple-glow), 0 0 10px #8264ff80;margin-top:32px;margin-bottom:8px;font-size:26px}.content-h2{color:var(--text-color);text-shadow:0 0 5px var(--purple-glow), 0 0 10px #8264ff80;margin-top:28px;margin-bottom:6px;font-size:22px}.content-h3{color:var(--text-color);text-shadow:0 0 4px var(--magenta-glow);margin:24px 0 4px;font-size:18px}.content-h4{color:var(--text-color);text-shadow:0 0 3px var(--cyan-glow);margin:20px 0 2px;font-size:16px}:root[style*="--effects-enabled: 0"] .section-header,:root[style*=--effects-enabled\:0] .section-header,:root[style*="--effects-enabled: 0"] .card-title,:root[style*=--effects-enabled\:0] .card-title,:root[style*="--effects-enabled: 0"] .panel-title,:root[style*=--effects-enabled\:0] .panel-title,:root[style*="--effects-enabled: 0"] .glitch-title,:root[style*=--effects-enabled\:0] .glitch-title,:root[style*="--effects-enabled: 0"] .content-h1,:root[style*=--effects-enabled\:0] .content-h1,:root[style*="--effects-enabled: 0"] .content-h2,:root[style*=--effects-enabled\:0] .content-h2,:root[style*="--effects-enabled: 0"] .content-h3,:root[style*=--effects-enabled\:0] .content-h3,:root[style*="--effects-enabled: 0"] .content-h4,:root[style*=--effects-enabled\:0] .content-h4{text-shadow:none}:root[style*="--theme-id: minimal"] .nav-button.active{text-shadow:none;box-shadow:none;background-color:#33ff3314;border-color:#3f3}:root[style*="--theme-id: minimal"] .tag,:root[style*="--theme-id: minimal"] .tag.cyan,:root[style*="--theme-id: minimal"] .tag.magenta,:root[style*="--theme-id: minimal"] .tag.cybr-green{color:#3f3;text-shadow:none;background-color:#33ff331f;border-color:#33ff334d}:root[style*="--theme-id: normal-light"] .nav-button.active{border-color:var(--purple-glow);background-color:var(--purple-glow);color:#fff;text-shadow:none;box-shadow:none}:root[style*="--theme-id: normal-light"] .tag{color:#444;text-shadow:none;background-color:#0000000f;border-color:#00000026}:root[style*="--theme-id: normal-light"] .tag.cyan{color:#555;text-shadow:none;background-color:#00000014;border-color:#0000002e}:root[style*="--theme-id: normal-light"] .tag.magenta{color:#666;text-shadow:none;background-color:#0000001a;border-color:#0003}:root[style*="--theme-id: normal-light"] .tag.cybr-green{color:#333;text-shadow:none;background-color:#0000000d;border-color:#0000001f}.content-area{background-color:var(--bg-darker);border:1px solid var(--bg-border);border-radius:6px;min-height:300px;padding:20px}.content-text{color:var(--text-color);margin-bottom:12px;line-height:1.6}.neon-letter{color:#f5f5ff;text-shadow:0 0 1px #afafff,0 0 2px #8264ff,0 0 3px #8264ff,0 0 4px #8264ff,0 0 5px #7332ff,0 0 5px #7332ff;animation:20s 1s infinite blink}:root[style*="--effects-enabled: 0"] .neon-letter,:root[style*=--effects-enabled\:0] .neon-letter{color:inherit;text-shadow:none;animation:none}.glitch-title{color:var(--text-color);text-shadow:0 0 5px var(--purple-glow), 0 0 10px #8264ff80;font-size:26px;position:relative}.action-button{background-color:var(--bg-darker);color:#fff;text-shadow:0 0 3px var(--cyan-glow);padding:8px 16px;font-size:14px}.action-button.primary{border-color:var(--purple-glow);text-shadow:0 0 3px var(--purple-glow)}.action-button.primary:hover{border-color:var(--purple-glow);box-shadow:0 0 8px #8264ff66}.card{background-color:var(--bg-darker);border:1px solid var(--bg-border);border-radius:6px;margin-bottom:12px;padding:16px;transition:border-color .2s}.card:hover{border-color:#8264ff66;box-shadow:0 0 12px #8264ff1a}:root[style*="--theme-id: minimal"] .card:hover{border-color:#3f36;box-shadow:0 0 12px #33ff331a}:root[style*="--theme-id: normal-light"] .card:hover{border-color:#0003;box-shadow:0 0 12px #0000000f}.card-title{color:var(--card-title-color);font-size:var(--card-title-size);text-shadow:0 0 3px var(--cyan-glow);margin-bottom:8px}.card-text{color:var(--card-text-color);font-size:var(--card-text-size);line-height:1.5}.themed-input{background-color:var(--bg-darker);color:#fff;border:1px solid #555;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit}.themed-input:focus{border-color:var(--cyan-glow);box-shadow:0 0 6px var(--cyan-glow);outline:none}.glitch-overlay{pointer-events:none;z-index:1000;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.welcome-section{text-align:center;padding:60px 20px}.welcome-section .glitch-title{margin-bottom:16px;font-size:32px}.welcome-subtitle{color:var(--text-color);font-size:var(--font-size,14px);margin-bottom:32px}.welcome-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:800px;margin:0 auto;display:grid}.tag{color:var(--purple-glow);text-shadow:0 0 2px #8264ff80;background-color:#8264ff26;border:1px solid #8264ff4d;border-radius:3px;padding:2px 8px;font-family:inherit;font-size:11px;display:inline-block}.tag.cyan{color:var(--cyan-glow);text-shadow:0 0 2px #00ffff80;background-color:#00ffff1a;border-color:#00ffff4d}.tag.magenta{color:var(--magenta-glow);text-shadow:0 0 2px #ff00ff80;background-color:#ff00ff1a;border-color:#ff00ff4d}.tag.cybr-green{color:var(--cybr-green);text-shadow:0 0 2px #00ffcc80;background-color:#00ffcc1a;border-color:#00ffcc4d}.settings-panel{z-index:9999;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:8px;right:8px}.settings-panel__toggle{color:#e6e6ee;cursor:pointer;background:#141418eb;border:1px solid #3a3a44;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:border-color .2s,box-shadow .2s;display:flex}.settings-panel__toggle:hover{border-color:var(--cyan-glow);box-shadow:0 0 6px #00ffff4d}.settings-panel__dropdown{background:#141418f2;border:1px solid #3a3a44;border-radius:6px;flex-direction:column;align-items:flex-end;gap:6px;margin-top:6px;padding:10px;display:flex;box-shadow:0 4px 12px #00000080}:root[style*="--theme-id: minimal"] .settings-panel__toggle{color:#3f3;border-color:#3f3}:root[style*="--theme-id: minimal"] .settings-panel__toggle:hover{box-shadow:0 0 6px #3f36}:root[style*="--theme-id: normal-light"] .settings-panel__toggle{color:#333;background:#f5f5f5f2;border-color:#ccc}:root[style*="--theme-id: normal-light"] .settings-panel__toggle:hover{border-color:var(--purple-glow);box-shadow:0 0 6px #8264ff4d}:root[style*="--theme-id: normal-light"] .settings-panel__dropdown{background:#f5f5f5fa;border-color:#ccc;box-shadow:0 4px 12px #0000001a}.theme-switcher{box-sizing:border-box;color:#e6e6ee;cursor:pointer;background:#141418eb;border:1px solid #3a3a44;border-radius:4px;height:28px;padding:4px 8px;font-family:inherit;font-size:13px}.theme-switcher:focus{border-color:var(--cyan-glow);outline:none;box-shadow:0 0 6px #0ff6}.theme-switcher option{color:#e6e6ee;background:#14141a}.pentile-control{flex-direction:column;align-items:flex-end;gap:8px;font-family:inherit;display:flex}.pentile-control__toggle{box-sizing:border-box;color:#e6e6ee;cursor:pointer;background:#141418eb;border:1px solid #3a3a44;border-radius:4px;height:28px;padding:4px 8px;font-family:inherit;font-size:13px}.pentile-control__toggle:hover{border-color:var(--cyan-glow);box-shadow:0 0 6px #00ffff4d}.pentile-control__panel{color:#e6e6ee;background:#141418eb;border:1px solid #3a3a44;border-radius:4px;flex-direction:column;gap:6px;min-width:180px;padding:10px 12px;display:flex}.pentile-control__label{justify-content:space-between;font-size:12px;display:flex}.pentile-control__slider{cursor:pointer;width:100%}