:root{--bg: #050816;--panel: rgba(8, 17, 34, .72);--line: rgba(79, 209, 255, .18);--fg: #4fd1ff;--fg-soft: rgba(79, 209, 255, .8);--fg-dim: rgba(79, 209, 255, .52);--text: rgba(225, 244, 255, .92);--text-soft: rgba(225, 244, 255, .8);--glow: rgba(79, 209, 255, .18)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);font-family:JetBrains Mono,IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body{color:var(--fg)}a{color:inherit}.inline-block{display:inline-block}.ml-0_5{margin-left:.125rem}.opacity-60{opacity:.6}.terminal-cursor{animation:blink 1s step-end infinite}.terminal-home-link{color:var(--fg);text-decoration:none}.terminal-home-link:hover{text-decoration:underline;opacity:.9}.terminal-breadcrumb{font-size:1.05rem;opacity:.82;margin-bottom:18px;display:flex;align-items:center;gap:4px;width:fit-content;position:relative;z-index:50}.terminal-path-dropdown{position:relative;display:inline-flex;align-items:center}.terminal-path-current{color:var(--fg)}.terminal-path-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:140px;padding:8px;border-radius:12px;border:1px solid rgba(79,209,255,.16);background:#081122f5;box-shadow:0 10px 24px #00000047;display:grid;gap:4px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:60}.terminal-path-dropdown:hover .terminal-path-menu,.terminal-path-dropdown:focus-within .terminal-path-menu{opacity:1;visibility:visible;transform:translateY(0)}.terminal-path-item{color:var(--fg-soft);text-decoration:none;padding:6px 8px;border-radius:8px;font-size:.88rem}.terminal-path-item:hover{background:#4fd1ff14;color:var(--fg)}.home-shell{min-height:100vh;width:100%;background:radial-gradient(circle at top left,rgba(79,209,255,.08),transparent 28%),linear-gradient(180deg,#ffffff04,#fff0),var(--bg)}.home-inner{width:100%;padding:24px 40px 32px}.home-cursorline,.home-command{color:var(--fg);text-shadow:0 0 10px var(--glow);font-size:1.05rem}.home-grid{display:grid;min-height:calc(100vh - 64px);grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.canvas-wrap{width:fit-content}.terminal-canvas{display:block;background:transparent}.home-nav-items{display:grid;gap:14px;margin-top:20px}.home-nav-link{display:block;width:fit-content;color:#4fd1ffe6;text-decoration:none;font-size:clamp(1.25rem,3vw,3rem);transition:transform .16s ease,color .16s ease}.home-nav-link:hover{transform:translate(6px);color:#7fddff}.home-nav-index{color:var(--fg-dim);margin-right:12px}@media (max-width: 768px) and (orientation: portrait){.home-inner{padding:20px 20px 28px}.home-grid{position:relative;display:block;min-height:calc(100vh - 48px)}.home-flame-wrap{position:absolute;top:0;right:0;transform:scale(.2);transform-origin:top right;width:fit-content;z-index:1}.home-nav{position:relative;z-index:2;min-height:calc(100vh - 48px);display:flex;flex-direction:column;justify-content:center;align-items:center}.home-command{text-align:center}.home-nav-items{justify-items:center;gap:18px;margin-top:18px}.home-nav-link{width:auto;text-align:center;font-size:clamp(1.35rem,7vw,2.2rem)}}.content-shell,.about-shell,.projects-shell{min-height:100vh;width:100%;background:radial-gradient(circle at top left,rgba(79,209,255,.07),transparent 28%),var(--bg);padding:32px}.content-container,.about-container,.projects-container{max-width:900px;margin:0 auto}.content-header{margin-bottom:24px}.content-title{font-size:clamp(2rem,4vw,3rem);margin:0 0 8px;letter-spacing:-.02em}.content-subtitle{opacity:.7}.content-download-wrap{margin-bottom:32px}.content-download{display:inline-block;border:1px solid var(--fg);padding:10px 16px;text-decoration:none;transition:background .16s ease,color .16s ease;box-shadow:0 0 12px #4fd1ff14}.content-download:hover{background:var(--fg);color:#000}.content-section{margin-bottom:32px}.content-section-title{display:flex;align-items:center;gap:6px;margin-bottom:10px;opacity:.8;font-size:1.1rem}.content-section-body{padding-left:16px;border-left:1px solid rgba(79,209,255,.3)}.content-paragraph{margin:0;line-height:1.8;color:var(--text)}.content-item{margin-bottom:18px}.content-item-top{display:flex;flex-direction:column;gap:4px}.content-item-title{color:#7fddff;font-weight:600}.content-item-date{color:#e1f4ff99;font-size:.95rem}.content-item-body{margin-top:6px;line-height:1.7;color:#e1f4ffd9}.content-list{margin:0;padding-left:0;list-style:none;color:var(--text);line-height:1.8}.content-footer,.blog-footer,.about-footer,.projects-footer{margin-top:24px;opacity:.7}.content-back-link,.blog-back-link,.about-back-link,.projects-back-link,.blog-archive-link{color:var(--fg);text-decoration:none}.content-back-link:hover,.blog-back-link:hover,.about-back-link:hover,.projects-back-link:hover,.blog-archive-link:hover{text-decoration:underline}.about-block{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.about-section{margin-bottom:28px}.about-title{margin-bottom:10px;opacity:.75}.about-content{color:var(--text);line-height:1.8}.about-list{margin:10px 0 10px 18px;color:var(--text-soft)}.projects-panel{border-radius:18px;border:1px solid rgba(79,209,255,.2);background:#081122b8;padding:28px;box-shadow:0 0 0 1px #4fd1ff08,0 10px 30px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.projects-status{margin-bottom:12px;font-size:1.1rem;opacity:.8}.projects-copy{margin:0;color:var(--text);line-height:1.8}.blog-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(79,209,255,.07),transparent 28%),linear-gradient(180deg,#ffffff04,#fff0),var(--bg);color:var(--fg);padding:32px}.blog-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}.blog-sidebar-card,.blog-post-frame{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 0 0 1px #4fd1ff08,0 10px 30px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blog-sidebar{position:sticky;top:24px;display:grid;gap:16px}.blog-sidebar-label,.blog-kicker,.blog-meta-row{color:var(--fg-dim);font-size:.85rem;letter-spacing:.02em}.blog-sidebar-title,.blog-list-card-title{color:var(--fg);font-size:1.05rem;margin:10px 0 8px;line-height:1.4;text-align:left}.blog-sidebar-meta,.blog-sidebar-summary,.blog-archive-item,.blog-list-card-summary{color:var(--text-soft);font-size:.9rem;line-height:1.7;text-align:left}.blog-archive-item{padding:6px 0;border-top:1px solid rgba(79,209,255,.08)}.blog-archive-item.active{color:var(--fg)}.blog-archive-link{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 0 0}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.blog-tags-inline{margin-top:14px}.blog-tag{border:1px solid rgba(79,209,255,.22);color:var(--fg-soft);padding:4px 8px;border-radius:999px;font-size:.78rem}.blog-main{min-width:0}.blog-post-frame{padding:28px 32px}.blog-meta-row{display:flex;gap:18px;margin:10px 0 24px}.blog-list-title,.blog-h1{color:var(--fg);font-size:2rem;line-height:1.2;margin:0 0 22px;letter-spacing:-.02em}.blog-list-intro{margin:0 0 24px;line-height:1.8;color:var(--text-soft);max-width:70ch}.blog-list{display:grid;gap:14px}.blog-list-card-link{text-decoration:none}.blog-list-card{width:100%;background:#4fd1ff08;border:1px solid rgba(79,209,255,.14);border-radius:16px;padding:16px 18px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.blog-list-card:hover{transform:translateY(-1px);border-color:#4fd1ff47;background:#4fd1ff0d}.blog-list-card-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.blog-article{color:var(--text);max-width:72ch}.blog-h2{color:var(--fg);font-size:1.15rem;margin:30px 0 12px}.blog-h3{color:var(--fg-soft);font-size:1rem;margin:24px 0 10px}.blog-paragraph{margin:0 0 16px;line-height:1.85;color:var(--text);font-size:.98rem}.blog-blockquote{margin:22px 0;padding:14px 16px;border-left:2px solid rgba(79,209,255,.36);background:#4fd1ff0a;color:var(--text-soft);line-height:1.8}.blog-codeblock{margin:20px 0;padding:16px 18px;overflow-x:auto;border-radius:14px;border:1px solid rgba(79,209,255,.16);background:#0000003d;color:#c7f0ff;line-height:1.65;font-size:.9rem}.blog-post-nav{margin-top:36px;padding-top:18px;border-top:1px solid rgba(79,209,255,.12)}.blog-post-nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.blog-post-nav-link{color:var(--fg);text-decoration:none;font-size:.9rem;opacity:.8}.blog-post-nav-link:hover{text-decoration:underline;opacity:1}@media (max-width: 960px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}