*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0A0A;--surface: #141414;--border: #1F1F1F;--border-em: #2A2A2A;--text: #EDEDED;--muted: #888888;--accent: #00E5A0;--accent-dim: rgba(0,229,160,.12);--transition: .3s cubic-bezier(.22,1,.36,1)}[data-theme=light]{--bg: #FAFAF7;--surface: #FFFFFF;--border: #E5E5E0;--border-em: #D4D4D0;--text: #0A0A0A;--muted: #666666;--accent: #00A870;--accent-dim: rgba(0,168,112,.1)}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:1.6;background:var(--bg);color:var(--text);transition:background var(--transition),color var(--transition);overflow-x:hidden}::selection{background:var(--accent-dim);color:var(--accent)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-em);border-radius:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{display:inline-block;width:9px;height:1.1em;background:var(--accent);vertical-align:text-bottom;animation:blink 1.06s steps(1) infinite;margin-left:1px}.reveal{opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.cursor{animation:none}}header{position:fixed;top:0;left:0;right:0;height:56px;z-index:100;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}.header-inner{max-width:960px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:24px}.logo{font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap}.logo .tilde,.logo .slash{color:var(--accent)}.header-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{font-size:12px;color:var(--muted);padding:4px 8px;border-radius:3px;transition:color .15s,background .15s;cursor:pointer}.nav-link:hover{color:var(--text);background:var(--surface)}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;color:var(--muted);border:none;background:transparent;transition:color .15s,background .15s}.icon-btn:hover{color:var(--text);background:var(--surface)}.cmd-pill{font-size:11px;color:var(--muted);border:1px solid var(--border-em);border-radius:4px;padding:3px 8px;cursor:pointer;background:transparent;font-family:inherit;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.cmd-pill:hover{color:var(--text);border-color:var(--accent);background:var(--accent-dim)}@media (max-width: 768px){.nav-link{display:none}}main{padding-top:56px}.section-wrap{max-width:720px;margin:0 auto;padding:96px 24px}.section-wrap.wide{max-width:960px}.section-label{font-size:12px;color:var(--muted);margin-bottom:40px;letter-spacing:.02em}.section-label .comment{color:var(--accent);opacity:.7}#hero{min-height:calc(100vh - 56px);display:flex;align-items:center;padding:0 24px}.hero-inner{max-width:720px;margin:0 auto;width:100%}.hero-prompt{font-size:13px;color:var(--muted);margin-bottom:8px}.hero-name{font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--text);line-height:1.15;margin-bottom:4px}.hero-tagline{font-size:clamp(14px,2.5vw,18px);font-weight:400;color:var(--muted);line-height:1.4;margin-bottom:32px}.hero-tagline .gt{color:var(--accent);margin-right:6px}.hero-intro{font-size:14px;color:var(--muted);line-height:1.7;max-width:560px;margin-bottom:32px}.social-row{display:flex;flex-wrap:wrap;gap:8px}.social-tag{font-size:12px;color:var(--muted);border:1px solid var(--border-em);border-radius:3px;padding:5px 10px;cursor:pointer;background:transparent;font-family:inherit;transition:color .15s,border-color .15s,background .15s;display:flex;align-items:center;gap:5px}.social-tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.about-text p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:16px}.about-text p span.hi{color:var(--text)}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stack-grid.dense{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.code-block{border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--surface);transition:border-color .2s}.code-block:hover{border-color:var(--border-em)}.code-block-header{padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--surface) 50%,var(--bg))}.code-block-header .dot{width:6px;height:6px;border-radius:50%;background:var(--border-em)}.code-block-body{padding:12px;display:flex;flex-wrap:wrap;gap:6px}.skill-tag{font-size:11px;color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid var(--border);border-radius:3px;padding:3px 7px;cursor:default;position:relative;transition:color .15s,border-color .15s,background .15s}.skill-tag:hover{color:var(--accent);border-color:var(--accent)}.skill-tag:hover .skill-tooltip{opacity:1;pointer-events:auto}.skill-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-em);border-radius:3px;padding:4px 8px;font-size:10px;color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10;line-height:1.4}.project-list{display:flex;flex-direction:column;gap:16px}.project-card{border:1px solid var(--border);border-radius:4px;padding:24px;background:var(--surface);transition:border-color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),background .3s;cursor:default}.project-card:hover{border-color:var(--accent);transform:translateY(-2px);background:color-mix(in srgb,var(--surface) 80%,var(--accent) 4%)}.project-idx{font-size:11px;color:var(--muted);margin-bottom:8px}.project-name{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.project-pitch{font-size:13px;color:var(--muted);margin-bottom:12px}.project-desc{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:16px}.project-desc .hi{color:var(--text)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tech-tag{font-size:10px;color:var(--accent);background:var(--accent-dim);border-radius:2px;padding:2px 6px}.project-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.project-links{display:flex;gap:10px}.project-link{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:3px 8px;display:flex;align-items:center;gap:4px;transition:color .15s,border-color .15s;cursor:pointer;background:none;font-family:inherit}.project-link:hover{color:var(--accent);border-color:var(--accent)}.project-link .arrow{transition:transform .2s}.project-link:hover .arrow{transform:translate(2px,-2px)}.timeline{display:flex;flex-direction:column;gap:32px}.exp-entry{display:grid;grid-template-columns:140px 1fr;gap:24px}@media (max-width: 600px){.exp-entry{grid-template-columns:1fr;gap:8px}}.exp-dates{font-size:12px;color:var(--muted);padding-top:2px;line-height:1.5}.exp-role{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.exp-company{font-size:12px;color:var(--accent);margin-bottom:10px}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:6px}.exp-bullets li{font-size:13px;color:var(--muted);padding-left:16px;position:relative;line-height:1.65}.exp-bullets li:before{content:"›";position:absolute;left:0;color:var(--accent)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.cert-card{border:1px solid var(--border);border-radius:4px;padding:18px;background:var(--surface);transition:border-color .2s,transform .2s;display:flex;flex-direction:column;gap:6px}.cert-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cert-name{font-size:14px;font-weight:600;color:var(--text)}.cert-org{font-size:12px;color:var(--accent)}.cert-date{font-size:11px;color:var(--muted)}.cert-links{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.cert-link{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:3px 8px;display:flex;align-items:center;gap:4px;transition:color .15s,border-color .15s}.cert-link:hover{color:var(--accent);border-color:var(--accent)}.text-block{font-size:14px;color:var(--muted);line-height:1.8}.text-block .hi{color:var(--text)}.divider-block{height:1px;background:var(--border);max-width:720px;margin:0 auto}.contact-cmd{font-size:14px;color:var(--muted);margin-bottom:24px;line-height:2}.contact-cmd .prompt{color:var(--accent)}.contact-cmd a{color:var(--text);border-bottom:1px solid var(--border-em);transition:border-color .15s,color .15s}.contact-cmd a:hover{color:var(--accent);border-color:var(--accent)}footer{border-top:1px solid var(--border);padding:20px 24px;max-width:960px;margin:0 auto;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);flex-wrap:wrap}footer .sep{opacity:.4}footer .live{color:var(--accent)}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.cmd-modal{width:100%;max-width:520px;margin:0 16px;border:1px solid var(--border-em);border-radius:6px;background:var(--surface);overflow:hidden;box-shadow:0 24px 64px #00000080}.cmd-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmd-prompt-icon{color:var(--accent);font-size:13px}.cmd-input{flex:1;background:transparent;border:none;outline:none;font-family:inherit;font-size:14px;color:var(--text);caret-color:var(--accent)}.cmd-results{max-height:280px;overflow-y:auto}.cmd-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:13px;color:var(--muted);transition:background .1s,color .1s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.cmd-item:hover,.cmd-item.active{background:var(--accent-dim);color:var(--accent)}.cmd-item-icon{font-size:11px;opacity:.6;width:14px}.cmd-hint{padding:8px 16px;font-size:10px;color:var(--muted);border-top:1px solid var(--border);opacity:.6}.admin{max-width:920px;margin:0 auto;padding:32px 24px 96px}.admin-top{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border)}.admin-top h1{font-size:16px;font-weight:600;color:var(--text)}.admin-top .spacer{margin-left:auto}.admin-muted{color:var(--muted);font-size:12px}.btn{font-family:inherit;font-size:12px;color:var(--muted);border:1px solid var(--border-em);border-radius:4px;padding:6px 12px;background:transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn:hover{color:var(--text);border-color:var(--accent);background:var(--accent-dim)}.btn.primary{color:var(--accent);border-color:var(--accent)}.btn.danger:hover{color:#ff5f56;border-color:#ff5f56;background:#ff5f5614}.btn:disabled{opacity:.5;cursor:not-allowed}.login-wrap{max-width:360px;margin:18vh auto 0;padding:24px;border:1px solid var(--border-em);border-radius:6px;background:var(--surface)}.login-wrap h1{font-size:15px;margin-bottom:20px;color:var(--text)}.field{margin-bottom:14px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.input,.textarea,.select{width:100%;font-family:inherit;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--border-em);border-radius:4px;padding:8px 10px;outline:none;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:72px;line-height:1.6}.error-msg{color:#ff5f56;font-size:12px;margin-bottom:12px}.block-list{display:flex;flex-direction:column;gap:10px}.block-row{border:1px solid var(--border);border-radius:5px;background:var(--surface);transition:border-color .15s}.block-row.dragging{opacity:.5}.block-row.hidden-block{opacity:.55}.block-head{display:flex;align-items:center;gap:12px;padding:12px 14px}.drag-handle{cursor:grab;color:var(--muted);font-size:14px;padding:0 4px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.block-type{font-size:10px;color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:2px 7px;text-transform:uppercase;letter-spacing:.04em}.block-title{font-size:13px;color:var(--text)}.block-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.block-body{border-top:1px solid var(--border);padding:16px 14px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.sub-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.sub-item{border:1px solid var(--border);border-radius:4px;padding:12px;background:var(--bg)}.sub-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sub-head .drag-handle{font-size:12px}.sub-head .spacer{margin-left:auto}.chip-input{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.chip{font-size:11px;color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:2px 6px;display:flex;gap:5px;align-items:center}.chip button{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-size:11px;padding:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.add-menu{position:relative;display:inline-block}.add-menu-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:var(--surface);border:1px solid var(--border-em);border-radius:5px;padding:5px;display:flex;flex-direction:column;gap:2px;min-width:160px;box-shadow:0 8px 24px #0000004d}.add-menu-pop button{text-align:left;font-family:inherit;font-size:12px;color:var(--muted);background:none;border:none;padding:7px 10px;border-radius:4px;cursor:pointer}.add-menu-pop button:hover{background:var(--accent-dim);color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-em);border-radius:5px;padding:10px 18px;font-size:12px;color:var(--text);z-index:300;box-shadow:0 8px 24px #0000004d}.toast.err{border-color:#ff5f56;color:#ff5f56}.toggle{width:36px;height:20px;background:var(--border-em);border-radius:10px;cursor:pointer;position:relative;border:none;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.toggle.on:after{transform:translate(16px)}.uploader{display:flex;align-items:center;gap:10px}.cert-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}