:root{--mono:"JetBrains Mono", "Courier New", monospace;--sans:"Inter", sans-serif;--display:"Space Grotesk", sans-serif;--bg:#282c34;--chrome:#21252b;--panel:#2c313c;--raise:#333a46;--border:#3b414d;--border-soft:#2f343f;--text:#d7dae0;--body:#a6acb8;--muted:#7f8694;--faint:#545b68;--selection:#c078dc33;--tok-key:#ba7bd4;--tok-fn:#61afef;--tok-str:#98c379;--tok-num:#d19a66;--tok-tag:#e06c75;--accent:#ba7bd4;--accent-dim:#ba7bd429;--shadow:0 10px 32px #0006;--r:10px}[data-theme=light]{--bg:#fafafa;--chrome:#eaeaeb;--panel:#fff;--raise:#f0f0f1;--border:#dcdcdd;--border-soft:#ebebec;--text:#2a2d34;--body:#4f5560;--muted:#8a8f99;--faint:#bcc0c8;--selection:#9050c824;--tok-key:#9050c8;--tok-fn:#4078f2;--tok-str:#50a14f;--tok-num:#c18401;--tok-tag:#e45649;--accent:#9050c8;--accent-dim:#9050c81a;--shadow:0 10px 28px #282c341a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;transition:background .25s,color .25s}#root{height:100%}::selection{background:var(--selection)}a{color:var(--tok-fn);text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:99px}.ide{grid-template-rows:44px 1fr 28px;height:100vh;display:grid;overflow:hidden}.ide-main{grid-template-columns:248px 1fr;min-height:0;display:grid}.titlebar{background:var(--chrome);border-block-end:1px solid var(--border);font-family:var(--mono);color:var(--muted);align-items:center;gap:14px;padding-inline:16px;font-size:12px;display:flex}.traffic{gap:7px;display:flex}.traffic span{background:var(--border);border-radius:50%;width:11px;height:11px}.traffic span:first-child{background:#ff5f57}.traffic span:nth-child(2){background:#febc2e}.traffic span:nth-child(3){background:#28c840}.titlebar-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.titlebar-actions{align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--border);font-family:var(--mono);color:var(--body);background:var(--panel);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 11px;font-size:11px;display:inline-flex}.live-dot{background:var(--tok-str);vertical-align:middle;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pill .dot{background:var(--tok-str);border-radius:50%;width:6px;height:6px}@media (prefers-reduced-motion:no-preference){.live-dot,.pill .dot{animation:2.2s ease-in-out infinite tl-glow}}.icon-btn{border:1px solid var(--border);background:var(--panel);block-size:28px;inline-size:28px;color:var(--body);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:13px;transition:border-color .15s,color .15s;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.sidebar{background:var(--chrome);border-inline-end:1px solid var(--border);min-height:0;font-family:var(--mono);flex-direction:column;display:flex}.sidebar-head{letter-spacing:.14em;color:var(--muted);padding:14px 18px 8px;font-size:10.5px}.tree{flex:1;padding:0 8px 12px;overflow-y:auto}.tree-item{text-align:start;inline-size:100%;font-family:var(--mono);color:var(--body);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:6px 10px;font-size:12.5px;transition:background .12s,color .12s;display:flex}.tree-item:hover{background:var(--raise);color:var(--text)}.tree-item.active{background:var(--accent-dim);color:var(--accent)}.tree-item .file-ico{text-align:center;opacity:.85;justify-content:center;align-items:center;inline-size:15px;font-size:11px;display:inline-flex}.tree-item--dir{cursor:default;gap:0;padding:0}.tree-caret-btn{all:unset;cursor:pointer;border-radius:7px 0 0 7px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 4px 6px 10px;display:inline-flex}.tree-dir-label{all:unset;cursor:pointer;font-family:var(--mono);color:var(--body);border-radius:0 7px 7px 0;flex:1;align-items:center;gap:9px;min-inline-size:0;padding:6px 10px 6px 5px;font-size:12.5px;display:inline-flex}.tree-dir-label:hover{color:var(--text)}.tree-group-wrap{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.tree-group-wrap.open{grid-template-rows:1fr}.tree-group-wrap>.tree-group{overflow:hidden}.tree-group{border-inline-start:1px solid var(--border);margin-inline-start:17px}.tree-group .tree-item{inline-size:100%;padding-inline-start:21px}.tree-caret{inline-size:10px;color:var(--muted);transform-origin:50%;justify-content:center;align-items:center;font-size:9px;transition:transform .15s;display:inline-flex}.tree-caret.open{transform:rotate(90deg)}.sidebar-foot{border-block-start:1px solid var(--border-soft);align-items:center;gap:8px;padding:12px 16px;display:flex}.soc-btn{border:1px solid var(--border);block-size:28px;inline-size:28px;color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;font-size:10px;transition:border-color .15s,color .15s;display:inline-flex}.soc-btn:hover{border-color:var(--accent);color:var(--accent)}.editor{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.tabbar{background:var(--chrome);border-block-end:1px solid var(--border);scrollbar-width:none;flex:none;align-items:stretch;height:38px;display:flex;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tab{cursor:pointer;color:var(--muted);font-family:var(--mono);border:none;border-inline-end:1px solid var(--border-soft);white-space:nowrap;background:0 0;border-block-start:2px solid #0000;align-items:center;gap:8px;padding-inline:14px 8px;font-size:12px;transition:color .12s;display:flex}.tab.active{background:var(--bg);color:var(--text);border-block-start-color:var(--accent)}.tab:hover{color:var(--text)}.tab-x{color:#0000;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;block-size:16px;inline-size:16px;padding:0;font-size:11px;display:inline-flex}.tab:hover .tab-x,.tab.active .tab-x{color:var(--muted)}.tab-x:hover{background:var(--raise);color:var(--text)}.editor-scroll{background-image:radial-gradient(circle, color-mix(in srgb, var(--border) 60%, var(--border-soft)) 1px, transparent 1px);background-size:22px 22px;flex:1;min-height:0;position:relative}.tab-panel{display:none}.tab-panel--active{display:block;position:absolute;inset:0;overflow-y:auto}.page{max-inline-size:880px;margin-inline:auto;padding:56px 48px 90px}.crumb{font-family:var(--mono);color:var(--faint);margin-block-end:28px;font-size:11.5px}.crumb b{color:var(--muted);font-weight:500}.statusbar{background:var(--chrome);border-block-start:1px solid var(--border);font-family:var(--mono);color:var(--muted);white-space:nowrap;align-items:center;gap:18px;padding-inline:14px;font-size:11px;display:flex;overflow:hidden}.sb-item{align-items:center;gap:6px;display:inline-flex}.sb-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.sb-btn:hover{background:var(--raise);color:var(--text)}.sb-spacer{flex:1}.sb-open{color:var(--tok-str)}.term{border-block-start:1px solid var(--border);background:var(--panel);font-family:var(--mono);flex-direction:column;flex:none;height:240px;min-height:0;font-size:12.5px;display:flex}.term-head{border-block-end:1px solid var(--border-soft);color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:6px 14px;font-size:11px;display:flex}.term-body{flex:1;padding:10px 14px;overflow-y:auto}.term-line{white-space:pre-wrap;word-break:break-word;color:var(--body);line-height:1.7}.term-line .prompt{color:var(--tok-str)}.term-input-row{align-items:center;gap:8px;padding:4px 14px 10px;display:flex}.term-input{color:var(--text);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.h-display{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.05}.md-h1{font-family:var(--display);letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-weight:700}.md-h2{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);align-items:center;gap:10px;margin:44px 0 16px;font-size:13px;font-weight:500;display:flex}.md-h2:after{content:"";background:var(--border-soft);flex:1;height:1px}.md-p{color:var(--body);text-wrap:pretty;max-inline-size:72ch;margin:0 0 14px}.badge{font-family:var(--mono);border:1px solid var(--border);color:var(--body);background:var(--panel);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;display:inline-flex}.badge i{color:var(--tok-num);font-style:normal}.chip{font-family:var(--mono);background:var(--raise);border:1px solid var(--border-soft);color:var(--body);border-radius:99px;align-items:center;padding:2px 10px;font-size:11px;display:inline-flex}.btn{font-family:var(--mono);cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn.primary:hover{filter:brightness(1.1)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:20px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px;display:grid}.skill-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:13px;padding:13px 15px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.skill-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.skill-icon{background:var(--raise);border:1px solid var(--border);border-radius:11px;flex:none;justify-content:center;align-items:center;block-size:44px;inline-size:44px;transition:transform .2s;display:flex}.skill-card:hover .skill-icon{transform:scale(1.09)rotate(-3deg)}.skill-icon img{block-size:26px;inline-size:26px}[data-theme=dark] .skill-icon.mono img{filter:invert()brightness(1.7)grayscale(.25)}.skill-mono{font-family:var(--display);color:var(--text);font-size:19px;font-weight:700}.skill-body{flex-direction:column;flex:1;gap:4px;min-inline-size:0;display:flex}.skill-name{font-family:var(--mono);color:var(--text);font-size:12.5px;line-height:1.25}.skill-cat{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:10px}.profile-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items:stretch;gap:22px;margin-block-start:10px;padding:18px;display:flex}.profile-meta{flex-direction:column;flex:1;gap:11px;min-inline-size:250px;display:flex}.docstring{border-inline-start:2px solid var(--accent);color:var(--body);margin-block:4px 0;padding:2px 0 2px 18px}.edu-mono{block-size:56px;inline-size:56px;font-family:var(--display);background:var(--accent-dim);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex}.lang-row-grid{grid-template-columns:72px 1fr 56px;align-items:center;gap:14px;display:grid}.profile-facts{font-family:var(--mono);border-block-start:1px solid var(--border);grid-template-columns:1fr 1fr;gap:7px 18px;margin-block-start:2px;padding-block-start:12px;font-size:12px;display:grid}.profile-facts .k{color:var(--muted)}.lang-section{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:14px;display:grid}.about-stat-row{border-block-end:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;gap:12px;padding-block:8px;display:flex}.about-stat-row:last-child{border-block-end:none}.about-stat-num{font-family:var(--display);color:var(--accent);font-size:23px;font-weight:700}.about-stat-lbl{font-family:var(--mono);color:var(--muted);font-size:11px}.code-block{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);font-family:var(--mono);padding:18px 0;font-size:12.5px;line-height:1.75;overflow-x:auto}.code-line{gap:18px;padding-inline:18px;display:flex}.code-line:hover{background:var(--raise)}.line-no{color:var(--faint);text-align:end;-webkit-user-select:none;user-select:none;flex:none;inline-size:22px}.tok-key{color:var(--tok-key)}.tok-fn{color:var(--tok-fn)}.tok-str{color:var(--tok-str)}.tok-num{color:var(--tok-num)}.tok-tag{color:var(--tok-tag)}.tok-mut{color:var(--muted)}.cursor-blink{background:color-mix(in srgb, var(--tok-fn) 50%, transparent);vertical-align:text-bottom;block-size:1.15em;inline-size:9px;margin-inline-start:3px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.reveal{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.reveal.is-in{animation:.5s backwards reveal-rise}.reveal.is-in.d1{animation-delay:90ms}.reveal.is-in.d2{animation-delay:.14s}.reveal.is-in.d3{animation-delay:.2s}.reveal.is-in.d4{animation-delay:.26s}}@keyframes reveal-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lang-fill{transition:inline-size .95s cubic-bezier(.22,.7,.2,1)}.lvl-dot{transition:transform .3s;transform:scale(0)}.lvl-dot--revealed{transform:scale(1)}.tl-dot{transition:background .2s}@media (prefers-reduced-motion:no-preference){.tl-dot.current{animation:2.2s ease-in-out infinite tl-glow}}@keyframes tl-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tok-str) 55%, transparent), 0 0 6px 1px color-mix(in srgb, var(--tok-str) 45%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--tok-str) 0%, transparent), 0 0 13px 3px color-mix(in srgb, var(--tok-str) 70%, transparent)}}.pill--live{color:#f44;border-color:#ff44448c}.pill--live .dot{background:#f44}@media (prefers-reduced-motion:no-preference){.pill--live .dot{animation:2.2s ease-in-out infinite live-glow}}@keyframes live-glow{0%,to{box-shadow:0 0 #ff44448c,0 0 6px 1px #ff444473}50%{box-shadow:0 0 0 6px #0000,0 0 13px 3px #ff4444b3}}.proj-grid-mobile{flex-direction:column;gap:14px;display:none}.proj-grid{align-items:flex-start;gap:14px;display:flex}.proj-col{flex-direction:column;flex:1;gap:14px;display:flex}.proj-grid .card{margin-block-end:0}.proj-ls-row{inline-size:100%;color:inherit;cursor:pointer;font:inherit;text-align:start;border:none;background:0 0;border-block-end:1px solid #0000;align-items:baseline;gap:0;padding:3px 0;display:flex}.proj-ls-row:hover{border-block-end-color:var(--proj-hover-color,var(--border-soft))}.proj-ls-row:hover .tok-str{color:var(--proj-hover-color,var(--tok-str))}.proj-ls-desc{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.proj-card{cursor:pointer;padding:0;transition:border-color .15s;overflow:hidden}.proj-card:hover{border-color:var(--proj-hover-color,var(--border))}.proj-card--featured{border-color:color-mix(in srgb, var(--proj-hover-color,var(--accent)) 40%, var(--border));background:color-mix(in srgb, var(--proj-hover-color,var(--accent)) 6%, var(--panel))}.proj-card--featured:hover{border-color:var(--proj-hover-color,var(--accent))}.proj-split-img{-o-object-fit:cover;object-fit:cover;border-inline-end:1px solid var(--border);block-size:100%;min-block-size:260px;inline-size:100%;display:block}.proj-preview-img{border-block-end:1px solid var(--border);inline-size:100%;display:block}.proj-logo-area{background:var(--raise);border-block-end:1px solid var(--border);justify-content:center;align-items:center;block-size:140px;display:flex}.proj-logo-img{-o-object-fit:contain;object-fit:contain;border-radius:14px;block-size:68px;inline-size:68px}.proj-empty-area{background:var(--raise);border-block-end:1px solid var(--border);block-size:120px;color:var(--faint);font-family:var(--mono);justify-content:center;align-items:center;font-size:12px;display:flex}.proj-card-body{flex-direction:column;gap:9px;padding:16px 18px;display:flex}.proj-card--split .proj-card-body{justify-content:center}.proj-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.proj-card-header-title{flex-shrink:0;align-items:center;gap:8px;display:flex}.proj-card-header-meta{align-items:center;gap:8px;display:flex}.proj-dot{border-radius:50%;flex-shrink:0;block-size:9px;inline-size:9px}.proj-logo-pill{-o-object-fit:contain;object-fit:contain;border-radius:6px;flex-shrink:0;block-size:28px;inline-size:28px}.proj-name{font-family:var(--display);font-weight:600}.proj-period{color:var(--muted);font-family:var(--mono);white-space:nowrap;margin-inline-start:auto;font-size:11.5px}.proj-desc{-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:13.5px;display:-webkit-box;overflow:hidden}.proj-tags{flex-wrap:wrap;gap:6px;display:flex}.contact-grid{grid-template-columns:minmax(220px,1fr) 1.7fr;gap:16px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-field{font-family:var(--mono);color:var(--muted);gap:5px;font-size:11.5px;display:grid}.contact-input{background:var(--raise);border:1px solid var(--border);color:var(--text);font-family:var(--sans);resize:none;border-radius:8px;outline:none;width:100%;padding:10px 13px;font-size:14px;transition:border-color .15s}.contact-input:focus{border-color:var(--accent)}.contact-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--raise) inset;-webkit-text-fill-color:var(--text)}.contact-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--raise) inset;-webkit-text-fill-color:var(--text)}.contact-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--raise) inset;-webkit-text-fill-color:var(--text)}@media (width<=760px){.skills-view-toggle{display:none!important}.typewriter-line{font-size:14px!important}.profile-facts{grid-template-columns:1fr}.profile-stats{display:none!important}.profile-card img{block-size:200px!important;inline-size:100%!important;width:100%!important}.profile-meta{min-inline-size:0}.proj-grid-mobile{display:flex}.proj-grid-desktop{display:none}.contact-grid,.field-row{grid-template-columns:1fr}.page{padding:32px 20px 70px}}@media (width<=640px){.lang-section{grid-template-columns:1fr}}.mob-shell{background:var(--bg);grid-template-rows:auto 1fr auto;height:100dvh;display:grid}.mob-head{background:var(--chrome);border-block-end:1px solid var(--border);font-family:var(--mono);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.mob-body{background-image:radial-gradient(circle, color-mix(in srgb, var(--border) 60%, var(--border-soft)) 1px, transparent 1px);background-size:22px 22px;min-height:0;overflow-y:auto}.mob-body .page{padding:28px 20px 60px}.mob-tabbar{background:var(--chrome);border-block-start:1px solid var(--border);padding:6px 8px calc(10px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;display:grid}.mob-tab{cursor:pointer;font-family:var(--mono);color:var(--muted);background:0 0;border:none;border-radius:9px;flex-direction:column;align-items:center;gap:3px;min-block-size:48px;padding:7px 4px;font-size:10px;display:flex}.mob-tab.active{color:var(--accent);background:var(--accent-dim)}.editor-empty{block-size:100%;font-family:var(--mono);color:var(--faint);justify-content:center;align-items:center;font-size:13px;display:flex}.project-img-clickable{cursor:zoom-in}.lightbox-backdrop{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}[data-theme=light] .lightbox-backdrop{background:#000c}.lightbox-img{-o-object-fit:contain;object-fit:contain;border-radius:10px;max-block-size:75vh;inline-size:52%}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;block-size:36px;inline-size:36px;display:flex;position:absolute;inset-block-start:16px;inset-inline-end:16px}.lightbox-close:hover{background:#ffffff29}