:root{--bg:#0a120a;--bg-card:#0f1a0f;--border:#2a3f2a;--border-bright:#3d5c3d;--green:#4ade80;--green-dim:#22663a;--green-bright:#6ee7a0;--green-muted:#2d5a3a;--yellow:#d4c462;--red:#e06060;--cyan:#5eead4;--text:#a3c9a3;--text-dim:#5a7a5a;--text-bright:#d4f0d4;--font-mono:"IBM Plex Mono", "Menlo", "Consolas", monospace;--font-display:"Playfair Display", "Georgia", "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-mono);font-size:13px}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-bright)}.site{flex-direction:column;min-height:100%;display:flex}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.site-logo{font-family:var(--font-display);color:var(--green);letter-spacing:.02em;font-size:20px;font-style:italic;text-decoration:none}.site-logo:hover{color:var(--green-bright)}.site-nav{gap:24px;display:flex}.site-nav-link{color:var(--text-dim);border-bottom:1px solid #0000;padding:4px 0;font-size:13px;text-decoration:none;transition:all .15s}.site-nav-link:hover{color:var(--green)}.site-nav-link.active{color:var(--green);border-bottom-color:var(--green)}.site-main{flex-direction:column;flex:1;display:flex}.page{max-width:720px;padding:48px 32px}.page h1{font-family:var(--font-display);color:var(--green);margin-bottom:24px;font-size:32px;font-style:italic;font-weight:400}.page h2{color:var(--text);margin-top:32px;margin-bottom:12px;font-size:16px;font-weight:600}.page p{color:var(--text);font-size:14px;line-height:1.7}.home-page{flex-direction:row;justify-content:space-between;align-items:center;gap:32px;max-width:100%;min-height:60vh;padding:48px 0 48px 32px;display:flex;overflow:hidden}.home-content{flex-shrink:0}.ascii-art{font-family:var(--font-mono);color:var(--green);opacity:.6;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:pre;text-shadow:0 0 4px #4ade804d;flex-shrink:1;margin-right:0;font-size:7px;line-height:8.5px;overflow:hidden}@media (width<=480px){.home-page{flex-direction:column;align-items:flex-start;gap:24px;max-width:100vw;min-height:auto;padding:32px 0 32px 20px;overflow:hidden}.ascii-art{opacity:.5;transform-origin:0 0;margin-left:-100px;font-size:3.5px;line-height:4.5px}.home-title{font-size:36px!important}.site-header{padding:16px 20px}.site-nav{gap:16px}.page{padding:32px 20px}}.home-title{font-family:var(--font-display);color:var(--green);margin-bottom:8px;font-size:56px;font-style:italic;font-weight:400}.home-subtitle{color:var(--text-dim);margin-bottom:40px;font-size:16px}.home-links{flex-wrap:wrap;gap:16px;display:flex}.home-link{color:var(--text);border:1px solid var(--border);padding:8px 20px;font-size:13px;text-decoration:none;transition:all .15s}.home-link:hover{border-color:var(--green);color:var(--green);background:var(--green-dim)}.about-links{gap:16px;margin-top:16px;display:flex}.about-links a{color:var(--text);border:1px solid var(--border);padding:6px 16px;font-size:12px;transition:all .15s}.about-links a:hover{border-color:var(--green);color:var(--green);background:var(--green-dim)}.about-stack-category{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.about-stack-label{color:var(--text-dim);white-space:nowrap;text-align:right;flex-shrink:0;width:120px;font-size:11px}.about-tags{flex-wrap:wrap;gap:6px;display:flex}.about-tag{color:var(--text);border:1px solid var(--border);padding:3px 10px;font-size:11px}.about-certs{flex-direction:column;gap:8px;display:flex}.about-cert{border:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:8px 12px;text-decoration:none;transition:all .15s;display:flex}.about-cert:hover{border-color:var(--green);background:var(--bg-card)}.about-cert-name{color:var(--text-bright);font-size:13px}.about-cert-issuer{color:var(--text-dim);white-space:nowrap;margin-left:16px;font-size:11px}.text-link{color:var(--text);border-bottom:1px solid var(--border);font-size:13px}.text-link:hover{color:var(--green);border-color:var(--green)}.projects-grid{flex-direction:column;gap:16px;display:flex}.project-card{border:1px solid var(--border);padding:20px;text-decoration:none;transition:all .15s;display:block}.project-card:hover{border-color:var(--green);background:var(--bg-card)}.project-card-title{font-family:var(--font-display);color:var(--green);margin-bottom:8px;font-size:20px;font-style:italic;font-weight:400}.project-card-desc{color:var(--text);margin-bottom:12px;font-size:13px;line-height:1.6}.project-card-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{color:var(--text-dim);border:1px solid var(--border);padding:2px 8px;font-size:11px}.blog-redirect{color:var(--text-dim)}.blog-redirect a{color:var(--green);border-bottom:1px solid var(--green-dim)}.blog-redirect a:hover{border-color:var(--green)}.events-page{max-width:600px}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:8px;bottom:0;left:4px}.timeline-item{padding-bottom:32px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{border:1px solid var(--green-dim);background:var(--bg);border-radius:50%;width:9px;height:9px;transition:border-color .15s,background .15s;position:absolute;top:6px;left:-24px}.timeline-item:hover .timeline-marker{border-color:var(--green);background:var(--green-dim)}.timeline-date{color:var(--text-dim);letter-spacing:.03em;margin-bottom:4px;font-size:11px}.timeline-title{color:var(--text-bright);margin-bottom:4px;font-size:14px}.timeline-detail{color:var(--text);font-size:12px;line-height:1.6}.timeline-location{color:var(--text-dim);margin-top:4px;font-size:11px}.timeline-link{color:var(--green-dim);border-bottom:1px solid var(--green-dim);margin-top:6px;font-size:11px;display:inline-block}.timeline-link:hover{color:var(--green);border-color:var(--green)}.timeline-images{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.timeline-images img{object-fit:cover;border:1px solid var(--border);cursor:pointer;max-width:200px;max-height:150px;transition:border-color .15s;display:block}.timeline-images img:hover{border-color:var(--green)}.lightbox{z-index:10000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border:1px solid var(--border);max-width:80vw;max-height:90vh}.lightbox-arrow{border:1px solid var(--border);color:var(--text);cursor:pointer;width:44px;height:44px;font-size:32px;font-family:var(--font-mono);background:0 0;justify-content:center;align-items:center;line-height:1;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{border-color:var(--green);color:var(--green);background:#4ade801a}.lightbox-prev{left:20px}.lightbox-next{right:20px}.timeline-image-placeholder{border:1px dashed var(--border);background:var(--bg-card);width:100%;max-width:400px;height:120px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.header-back{color:var(--text-dim);align-items:center;transition:color .15s;display:flex}.header-back:hover{color:var(--green)}.header h1{font-family:var(--font-display);color:var(--green);letter-spacing:.05em;font-size:20px;font-style:italic;font-weight:400}.header-right{align-items:center;gap:12px;display:flex}.step-counter{color:var(--text-dim);font-size:12px}.step-counter span{color:var(--green);font-weight:600}.controls{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 16px;display:flex}.ctrl-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--green);font-family:var(--font-mono);cursor:pointer;justify-content:center;align-items:center;min-width:28px;height:28px;padding:4px 10px;font-size:13px;transition:all .15s;display:flex}.ctrl-btn:hover{background:var(--green-dim);border-color:var(--green)}.ctrl-btn:active{background:var(--green-muted)}.ctrl-btn.active{background:var(--green-dim);border-color:var(--green)}.ctrl-icon{font-size:14px}.ctrl-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.depth-badge{color:var(--text-dim);margin-left:8px;font-size:11px}.dropdown{position:relative}.dropdown-trigger{background:var(--bg-card);border:1px solid var(--border);color:var(--green);font-family:var(--font-mono);cursor:pointer;align-items:center;gap:6px;height:28px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.dropdown-trigger:hover{border-color:var(--green);background:var(--green-dim)}.dropdown-arrow{color:var(--text-dim);font-size:10px}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border-bright);z-index:100;min-width:100%;margin-top:2px;position:absolute;top:100%;left:0}.dropdown-item{font-family:var(--font-mono);color:var(--text);cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:12px}.dropdown-item:hover{background:var(--green-dim);color:var(--green)}.dropdown-item.active{color:var(--green)}.explanation{border-bottom:1px solid var(--border);box-sizing:border-box;align-items:center;gap:10px;height:36px;min-height:32px;padding:8px 16px;font-size:12px;display:flex;overflow:hidden}.event-badge{letter-spacing:.05em;text-transform:uppercase;border:1px solid;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.event-badge.call{color:var(--yellow);border-color:var(--yellow)}.event-badge.line{color:var(--green);border-color:var(--green)}.event-badge.return{color:var(--cyan);border-color:var(--cyan)}.event-badge.exception{color:var(--red);border-color:var(--red)}.explanation-text{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.explanation-text .fn{color:var(--yellow)}.explanation-text .val{color:var(--cyan)}.main{flex:1;display:flex;overflow:hidden}.panel-left{border-right:1px solid var(--border);flex-direction:column;width:50%;display:flex;overflow:hidden}.panel-right{flex-direction:column;width:50%;display:flex;overflow:hidden}.panel-header{box-sizing:border-box;height:38px;color:var(--green);border-bottom:1px solid var(--border);padding:8px 12px;font-size:14px;font-style:italic}.code-panel{flex:1;overflow:hidden}.code-panel .cm-lineNumbers{min-width:32px}.code-panel .cm-editor{height:100%;background:var(--bg)!important}.code-panel .cm-editor .cm-scroller{font-family:var(--font-mono)!important;font-size:13px!important}.code-panel .cm-editor .cm-gutters{background:var(--bg-card)!important;border-right:1px solid var(--border)!important;color:var(--text-dim)!important}.code-panel .cm-editor .cm-content{color:var(--text-bright)!important}.editor-and-console{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-and-console .code-panel{flex:1;min-height:0}.console-panel{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;max-height:120px;overflow-y:auto}.console-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--bg-card);padding:4px 12px;font-size:11px;font-weight:600}.console-output{font-family:var(--font-mono);color:var(--green);white-space:pre-wrap;word-break:break-all;margin:0;padding:6px 12px;font-size:12px}.stdout-header{color:var(--cyan)!important}.stdout-output{font-family:var(--font-mono);color:var(--green);white-space:pre-wrap;word-break:break-all;margin:0;font-size:12px}.insight-panel{border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0;padding-bottom:8px}.insight-header{text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.insight-line{color:var(--text-dim);font-weight:400}.insight-body{color:var(--text-bright);padding:8px 12px 12px;font-size:12px;line-height:1.5}.insight-link{color:var(--green-dim);border-bottom:1px solid var(--green-dim);margin-left:8px;font-size:11px;text-decoration:none;display:inline-block}.insight-link:hover{color:var(--green);border-color:var(--green)}.bp-placeholder,.bp-marker{color:#e06060;cursor:pointer;font-size:14px;position:relative;top:-2px}.bp-placeholder{opacity:0;transition:opacity .1s}.bp-gutter .cm-gutterElement:hover .bp-placeholder{opacity:.35}.code-panel .cm-editor .cm-activeLine{background:0 0!important}.code-panel .cm-editor .cm-gutterElement{color:var(--text-dim)!important}.highlight-line{background:#4ade801a!important}.highlight-call{background:#d4c4621f!important}.highlight-return{background:#5eead41a!important}.highlight-exception{background:#e0606026!important}.callstack{border-bottom:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.callstack-item{color:var(--text)}.callstack-item.current{color:var(--green);font-weight:600}.callstack-sep{color:var(--text-dim)}.state-panels{flex:1;overflow-y:auto}.state-section{border-bottom:1px solid var(--border)}.state-section-header{color:var(--green-dim);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.state-section-header:hover{color:var(--green)}.state-section-header .toggle{color:var(--text-dim);font-size:10px}.state-section-body{padding:4px 12px 8px}.var-row{align-items:flex-start;gap:6px;padding:2px 0 2px 16px;display:flex}.var-row.changed{background:#4ade800f;margin:0 -12px;padding:2px 12px 2px 28px}.var-name{color:var(--green-bright);white-space:nowrap}.var-eq{color:var(--text-dim)}.var-value{color:var(--text-bright);word-break:break-all}.var-id{color:var(--text-dim);font-size:11px}.var-object{padding-left:0}.var-object-header{cursor:pointer;align-items:center;gap:6px;padding:2px 0;display:flex}.var-object-header.changed{background:#4ade800f;margin:0 -12px;padding:2px 12px}.var-object-class{color:var(--yellow);font-weight:500}.var-object-toggle{color:var(--text-dim);text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:10px;font-size:10px}.var-object-body{border-left:1px solid var(--border);margin-left:4px;padding-left:16px}.progress-bar{flex:1;align-items:flex-end;gap:1px;height:16px;padding:0 16px 0 0;display:flex}.progress-block{background:var(--border);cursor:pointer;width:6px;min-height:4px;transition:background .1s}.progress-block.deep{opacity:.5}.progress-block:hover{background:var(--green-dim)!important}.progress-block.active{background:var(--green-dim)}.progress-block.current{background:var(--green)}.progress-block.event-call{border-top:2px solid var(--yellow)}.progress-block.event-return{border-top:2px solid var(--cyan)}.progress-block.event-exception{border-top:2px solid var(--red)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header-left{align-items:center;gap:8px;display:flex}.tree-toggle-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.tree-toggle-btn:hover{color:var(--green)}.run-btn{background:var(--green-dim);border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);cursor:pointer;padding:2px 10px;font-size:11px;transition:all .15s}.run-btn:hover{background:var(--green-muted)}.run-btn:disabled{opacity:.4;cursor:not-allowed}.loading-badge{color:var(--yellow);font-size:11px}.ready-badge{color:var(--green-dim);font-size:11px}.panel-left-body{flex:1;display:flex;overflow:hidden}.file-tree{border-right:1px solid var(--border);background:var(--bg-card);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.file-tree-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}.file-tree-new-btn{border:1px solid var(--border);color:var(--green);cursor:pointer;background:0 0;align-items:center;padding:2px 4px;transition:all .15s;display:flex}.file-tree-new-btn:hover{border-color:var(--green);background:var(--green-dim)}.file-tree-list{flex:1;padding-bottom:8px;overflow-y:auto}.file-tree-folder-header{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.file-tree-folder-header:hover{color:var(--text);background:#4ade8008}.file-tree-folder-body{padding-left:8px}.file-tree-item{color:var(--text);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:flex;position:relative}.file-tree-item:hover{color:var(--green);background:#4ade800d}.file-tree-item.active{color:var(--green);border-left-color:var(--green);background:#4ade801a}.file-tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-tree-delete{opacity:0;color:var(--red);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.file-tree-item:hover .file-tree-delete{opacity:.5}.file-tree-delete:hover{opacity:1!important}.file-tree-rename-input{background:var(--bg);border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);outline:none;flex:1;min-width:0;padding:0 2px;font-size:12px}.tour-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;align-items:center;height:23px;padding:2px 6px;transition:all .15s;display:flex}.tour-btn:hover{color:var(--green);border-color:var(--green)}.tour-container{z-index:9998;position:fixed;inset:0}.tour-overlay{z-index:9998;cursor:pointer;position:fixed;inset:0}.tour-tooltip{z-index:9999;background:var(--bg-card);border:1px solid var(--green);width:300px;font-family:var(--font-mono);padding:16px;animation:.15s ease-out tour-in;position:fixed;box-shadow:0 0 24px #4ade801f}@keyframes tour-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tour-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px;display:flex;position:absolute;top:8px;right:8px}.tour-close:hover{color:var(--green)}.tour-title{color:var(--green);letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.tour-desc{color:var(--text-bright);margin-bottom:14px;font-size:11px;line-height:1.7}.tour-footer{justify-content:space-between;align-items:center;display:flex}.tour-counter{color:var(--text-dim);font-size:10px}.tour-nav{gap:6px;display:flex}.tour-nav-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--font-mono);background:0 0;align-items:center;padding:3px 10px;font-size:11px;transition:all .15s;display:flex}.tour-nav-btn:hover:not(:disabled){border-color:var(--green);color:var(--green)}.tour-nav-btn:disabled{opacity:.3;cursor:default}