@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap";.search-container{position:relative;margin-bottom:1.5rem}.search-input-wrap{display:flex;align-items:center;background:#0006;border:1px solid var(--border-color);border-radius:3px;padding:.4rem .6rem;transition:border-color .2s}.search-input-wrap:focus-within{border-color:var(--neon-cyan);box-shadow:0 0 8px #00ffff26}.search-input-wrap.ai-mode{border-color:var(--neon-magenta);box-shadow:0 0 8px #ff00ff26}.search-prefix{color:var(--neon-cyan);font-size:.85rem;margin-right:.3rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.search-prefix.ai{color:var(--neon-magenta)}.search-input{background:none;border:none;outline:none;color:#e0e0e0;font-family:var(--font-mono);font-size:.82rem;width:100%;caret-color:var(--neon-cyan)}.search-input::placeholder{color:#444}.search-input.focused::placeholder{color:transparent}.search-cursor{color:var(--neon-cyan);font-size:.85rem;animation:blink-cursor 1s step-end infinite;-webkit-user-select:none;user-select:none;flex-shrink:0}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.ai-tooltip{font-size:.65rem;color:var(--neon-magenta);margin-top:.2rem;padding-left:.3rem;opacity:.8}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--dark-panel);border:1px solid var(--neon-cyan);border-radius:3px;z-index:500;max-height:320px;overflow-y:auto;box-shadow:0 4px 20px #0ff3}.search-result-item{display:block;padding:.6rem .8rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .1s;text-decoration:none}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.highlighted{background:#00ffff14}.search-result-title{color:var(--neon-cyan);font-size:.85rem;font-family:var(--font-mono)}.search-result-category{color:var(--neon-purple);font-size:.7rem;margin-top:.1rem;font-family:var(--font-display)}.search-no-results{padding:.75rem;color:#555;font-size:.82rem;text-align:center}@media (max-width: 768px){.search-results{position:fixed;top:56px;left:0;right:0;max-height:calc(100vh - 56px);border-radius:0;border-left:none;border-right:none;z-index:300}}.sidebar{width:280px;background:var(--dark-panel);border-right:2px solid var(--neon-cyan);padding:2rem 1rem 4rem;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 20px #00ffff4d;z-index:100;display:flex;flex-direction:column;gap:0}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:var(--dark-bg)}.sidebar::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}.sidebar-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--neon-cyan);text-align:center;margin-bottom:.4rem;text-shadow:0 0 10px var(--neon-cyan);letter-spacing:.05em}.sidebar-subtitle{font-size:.75rem;color:var(--neon-magenta);text-align:center;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.12em}.nav-section{margin-bottom:1.25rem}.nav-title{font-size:.65rem;color:var(--neon-purple);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.4rem;padding-left:.5rem;border-left:2px solid var(--neon-purple);font-family:var(--font-display)}.nav-link{display:block;padding:.35rem .8rem;color:#888;text-decoration:none;font-size:.82rem;transition:all .15s ease;border-left:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link:hover{color:var(--neon-cyan);background:#00ffff0d;border-left-color:var(--neon-cyan);padding-left:1.1rem;text-decoration:none}.nav-link.active{color:var(--neon-cyan);border-left-color:var(--neon-cyan);background:#00ffff14}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:200;top:0}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:199}.sidebar-backdrop.visible{display:block}}.yebibot-fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--dark-panel);border:2px solid var(--neon-magenta);color:var(--neon-magenta);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-family:var(--font-display);font-weight:900;box-shadow:0 0 15px #f0f6;transition:all .2s}.yebibot-fab:hover{box-shadow:0 0 25px #ff00ffb3;transform:scale(1.05)}.yebibot-fab-label{position:absolute;right:calc(100% + .5rem);white-space:nowrap;font-size:.75rem;color:var(--neon-magenta);font-family:var(--font-display);pointer-events:none;background:var(--dark-panel);border:1px solid var(--neon-magenta);padding:.2rem .6rem;border-radius:3px;opacity:0;transform:translate(5px);transition:all .2s}.yebibot-fab:hover .yebibot-fab-label{opacity:1;transform:translate(0)}.yebibot-panel{position:fixed;bottom:calc(2.75rem + 56px);right:2rem;width:340px;height:400px;background:var(--dark-panel);border:1px solid var(--neon-magenta);border-radius:6px;z-index:999;display:flex;flex-direction:column;box-shadow:0 0 30px #ff00ff4d;overflow:hidden}.yebibot-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-bottom:1px solid var(--border-color);background:#ff00ff0d}.yebibot-title{font-family:var(--font-mono);font-size:.85rem;color:var(--neon-magenta);display:flex;align-items:center;gap:.2rem}.yebibot-title-cursor{animation:blink-cursor 1s step-end infinite}.yebibot-close{background:none;border:none;color:#555;cursor:pointer;font-size:1rem;padding:.1rem .3rem;line-height:1;transition:color .15s}.yebibot-close:hover{color:var(--neon-magenta)}.yebibot-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;font-family:var(--font-mono);font-size:.8rem}.yebibot-messages::-webkit-scrollbar{width:3px}.yebibot-messages::-webkit-scrollbar-thumb{background:var(--neon-magenta)}.yebibot-msg{line-height:1.5;word-break:break-word}.yebibot-msg.user{color:var(--neon-cyan)}.yebibot-msg.bot{color:#ddd}.yebibot-msg.thinking{color:#555;font-style:italic}.yebibot-input-row{display:flex;align-items:center;border-top:1px solid var(--border-color);padding:.5rem .75rem;gap:.4rem}.yebibot-prefix{color:var(--neon-magenta);font-family:var(--font-mono);font-size:.85rem;flex-shrink:0}.yebibot-input{background:none;border:none;outline:none;color:#e0e0e0;font-family:var(--font-mono);font-size:.82rem;flex:1;caret-color:var(--neon-magenta)}@media (max-width: 768px){.yebibot-panel{bottom:calc(2.75rem + 56px);right:.75rem;left:.75rem;width:auto}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-pink: #ff0080;--neon-purple: #c000ff;--dark-bg: #050008;--dark-panel: #0a0a12;--border-color: #1a1a2a;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}html{scroll-behavior:smooth}body{background:var(--dark-bg);color:#e0e0e0;font-family:var(--font-mono);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--neon-cyan);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--dark-panel);color:var(--neon-purple);padding:.2rem .4rem;border-radius:3px;font-family:var(--font-mono);font-size:.9em}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}th{background:var(--dark-panel);color:var(--neon-cyan);text-align:left;padding:.75rem;border:1px solid var(--border-color);font-family:var(--font-display);font-size:.8rem}td{padding:.75rem;border:1px solid var(--border-color);vertical-align:top;color:#ccc}tr:nth-child(2n) td{background:#ffffff05}p{margin-bottom:1rem;color:#ccc}ul,ol{padding-left:1.5rem;margin-bottom:1rem;color:#ccc}li{margin-bottom:.25rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta)}.layout-main{margin-left:280px;min-height:100vh;position:relative;z-index:1}.main-content{padding:2rem 2rem 4rem;max-width:960px}.page-header{border-bottom:2px solid var(--neon-cyan);padding-bottom:1rem;margin-bottom:2rem;position:relative}.page-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);color:var(--neon-cyan);text-shadow:0 0 15px var(--neon-cyan);margin-bottom:.5rem;line-height:1.2}.page-subtitle{color:var(--neon-magenta);font-size:.9rem;font-family:var(--font-mono)}.trigger-badge{display:inline-block;background:var(--dark-panel);border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:.5rem 1rem;border-radius:4px;font-family:var(--font-mono);font-size:1rem;margin:1rem 0;box-shadow:0 0 10px #0ff3}.main-content h2{font-family:var(--font-display);color:var(--neon-magenta);font-size:1.2rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;scroll-margin-top:1rem}.intro-panel{background:var(--dark-panel);border:1px solid var(--border-color);border-left:3px solid var(--neon-magenta);padding:1.5rem;margin-bottom:2rem;border-radius:4px}.intro-panel h2{color:var(--neon-cyan);margin-bottom:.75rem;font-family:var(--font-display);border-bottom:none;font-size:1rem;text-transform:uppercase}.code-box{position:relative;background:var(--dark-panel);border:1px solid var(--neon-purple);border-radius:4px;padding:2.25rem 1rem 1rem;margin-bottom:1.5rem;font-family:var(--font-mono)}.code-box pre{margin:0;color:var(--neon-cyan);font-size:.88rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--neon-purple);color:var(--dark-bg);border:none;padding:.25rem .7rem;border-radius:3px;cursor:pointer;font-family:var(--font-display);font-size:.7rem;transition:all .2s;letter-spacing:.05em}.copy-btn:hover{background:var(--neon-magenta);box-shadow:0 0 8px var(--neon-magenta)}.copy-btn.copied{background:var(--neon-cyan);color:#000}.comment{color:#666;font-size:.85rem;margin-bottom:.4rem;font-style:italic}.table-wrap{overflow-x:auto;margin:1rem 0}.wip-badge{display:inline-flex;align-items:center;gap:.5rem;border:2px solid var(--neon-magenta);color:var(--neon-magenta);padding:.4rem 1rem;border-radius:4px;font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;margin-bottom:1.5rem;animation:wip-pulse 2s ease-in-out infinite}@keyframes wip-pulse{0%,to{box-shadow:0 0 5px #ff00ff4d}50%{box-shadow:0 0 15px #ff00ffb3}}.anchor-nav{position:sticky;top:2rem;font-size:.78rem;max-height:calc(100vh - 4rem);overflow-y:auto}.anchor-nav-title{color:var(--neon-purple);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;margin-bottom:.75rem;font-family:var(--font-display)}.anchor-nav a{display:block;color:#666;text-decoration:none;border-left:2px solid var(--border-color);padding:.25rem 0 .25rem .75rem;transition:all .15s;line-height:1.4}.anchor-nav a:hover{color:var(--neon-cyan);border-left-color:var(--neon-cyan)}.prev-next{display:flex;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.prev-next a{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--border-color);border-radius:4px;color:#ccc;text-decoration:none;transition:all .2s;background:var(--dark-panel)}.prev-next a:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00ffff26}.prev-next .nav-dir{font-size:.7rem;color:var(--neon-purple);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-display)}.prev-next .next-link{text-align:right}.site-footer{margin-top:2rem;padding:1.5rem 0;border-top:1px solid var(--border-color);font-size:.8rem;color:#555;font-family:var(--font-mono)}.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:.5rem}.site-footer a{color:var(--neon-cyan);text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--neon-magenta)}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));z-index:9998;transition:width .1s linear}.topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--dark-panel);border-bottom:1px solid var(--neon-cyan);z-index:150;align-items:center;justify-content:space-between;padding:0 1rem;box-shadow:0 0 10px #0ff3}.topbar-title{font-family:var(--font-display);font-size:1rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.topbar-btn{background:none;border:none;color:var(--neon-cyan);cursor:pointer;padding:.5rem;font-size:1.25rem;display:flex;align-items:center}.example-section{margin:1.5rem 0}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.module-card{background:var(--dark-panel);border:1px solid var(--border-color);padding:1rem;border-radius:4px;transition:all .25s;text-decoration:none;display:block;color:inherit}.module-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00ffff40;transform:translateY(-2px);text-decoration:none}.module-name{font-family:var(--font-display);color:var(--neon-cyan);font-size:.95rem;margin-bottom:.4rem}.module-trigger{font-size:.72rem;color:var(--neon-purple);font-family:var(--font-mono);margin-bottom:.4rem}.module-desc{font-size:.8rem;color:#888;line-height:1.4}.category-section{margin-bottom:3rem}.category-title{font-family:var(--font-display);font-size:1.2rem;color:var(--neon-magenta);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.layout-main{margin-left:0}.main-content{padding:1rem 1rem 4rem;padding-top:calc(56px + 1rem)}.topbar{display:flex}.module-grid{grid-template-columns:1fr}.prev-next{flex-direction:column}}@keyframes crt-flicker{0%{opacity:0}20%{opacity:.6}35%{opacity:.3}60%{opacity:.9}to{opacity:1}}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.glitch:before{text-shadow:var(--before-shadow, 5px 0 cyan);animation:glitch-before var(--before-duration, 2s) infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}.glitch:after{text-shadow:var(--after-shadow, -5px 0 red);animation:glitch-after var(--after-duration, 3s) infinite linear alternate-reverse;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}.glitch.enable-on-hover:before,.glitch.enable-on-hover:after{animation:none}.glitch.enable-on-hover:hover:before{animation:glitch-before var(--before-duration, 2s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:after{animation:glitch-after var(--after-duration, 3s) infinite linear alternate-reverse}@keyframes glitch-before{0%{transform:translate(-2px,-1px);clip-path:polygon(0 0,100% 0,100% 25%,0 25%)}20%{transform:translate(2px,1px);clip-path:polygon(0 30%,100% 30%,100% 55%,0 55%)}40%{transform:translate(-1px,2px);clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}60%{transform:translate(1px,-2px);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}80%{transform:translate(-2px);clip-path:polygon(0 10%,100% 10%,100% 30%,0 30%)}to{transform:translateY(1px);clip-path:polygon(0 0,100% 0,100% 15%,0 15%)}}@keyframes glitch-after{0%{transform:translate(2px,1px);clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}20%{transform:translate(-2px,-1px);clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)}40%{transform:translate(1px,-2px);clip-path:polygon(0 80%,100% 80%,100% 95%,0 95%)}60%{transform:translate(-1px,2px);clip-path:polygon(0 65%,100% 65%,100% 85%,0 85%)}80%{transform:translate(2px);clip-path:polygon(0 90%,100% 90%,100% 100%,0 100%)}to{transform:translateY(-1px);clip-path:polygon(0 70%,100% 70%,100% 90%,0 90%)}}