html,body{margin:0;padding:0}:root{--bg:#0d0b17;--panel:#131226;--panel-2:#181632;--line:#2a2749;--sidebar:#0a0916;--text:#e7e4f5;--dim:#847ea8;--dim-2:#5b5580;--kw:#c792ea;--str:#4fd6c0;--fn:#f0b429;--tag:#ff6e8e;--num:#82e0aa;--comment:#5b5580;--cursor:#f0b429}html[data-theme=matrix]{--bg:#050805;--panel:#0a120a;--panel-2:#0f1a0f;--line:#1e3a1e;--sidebar:#040704;--text:#c8ffd4;--dim:#5fae76;--dim-2:#3a6b48;--kw:#39ff6a;--str:#00e676;--fn:#7dff97;--tag:#00c853;--num:#69f0ae;--comment:#3a6b48;--cursor:#39ff6a}html[data-theme=sunset]{--bg:#160d16;--panel:#231327;--panel-2:#2b1830;--line:#452a4d;--sidebar:#100a12;--text:#fbe8f0;--dim:#c48fb0;--dim-2:#8a5f78;--kw:#ff7ab8;--str:#ffb37a;--fn:#ffd166;--tag:#ff5d8f;--num:#f78fb3;--comment:#8a5f78;--cursor:#ffb37a}html[data-theme=ocean]{--bg:#050d16;--panel:#0b1826;--panel-2:#0f2233;--line:#1e3f57;--sidebar:#040a12;--text:#dff3ff;--dim:#6fa8c9;--dim-2:#3f6f8c;--kw:#5ec9ff;--str:#63e6d3;--fn:#7fd4ff;--tag:#4fb8e0;--num:#66e0c4;--comment:#3f6f8c;--cursor:#5ec9ff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:14px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;max-width:100vw}::selection{background:var(--kw);color:var(--bg)}a{color:inherit;text-decoration:none}.titlebar{height:38px;background:var(--sidebar);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:8px;flex-shrink:0;position:sticky;top:0;z-index:100;min-width:0}.dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.dot.r{background:#ff5f56}.dot.y{background:#ffbd2e}.dot.g{background:#27c93f}.titlebar .fname{margin-left:16px;color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (max-width:560px){.titlebar .fname{display:none}}.workspace{display:flex;flex:1;min-height:0}.sidebar{width:220px;background:var(--sidebar);border-right:1px solid var(--line);padding:18px 0;flex-shrink:0}@media (max-width:820px){.sidebar{display:none}}.sidebar .heading{font-size:10.5px;letter-spacing:.12em;color:var(--dim-2);padding:0 18px 10px;text-transform:uppercase}.filetree a{display:flex;align-items:center;gap:8px;padding:7px 18px;font-size:13px;color:var(--dim);border-left:2px solid transparent;transition:all .15s}.filetree a:hover,.filetree a.active{color:var(--text);background:var(--panel);border-left-color:var(--fn)}.filetree .ico{color:var(--kw);font-size:12px}.sidebar .status-block{margin-top:30px;padding:14px 18px;border-top:1px solid var(--line)}.sidebar .status-block .row{display:flex;justify-content:space-between;font-size:11px;color:var(--dim-2);padding:4px 0}.sidebar .status-block .row span:last-child{color:var(--num)}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.tabbar{display:flex;background:var(--sidebar);border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0}.tab{padding:10px 20px;font-size:12.5px;color:var(--dim);border-right:1px solid var(--line);white-space:nowrap;display:flex;align-items:center;gap:8px;cursor:pointer}.tab.active{background:var(--bg);color:var(--text);border-top:2px solid var(--fn)}.tab .ico{color:var(--kw)}.editor{flex:1;overflow-x:hidden}.code-block{display:flex;border-bottom:1px solid var(--line)}.linenos{width:52px;flex-shrink:0;text-align:right;padding:36px 12px 36px 0;color:var(--dim-2);font-size:12.5px;line-height:1.9;-webkit-user-select:none;user-select:none;background:var(--bg)}.code-content{flex:1;padding:36px 4vw 36px 24px;width:100%}.kw{color:var(--kw)}.str{color:var(--str)}.fn{color:var(--fn)}.tag{color:var(--tag)}.num{color:var(--num)}.cm{color:var(--comment);font-style:italic}.punct{color:var(--dim)}.hero-code{font-size:15px;line-height:1.85}.hero-code .indent{padding-left:24px}.cursor-blink{display:inline-block;width:8px;height:17px;background:var(--cursor);vertical-align:text-bottom;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.hero-headline{font-size:clamp(1.9rem,4.2vw,3.1rem);color:var(--text);font-weight:700;margin:26px 0 10px;line-height:1.15}.hero-headline .kw{font-weight:700}.hero-sub{color:var(--dim);font-size:15px;max-width:56ch;margin-bottom:30px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.btn{font-size:12.5px;padding:12px 20px;border:1px solid var(--line);border-radius:3px;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-run{background:var(--fn);color:var(--bg);border-color:var(--fn);font-weight:700}.btn-run:hover{background:#ffc94d}.btn-out{color:var(--dim)}.btn-out:hover{border-color:var(--kw);color:var(--kw)}.graph-wrap{margin-top:44px}.graph-label{color:var(--dim-2);font-size:11.5px;margin-bottom:12px;letter-spacing:.05em}.graph-row{display:flex;gap:36px;flex-wrap:wrap;align-items:center}.graph-stats{display:flex;gap:22px;flex-wrap:wrap}.graph-stat{text-align:left}.graph-stat .gnum{font-size:22px;color:var(--fn);font-weight:700;font-family:Inter,sans-serif}.graph-stat .glbl{font-size:10.5px;color:var(--dim-2);margin-top:2px;letter-spacing:.04em}.graph{display:grid;grid-template-columns:repeat(26,1fr);grid-auto-rows:11px;gap:3px;max-width:640px}.cell{background:var(--panel-2);border-radius:2px}.cell.l1{background:#1e3a34}.cell.l2{background:#276b5c}.cell.l3{background:#38a686}.cell.l4{background:var(--str)}.comment-header{color:var(--comment);font-size:13px;margin-bottom:18px}.prose{color:var(--dim);font-family:Inter,JetBrains Mono,monospace;font-size:14.5px;line-height:1.75;margin:14px 0;max-width:62ch}.prose strong{color:var(--text);font-weight:600}.about-headline{font-family:Inter,sans-serif;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:700;color:var(--text);line-height:1.3;margin-bottom:26px;max-width:26ch}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}@media (max-width:900px){.about-grid{grid-template-columns:1fr}}.skill-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px 26px}.skill-panel-label{font-size:12.5px;color:var(--comment);margin-bottom:20px}.skill-bars{display:flex;flex-direction:column;gap:16px}.skill-bar-top{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:7px}.skill-bar-top span:first-child{color:var(--text)}.skill-pct{color:var(--str);font-weight:700}.skill-bar-track{height:7px;background:var(--panel-2);border-radius:4px;overflow:hidden}.skill-bar-fill{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,var(--kw),var(--str));transition:width 1.1s cubic-bezier(.16,.84,.44,1)}.skill-bar-row.in-view .skill-bar-fill{width:var(--target-width)}.lede-prose{font-size:16.5px}.fact-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.fact-pill{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:8px 14px;transition:border-color .2s,color .2s}.fact-pill:hover{border-color:var(--str);color:var(--str)}.import-line{margin-bottom:6px}.logo-carousel-wrap{margin-top:24px;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}.logo-carousel{display:flex;width:max-content;animation:marquee 32s linear infinite}.logo-carousel:hover{animation-play-state:paused}.logo-track{display:flex;gap:14px;padding-right:14px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:104px;height:96px;flex-shrink:0;border:1px solid var(--line);background:var(--panel);border-radius:8px;transition:border-color .2s,transform .2s}.logo-chip:hover{border-color:var(--kw);transform:translateY(-3px)}.logo-chip svg{width:28px;height:28px}.logo-chip span{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--dim);text-align:center;padding:0 6px}@media (prefers-reduced-motion: reduce){.logo-carousel{animation:none;flex-wrap:wrap;width:100%}.logo-track:last-child{display:none}}.stack-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:24px}.stack-card{border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:4px;transition:border-color .2s}.stack-card:hover{border-color:var(--kw)}.stack-card .k{color:var(--fn);font-size:13px}.stack-card .v{color:var(--dim);font-size:12.5px;margin-top:6px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:22px}.note-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:24px 22px;transition:transform .2s ease,border-color .2s ease}.note-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--kw),var(--str),var(--fn))}.note-card:hover{transform:translateY(-4px);border-color:var(--kw)}.note-icon{font-size:28px;margin-bottom:14px}.note-tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--tag);letter-spacing:.06em;margin-bottom:8px}.note-card h4{font-family:Inter,sans-serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:10px}.note-card p{font-family:Inter,sans-serif;font-size:13.5px;color:var(--dim);line-height:1.65}.note-card p strong{color:var(--text);font-weight:600}.console{background:#000;border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin-top:26px;font-size:12.5px;color:var(--num);max-width:640px;max-height:180px;overflow-y:auto}.console .ln{margin-bottom:5px;color:var(--dim-2)}.console .ln .ok{color:var(--str)}.console .ln .path{color:var(--kw)}.contact-obj{margin-top:24px}.contact-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.chip{font-size:12.5px;padding:13px 18px;border:1px solid var(--line);border-radius:4px;color:var(--dim);transition:all .2s}.chip:hover{border-color:var(--fn);color:var(--fn)}.chip .k{color:var(--tag)}.resume-embed-wrap{margin-top:24px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel);max-width:820px}.resume-embed-wrap iframe{width:100%;height:70vh;min-height:420px;border:0;display:block;background:#fff}.resume-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.statusbar{height:26px;background:var(--kw);color:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;font-weight:600;flex-shrink:0}.statusbar .left,.statusbar .right{display:flex;gap:18px}@media (max-width:600px){.statusbar .left span:nth-child(n+3){display:none}}.glow-orb{position:fixed;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(199,146,234,.12),transparent 70%);pointer-events:none;z-index:0}.glow-orb-2{position:fixed;bottom:-15%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(79,214,192,.1),transparent 70%);pointer-events:none;z-index:0}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:200;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);opacity:.5}.scene3d-mount{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%)}.scene3d-mount canvas{display:block}.hero-split{display:grid;grid-template-columns:1fr minmax(340px,26vw);gap:48px;align-items:start}@media (max-width:960px){.hero-split{grid-template-columns:1fr}}.preview-panel{position:sticky;top:60px;perspective:900px}@media (max-width:960px){.preview-panel{position:static;margin-top:8px}}.preview-frame-label{font-size:11px;color:var(--dim-2);letter-spacing:.08em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.preview-frame-label:before{content:"\25c9";color:var(--str);font-size:9px}.preview-card{position:relative;border-radius:12px;padding:2px;background:conic-gradient(from var(--spin,0deg),var(--kw),var(--str),var(--fn),var(--tag),var(--kw));animation:spin 6s linear infinite;transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .25s ease-out;box-shadow:0 20px 50px #00000059;will-change:transform}@property --spin{syntax:"<angle>"; inherits:false; initial-value:0deg;}@keyframes spin{to{--spin:360deg}}.preview-card-inner{background:var(--panel);border-radius:11px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateZ(20px)}.avatar-frame{width:132px;height:132px;border-radius:50%;position:relative;margin-bottom:20px;background:var(--panel-2);border:1px dashed var(--dim-2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-frame img{width:100%;height:100%;object-fit:cover;display:none}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--dim-2);padding:14px}.avatar-placeholder .icon{font-size:26px;color:var(--dim)}.avatar-placeholder .txt{font-size:9.5px;line-height:1.5;letter-spacing:.02em}.avatar-placeholder .txt code{color:var(--str)}.preview-card-inner h3{font-family:Inter,sans-serif;font-size:19px;font-weight:700;color:var(--text);margin-bottom:4px}.preview-card-inner .ptitle{font-size:12px;color:var(--kw);margin-bottom:16px}.preview-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.badge{font-size:10.5px;padding:5px 10px;border-radius:20px;background:var(--panel-2);color:var(--dim);border:1px solid var(--line)}.badge.live{color:var(--str);border-color:#4fd6c059}.badge.live:before{content:"\25cf";margin-right:5px;font-size:8px}.preview-socials{display:flex;gap:10px}.preview-socials a{width:34px;height:34px;border-radius:6px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:14px;transition:all .2s}.preview-socials a:hover{border-color:var(--fn);color:var(--fn);transform:translateY(-2px)}.typewriter-line{overflow:hidden;white-space:nowrap;max-width:100%}@media (max-width:1024px){.code-content{padding:30px 5vw 30px 20px}}@media (max-width:820px){.linenos{width:34px;padding:28px 8px 28px 0;font-size:11px}.code-content{padding:26px 5vw 26px 14px}.hero-headline{font-size:clamp(1.6rem,6vw,2.6rem)}.hero-code{font-size:13px}}@media (max-width:600px){.linenos{display:none}.code-content{padding:22px 5vw}.hero-code{font-size:11.5px;line-height:1.7}.hero-code .indent{padding-left:14px}.hero-sub{font-size:14px}.avatar-frame{width:100px;height:100px}.preview-card-inner{padding:22px 18px}.brew-controls{gap:10px}.brew-field input,.brew-field select{width:90px}.brew-timer-row{flex-wrap:wrap}.brew-output{grid-template-columns:repeat(2,1fr)}.cmdk-hint{font-size:10.5px}.cmdk-hint kbd{font-size:9px}}@media (max-width:400px){.cmdk-hint{padding:5px 8px}.brew-output{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.preview-card{animation:none;background:var(--kw)}}.cmdk-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim-2);border:1px solid var(--line);padding:5px 10px;border-radius:4px;cursor:pointer;transition:all .2s;background:var(--panel)}.cmdk-hint:hover{border-color:var(--kw);color:var(--kw)}.theme-swatches{display:flex;gap:7px}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--text)}@media (max-width:720px){.theme-swatches{display:none}}.cmdk-hint kbd{font-family:inherit;background:var(--panel-2);padding:1px 5px;border-radius:3px;font-size:10px;border:1px solid var(--line)}.cmdk-overlay{position:fixed;inset:0;background:#05040cb8;backdrop-filter:blur(3px);z-index:500;display:none;align-items:flex-start;justify-content:center;padding-top:14vh}.cmdk-overlay.open{display:flex}.cmdk-box{width:min(560px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 60px #00000080;overflow:hidden}.cmdk-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.cmdk-input-row .prompt{color:var(--str)}#cmdkInput{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:14px}#cmdkInput::placeholder{color:var(--dim-2)}.cmdk-list{max-height:280px;overflow-y:auto}.cmdk-item{display:flex;justify-content:space-between;padding:11px 16px;font-size:13px;color:var(--dim);cursor:pointer}.cmdk-item .name{color:var(--text)}.cmdk-item .name .kw{color:var(--kw)}.cmdk-item.selected{background:var(--panel-2)}.cmdk-item .hint{color:var(--dim-2);font-size:11px}.cmdk-footer{padding:9px 16px;border-top:1px solid var(--line);font-size:10.5px;color:var(--dim-2);display:flex;gap:14px}.toast{position:fixed;bottom:44px;left:50%;transform:translate(-50%) translateY(20px);background:var(--panel);border:1px solid var(--kw);color:var(--text);padding:12px 20px;border-radius:6px;font-size:12.5px;z-index:600;opacity:0;transition:all .3s ease;pointer-events:none;box-shadow:0 10px 30px #0006}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast .k{color:var(--str)}#matrixCanvas{position:fixed;inset:0;z-index:300;pointer-events:none;opacity:0;transition:opacity .4s}#matrixCanvas.show{opacity:.85}section[id],#brew{scroll-margin-top:56px}.brew-tool,.tool-card{margin-top:30px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:22px 24px;max-width:640px}.brew-tool .comment-header,.tool-card .comment-header{margin-bottom:14px}.brew-mode-toggle{display:flex;gap:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;width:fit-content;height:39px}.brew-mode-btn{font-family:inherit;font-size:12.5px;padding:9px 18px;background:var(--panel-2);border:none;color:var(--dim);cursor:pointer;transition:all .2s}.brew-mode-btn.active{background:var(--kw);color:var(--bg);font-weight:700}.brew-mode-btn:first-child{border-right:1px solid var(--line)}.brew-note{font-size:11.5px;color:var(--dim-2);margin:-8px 0 16px;font-style:italic}.brew-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:20px}.brew-field{display:flex;flex-direction:column;gap:6px}.brew-field label{font-size:11px;color:var(--dim-2);letter-spacing:.05em}.brew-field input,.brew-field select{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:4px;font-family:inherit;font-size:13px;width:110px}.brew-field input:focus,.brew-field select:focus{outline:none;border-color:var(--kw)}.brew-output{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.brew-stat{background:var(--panel-2);border-radius:5px;padding:14px;text-align:center}.brew-stat .num{font-size:22px;color:var(--str);font-weight:700}.brew-stat .lbl{font-size:10.5px;color:var(--dim-2);margin-top:4px;letter-spacing:.04em}.brew-timer-row{display:flex;align-items:center;gap:14px}.brew-timer-btn{font-size:12px;padding:10px 18px;border-radius:4px;border:1px solid var(--fn);color:var(--fn);background:transparent;cursor:pointer;font-family:inherit;transition:all .2s}.brew-timer-btn:hover{background:var(--fn);color:var(--bg)}.brew-timer-btn:disabled{opacity:.4;cursor:default;background:transparent;color:var(--dim-2);border-color:var(--line)}.brew-timer-display{font-size:20px;color:var(--tag);min-width:64px}.brew-bar{flex:1;height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden}.brew-bar-fill{height:100%;width:0%;background:var(--tag);transition:width 1s linear}