:root{--bg: #1a1b26;--bg-elevated: #24283b;--bg-card: #1f2335;--text: #c0caf5;--text-muted: #565f89;--text-subtle: #737aa2;--accent-blue: #7aa2f7;--accent-purple: #bb9af7;--accent-green: #9ece6a;--accent-orange: #ff9e64;--accent-cyan: #7dcfff;--accent-pink: #f7768e;--accent-yellow: #e0af68;--accent-red: #f7768e;--border: #3b4261;--log-info: #7aa2f7;--log-warn: #e0af68;--log-error: #f7768e;--log-success: #9ece6a;--log-debug: #bb9af7}:root.light{--bg: #f5f5f5;--bg-elevated: #ffffff;--bg-card: #ffffff;--text: #1a1b26;--text-muted: #6b7280;--text-subtle: #4b5563;--accent-blue: #2563eb;--accent-purple: #7c3aed;--accent-green: #059669;--accent-orange: #ea580c;--accent-cyan: #0891b2;--accent-pink: #db2777;--accent-yellow: #d97706;--accent-red: #dc2626;--border: #e5e7eb;--log-info: #2563eb;--log-warn: #d97706;--log-error: #dc2626;--log-success: #059669;--log-debug: #7c3aed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}.container{max-width:900px;margin:0 auto;padding:60px 24px}.comment{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-muted);font-style:italic}.comment:before{content:"// "}.comment-block{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-muted);font-style:italic;padding:12px 16px;background:var(--bg-elevated);border-radius:6px;margin:16px 0}.comment-block:before{content:"/* "}.comment-block:after{content:" */"}.navbar{position:sticky;top:0;z-index:100;background:var(--bg);padding:16px 0;margin-bottom:24px}.navbar-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.navbar-prompt{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:14px}.navbar-prompt-symbol{color:var(--accent-green);font-weight:600}.navbar-input{color:var(--text);flex:1}.navbar-input .typed{color:var(--accent-cyan)}.navbar-cursor{display:inline-block;width:8px;height:18px;background:var(--accent-cyan);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{50%{opacity:0}}.navbar-hint{color:var(--text-muted);font-size:12px}.navbar-autocomplete{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--bg-elevated)}.navbar-option{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-subtle);transition:all .15s ease}.navbar-option:hover{border-color:var(--accent-blue);color:var(--text);background:var(--bg)}.navbar-option.active,.navbar-option:focus{border-color:var(--accent-green);color:var(--accent-green);outline:none}.navbar-option.selected{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--bg)}.navbar-option-key{color:var(--accent-purple)}.navbar-option-desc{color:var(--text-muted);font-size:11px}.top-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-elevated);border-radius:8px;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:13px;overflow-x:auto}.top-bar-item{display:flex;align-items:center;gap:6px;color:var(--text-muted);white-space:nowrap}.top-bar-item.active{color:var(--text)}.top-bar-dot{width:8px;height:8px;border-radius:50%}.dot-green{background:var(--accent-green)}.dot-yellow{background:var(--accent-yellow)}.dot-blue{background:var(--accent-blue)}.top-bar-sep{color:var(--border)}.prompt{display:flex;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:14px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:16px}.prompt-symbol{color:var(--accent-green);font-weight:600}.prompt-command{color:var(--accent-cyan)}.prompt-arg{color:var(--accent-orange)}.prompt-flag{color:var(--accent-purple)}.console-log{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:32px}.console-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted)}.console-dot{width:12px;height:12px;border-radius:50%}.console-dot.red{background:#ff5f56}.console-dot.yellow{background:#ffbd2e}.console-dot.green{background:#27c93f}.console-title{margin-left:8px}.console-body{padding:16px;max-height:200px;overflow-y:auto}.log-entry{display:flex;gap:12px;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:12px;border-bottom:1px solid var(--border)}.log-entry:last-child{border-bottom:none}.log-timestamp{color:var(--text-muted);min-width:70px}.log-level{min-width:50px;font-weight:500}.log-level.info{color:var(--log-info)}.log-level.warn{color:var(--log-warn)}.log-level.error{color:var(--log-error)}.log-level.success{color:var(--log-success)}.log-level.debug{color:var(--log-debug)}.log-message{color:var(--text-subtle)}.log-highlight{color:var(--accent-cyan)}.hero{margin-bottom:40px}.hero-label{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--accent-purple);margin-bottom:16px;display:flex;align-items:center;gap:8px}.hero-label:before{content:"";width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{font-size:48px;font-weight:700;margin-bottom:8px;color:var(--text)}.hero h1 .highlight{color:var(--accent-blue)}.hero-subtitle{font-size:20px;color:var(--text-subtle);margin-bottom:24px;max-width:600px}.hero-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.meta-item{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:14px;position:relative}.meta-key{color:var(--accent-purple)}.meta-value{color:var(--accent-orange)}.meta-value.string:before,.meta-value.string:after{content:'"';color:var(--accent-orange)}.meta-comment{color:var(--text-muted);font-size:12px}.hero-comment{margin-top:20px;padding:16px 20px;background:var(--bg-elevated);border-left:3px solid var(--accent-green);border-radius:0 8px 8px 0}.hero-comment p{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6}.hero-comment p:before{content:"/* ";color:var(--text-muted)}.hero-comment p:after{content:" */";color:var(--text-muted)}.section{margin-bottom:60px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text)}.section-badge{font-family:JetBrains Mono,monospace;font-size:12px;padding:4px 10px;background:var(--bg-elevated);border-radius:4px;color:var(--accent-cyan)}.section-comment{margin-left:auto}.config-block{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;font-family:JetBrains Mono,monospace;font-size:14px;margin-bottom:32px;overflow-x:auto}.config-line{display:flex;gap:8px;padding:4px 0}.config-line-number{color:var(--text-muted);opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:24px;text-align:right}.config-key{color:var(--accent-blue)}.config-string{color:var(--accent-green)}.config-number{color:var(--accent-orange)}.config-bool{color:var(--accent-purple)}.config-comment{color:var(--text-muted);font-style:italic}.stats-section{background:var(--bg-elevated);border-radius:12px;padding:32px;margin-bottom:60px}.stats-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.stats-title{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--accent-green)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px}.stat-item{text-align:center}.stat-value{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:600;color:var(--accent-orange);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-muted)}.stat-comment{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);margin-top:4px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.video-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease}.video-card:hover{border-color:var(--accent-pink);transform:translateY(-2px)}.video-thumbnail{position:relative;aspect-ratio:16/9;background:var(--bg-elevated);overflow:hidden}.video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-card:hover .video-play-btn{background:var(--accent-pink);transform:translate(-50%,-50%) scale(1.1)}.video-play-btn svg{width:24px;height:24px;fill:#fff;margin-left:3px}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 6px;border-radius:4px}.video-content{padding:16px}.video-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent-pink);margin-bottom:8px}.video-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4;text-decoration:none;display:block}.video-title:hover{color:var(--accent-pink)}.posts-grid{display:flex;flex-direction:column;gap:16px}.post-card{display:block;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s ease;position:relative}.post-card:hover{border-color:var(--accent-blue);transform:translate(4px)}.post-card:hover .post-arrow{opacity:1;transform:translate(0)}.post-line-number{position:absolute;left:-40px;top:24px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);opacity:.5}.post-date{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);margin-bottom:8px}.post-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:12px}.post-arrow{color:var(--accent-blue);opacity:0;transform:translate(-8px);transition:all .2s ease}.post-description{font-size:14px;color:var(--text-subtle);margin-bottom:12px}.post-tags{display:flex;gap:8px;flex-wrap:wrap}.post-tag{font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 10px;background:var(--bg-elevated);border-radius:4px;color:var(--accent-cyan)}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.concept-card{display:block;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s ease}.concept-card:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.concept-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.concept-index{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent-purple)}.concept-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:8px;font-size:16px}.concept-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.concept-description{font-size:14px;color:var(--text-subtle);line-height:1.6;margin-bottom:16px}.concept-viz{background:var(--bg-elevated);border-radius:8px;padding:16px;margin-top:12px}.concept-equation{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--accent-cyan);text-align:center}.concept-chart{display:flex;align-items:flex-end;justify-content:space-around;height:60px;gap:8px}.chart-bar{width:24px;background:linear-gradient(to top,var(--accent-purple),var(--accent-blue));border-radius:4px 4px 0 0;transition:height .3s ease}.concept-card:hover .chart-bar{animation:chartPulse .5s ease}@keyframes chartPulse{50%{transform:scaleY(1.1)}}.concept-diagram{display:flex;align-items:center;justify-content:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px}.diagram-node{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--accent-green)}.diagram-arrow{color:var(--text-muted)}.status-bar{display:flex;gap:24px;padding:12px 16px;background:var(--bg-elevated);border-radius:8px;margin:32px 0;font-family:JetBrains Mono,monospace;font-size:12px;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green)}.status-dot.yellow{background:var(--accent-yellow)}.status-dot.blue{background:var(--accent-blue)}.secrets{margin-top:40px;padding:24px;background:var(--bg-card);border:1px dashed var(--border);border-radius:12px;opacity:.6;transition:opacity .3s ease}.secrets:hover{opacity:1}.secrets-title{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);margin-bottom:16px}.secret-item{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-subtle);padding:8px 0;border-bottom:1px solid var(--border)}.secret-item:last-child{border-bottom:none}.secret-key{color:var(--accent-yellow)}.secret-value{color:var(--accent-green)}.contact-section{text-align:center;padding:48px 0;border-top:1px solid var(--border)}.contact-title{font-size:24px;font-weight:600;margin-bottom:8px}.contact-subtitle{margin-bottom:32px}.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;transition:all .2s ease}.contact-link:hover{border-color:var(--accent-blue);background:var(--bg-elevated)}.contact-link svg{width:18px;height:18px;color:var(--accent-blue)}.footer{text-align:center;padding:32px 0;margin-top:40px}.footer-comment{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-muted)}.footer-secret{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);opacity:.3;margin-top:16px;cursor:default;transition:opacity .3s ease}.footer-secret:hover{opacity:1}.footer-easter-egg{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 20px;background:var(--bg-card);border:1px dashed var(--border);border-radius:8px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .3s ease;opacity:.5}.footer-easter-egg:hover{opacity:1;border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 4px 12px #bb9af733}.footer-egg-prompt{color:var(--accent-green)}.footer-egg-cursor{animation:blink 1s step-end infinite;color:var(--accent-cyan)}@media(max-width:768px){.hero h1{font-size:32px}.hero-meta{flex-direction:column;gap:12px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-comment{margin-left:0}.post-line-number,.top-bar,.console-log{display:none}.navbar{padding:12px 0}.navbar-autocomplete{gap:6px}.navbar-option{padding:6px 10px;font-size:12px}.navbar-option-desc{display:none}}.command-palette-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.command-palette-overlay.open{opacity:1;visibility:visible}.command-palette{width:100%;max-width:560px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;transform:scale(.95) translateY(-10px);transition:transform .15s ease;font-family:JetBrains Mono,monospace}.command-palette-overlay.open .command-palette{transform:scale(1) translateY(0)}.command-palette-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.command-palette-icon{color:var(--accent-purple);font-size:16px}.command-palette-input{flex:1;background:transparent;border:none;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text);outline:none}.command-palette-input::-moz-placeholder{color:var(--text-muted)}.command-palette-input::placeholder{color:var(--text-muted)}.command-palette-shortcut{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);background:var(--bg-elevated);padding:4px 8px;border-radius:4px}.command-palette-list{max-height:400px;overflow-y:auto;padding:8px}.command-palette-group{margin-bottom:8px}.command-palette-group-title{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.5px}.command-palette-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s ease}.command-palette-item:hover{background:var(--bg-elevated)}.command-palette-item.selected{background:var(--accent-cyan);color:var(--bg)}.command-palette-item.selected .command-palette-item-icon{filter:grayscale(1) brightness(.2)}.command-palette-item.selected .command-palette-item-label{color:var(--bg);font-weight:500;text-decoration:underline}.command-palette-item.selected .command-palette-item-hint{color:var(--bg);opacity:.7}.command-palette-item-icon{width:20px;text-align:center;font-size:14px}.command-palette-item-label{flex:1;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text)}.command-palette-item-hint{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.command-palette-footer{display:flex;gap:16px;padding:12px 16px;border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.command-palette-footer kbd{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;margin:0 2px}.palette-trigger{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:50;font-size:18px}.palette-trigger:hover{background:var(--bg-elevated);border-color:var(--accent-purple);transform:scale(1.05)}.palette-trigger-hint{position:absolute;right:100%;margin-right:12px;background:var(--bg-card);border:1px solid var(--border);padding:6px 10px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);white-space:nowrap;opacity:0;transform:translate(10px);transition:all .2s ease;pointer-events:none}.palette-trigger:hover .palette-trigger-hint{opacity:1;transform:translate(0)}.matrix-overlay{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;transition:opacity .3s ease}.matrix-overlay.active{opacity:1}.matrix-overlay canvas{width:100%;height:100%}