*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll;font-size:16px;scroll-behavior:smooth;transition:var(--transition-theme)}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--transition-slow),color var(--transition-slow);margin:0;padding-top:var(--nav-height)}main{min-height:calc(100vh - var(--nav-height));padding-bottom:calc(var(--nav-height) + var(--space-12))}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#stars{display:none;position:fixed;inset:0;z-index:var(--z-stars);pointer-events:none;overflow:hidden}.space-theme #stars{display:block}nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--nav-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding);height:var(--nav-height);transition:background var(--transition-slow),border-color var(--transition-slow);animation:fadeIn .6s ease both}.nav-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.nav-logo img.icon{height:40px;width:40px;object-fit:contain}.nav-logo img.wordmark{width:136px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none;position:absolute;left:50%;transform:translateX(-50%)}.nav-links a{font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);transition:color var(--transition-base)}.nav-links a.active,.nav-links a:hover{color:var(--color-text-primary)}.nav-links a.active{border-bottom:1.5px solid var(--color-orange);padding-bottom:2px}.nav-right{display:flex;align-items:center;gap:var(--space-4)}.nav-right>*{display:flex;align-items:center;height:32px}.nav-badge{font-family:var(--font-mono);font-size:var(--text-badge);color:var(--badge-color);background:var(--badge-bg);border:1px solid var(--badge-border);padding:4px 12px;border-radius:var(--radius-pill);transition:var(--transition-theme)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:0 0;cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base);color:var(--color-text-tertiary)}.theme-toggle-btn:hover{border-color:var(--color-orange);color:var(--color-orange)}.theme-toggle-btn svg{width:14px;height:14px;pointer-events:none;stroke:currentColor}.theme-toggle-btn .icon-moon{display:block}.theme-toggle-btn .icon-sun{display:none}.space-theme .theme-toggle-btn .icon-moon{display:none}.space-theme .theme-toggle-btn .icon-sun{display:block}.page-wrap{padding-top:var(--nav-height)}.section-inner{max-width:var(--page-max);margin:0 auto;padding:var(--space-16) var(--page-padding)}.section-label{font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.full-divider{border:none;border-top:1px solid var(--color-rule);margin:0;transition:border-color var(--transition-slow)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--btn-primary-bg);color:var(--btn-primary-color);font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:12px 24px;border-radius:var(--radius-md);text-decoration:none;border:none;cursor:pointer;transition:background var(--transition-base),transform var(--transition-base);white-space:nowrap}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);background:0 0;color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:11px 23px;border-radius:var(--radius-md);border:1px solid var(--color-rule);text-decoration:none;cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),transform var(--transition-base);white-space:nowrap}.btn-outline:hover{border-color:var(--color-purple);color:var(--color-text-primary);transform:translateY(-1px)}.live-indicator{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-tertiary)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-green);animation:livepulse 2s ease-in-out infinite;flex-shrink:0}@keyframes livepulse{0%,100%{box-shadow:0 0 0 0 var(--color-green-glow)}50%{box-shadow:0 0 0 5px transparent}}.code-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition-theme),box-shadow var(--transition-base)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--card-border);background:var(--code-header-bg);transition:background var(--transition-slow),border-color var(--transition-slow)}.space-theme .code-header{background:rgba(0,0,0,.75)}.code-dots{display:flex;gap:6px}.code-dots span{width:12px;height:12px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#ffbd2e}.dot-g{background:#28c840}.code-filename{font-family:var(--font-mono);font-size:var(--text-badge);color:var(--code-header-text)}.code-lang{font-family:var(--font-mono);font-size:10px;color:var(--color-orange);background:var(--color-orange-soft);padding:2px 8px;border-radius:var(--radius-sm);transition:var(--transition-theme)}.code-body{padding:var(--space-6);font-family:var(--font-mono);font-size:var(--text-code);line-height:2;color:var(--color-text-secondary);overflow-x:auto;white-space:pre}.ln{color:var(--code-ln);user-select:none;margin-right:20px;display:inline-block;width:16px;text-align:right}.kw{color:var(--code-kw);font-weight:500}.cl{color:var(--code-cl)}.fn{color:var(--code-fn)}.st{color:var(--code-st)}.cm{color:var(--code-cm);font-style:italic}.dc{color:var(--code-dc)}.cursor{display:inline-block;width:2px;height:14px;background:var(--color-purple);margin-left:2px;vertical-align:middle;animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}footer{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);border-top:1px solid var(--color-rule);background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding:0 var(--page-padding);z-index:var(--z-nav)}.footer-logo{display:flex;align-items:center;gap:var(--space-2)}.footer-logo img.logo-text{height:10px;width:auto;object-fit:contain}.footer-logo img.logo-icon{height:10px;width:auto;object-fit:contain}.footer-version{font-size:.55rem;color:#888}.footer-nav{display:flex;align-items:center;gap:var(--space-6);list-style:none}.footer-nav a{font-family:var(--font-mono);font-size:var(--text-badge);color:var(--color-text-tertiary);transition:color var(--transition-base)}.footer-nav a:hover{color:var(--color-text-primary)}.footer-right{font-family:var(--font-mono);font-size:var(--text-badge);color:var(--color-text-tertiary);padding-right:12px}.roadmap-date{font-size:11px;color:#6a737d;font-weight:400}.nav-dropdown{position:relative;display:flex;align-items:center}.dropdown-toggle{width:32px;height:32px;border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;cursor:pointer;padding:0}.dropdown-toggle:hover{border-color:var(--color-orange)}.hamburger{width:14px;height:1.5px;background:var(--color-text-tertiary)}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-12px);transition:opacity .22s ease,transform .22s cubic-bezier(.16, 1, .3, 1);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-md);list-style:none;padding:6px 0;min-width:120px;z-index:2000;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.08)}.space-theme .dropdown-menu{box-shadow:0 10px 30px rgba(0,212,255,.08)}.dropdown-menu.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.dropdown-menu li{border-bottom:1px solid var(--color-rule)}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{display:block;padding:10px 16px;font-family:var(--font-mono);font-size:var(--text-badge);color:var(--color-text-tertiary)}.dropdown-menu li a:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){:root{--page-padding:var(--space-6)}nav{padding:0 var(--space-6)}.nav-links{display:none}footer{flex-direction:column;align-items:flex-start;padding:var(--space-6);gap:var(--space-3)}.footer-nav{flex-wrap:wrap;gap:var(--space-4)}}.dev-user{max-width:var(--page-max);margin-left:0;margin-right:auto;padding:var(--space-16) var(--page-padding) var(--space-16);display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--space-12);animation:slideUp .8s cubic-bezier(.16,1,.3,1) .1s both}.dev-user-text{max-width:600px}.dev-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-orange);margin-bottom:var(--space-6);transition:color var(--transition-slow)}.dev-eyebrow::before{content:'';display:block;width:20px;height:1.5px;background:var(--color-orange);flex-shrink:0;transition:background var(--transition-slow)}.dev-name{font-family:var(--font-display);font-size:clamp(2.2rem, 3.5vw, 3.2rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-4);transition:color var(--transition-slow)}.dev-name em{font-style:italic;color:var(--color-purple)}.dev-role{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.role-pill{font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;color:var(--badge-color);background:var(--badge-bg);border:1px solid var(--badge-border);padding:4px 12px;border-radius:var(--radius-pill);transition:var(--transition-theme)}.role-sep{color:var(--color-rule);font-size:var(--text-micro);transition:color var(--transition-slow)}.dev-summary{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-8);font-weight:300;max-width:540px;transition:color var(--transition-slow)}.dev-summary strong{color:var(--color-text-primary);font-weight:500}.dev-social{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;color:var(--color-text-tertiary);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:6px 14px;transition:color var(--transition-base),border-color var(--transition-base)}.social-link:hover{color:var(--color-text-primary);border-color:var(--color-purple)}.social-link svg{width:13px;height:13px;flex-shrink:0;fill:currentColor}.dev-photo-wrap{align-self:start;padding-top:calc(var(--space-6) + 14px);animation:slideUp .8s cubic-bezier(.16,1,.3,1) .2s both}.dev-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--color-rule);transition:border-color var(--transition-slow);display:block}.space-theme .dev-photo{border-color:rgba(0,212,255,.3);box-shadow:0 0 30px rgba(0,212,255,.12)}.dev-section{max-width:var(--page-max);margin-left:0;margin-right:auto;padding:var(--space-16) var(--page-padding)}.dev-section-header{margin-bottom:var(--space-10)}.dev-section-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:400;letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:var(--space-2);transition:color var(--transition-slow);line-height:1.2}.dev-section-sub{font-size:var(--text-small);color:var(--color-text-tertiary);font-weight:300;transition:color var(--transition-slow)}.pursuing-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-10);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;position:relative;overflow:hidden;transition:var(--transition-theme)}.pursuing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-purple)}.pursuing-label{font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-purple);margin-bottom:var(--space-3);transition:color var(--transition-slow)}.pursuing-title{font-family:var(--font-display);font-size:clamp(1.8rem, 2.8vw, 2.4rem);font-weight:400;letter-spacing:-.015em;line-height:1.1;color:var(--color-text-primary);margin-bottom:var(--space-5);transition:color var(--transition-slow)}.pursuing-title em{font-style:italic;color:var(--color-purple)}.pursuing-desc{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-4);font-weight:300;transition:color var(--transition-slow)}.pursuing-desc:last-child{margin-bottom:0}.pursuing-desc strong{color:var(--color-text-primary);font-weight:500}.pursuing-pillars{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.pillar-item{background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-theme)}.pillar-icon{font-size:20px;margin-bottom:var(--space-2);line-height:1}.pillar-name{font-size:var(--text-micro);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1);transition:color var(--transition-slow)}.pillar-sub{font-size:11px;color:var(--color-text-tertiary);line-height:1.5;font-weight:300;transition:color var(--transition-slow)}.timeline{position:relative;padding-left:32px}.timeline::before{content:'';position:absolute;top:8px;left:7px;bottom:0;width:1.5px;background:var(--color-rule);transition:background var(--transition-slow)}.timeline-item{position:relative;padding-bottom:var(--space-10)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-28px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-rule);transition:border-color var(--transition-slow),background var(--transition-slow)}.timeline-marker--active{background:var(--color-orange);border-color:var(--color-orange)}.timeline-marker--future{background:0 0;border:2px dashed var(--color-rule)}.timeline-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition-theme)}.timeline-item--highlight .timeline-content{border-color:rgba(74,78,140,.25)}.space-theme .timeline-item--highlight .timeline-content{border-color:rgba(0,212,255,.2)}.timeline-item--future .timeline-content{border-style:dashed;opacity:.7}.timeline-period{font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;color:var(--color-orange);margin-bottom:var(--space-1);transition:color var(--transition-slow)}.timeline-role{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin-bottom:2px;transition:color var(--transition-slow)}.timeline-org{font-size:var(--text-micro);color:var(--color-text-tertiary);font-style:italic;margin-bottom:var(--space-4);transition:color var(--transition-slow)}.timeline-desc{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-4);font-weight:300;transition:color var(--transition-slow)}.timeline-desc em{font-style:italic}.timeline-desc strong{color:var(--color-text-primary);font-weight:500}.timeline-desc code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:1px 6px;transition:var(--transition-theme)}.timeline-tags{display:flex;flex-wrap:wrap;gap:6px}.tl-tag{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-rule);color:var(--color-text-secondary);transition:var(--transition-theme)}.featured-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-10);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;position:relative;overflow:hidden;transition:border-color var(--transition-base),var(--transition-theme)}.featured-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-orange)}.featured-card:hover{border-color:var(--card-border-hover)}.featured-tag{font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-orange);margin-bottom:var(--space-3);transition:color var(--transition-slow)}.featured-title{font-family:var(--font-display);font-size:clamp(1.6rem, 2.5vw, 2rem);font-weight:400;letter-spacing:-.015em;color:var(--color-text-primary);margin-bottom:var(--space-4);transition:color var(--transition-slow);line-height:1.2}.featured-desc{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-4);font-weight:300;transition:color var(--transition-slow)}.featured-desc:last-of-type{margin-bottom:var(--space-6)}.featured-desc strong{color:var(--color-text-primary);font-weight:500}.featured-desc code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:1px 6px;transition:var(--transition-theme)}.featured-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.meta-tag{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-rule);color:var(--color-text-secondary);transition:var(--transition-theme)}.featured-links{display:flex;gap:var(--space-3);flex-wrap:wrap}.featured-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat-block{background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-theme)}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:400;font-style:italic;color:var(--color-rule);line-height:1;margin-bottom:var(--space-1);transition:color var(--transition-slow)}.stat-label{font-size:var(--text-micro);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1);transition:color var(--transition-slow)}.stat-sub{font-size:10px;color:var(--color-text-tertiary);font-weight:300;line-height:1.4;transition:color var(--transition-slow)}.oss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.oss-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:border-color var(--transition-base),box-shadow var(--transition-base),var(--transition-theme)}.oss-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.oss-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-2)}.oss-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.oss-pypi-badge{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#f48024;background:rgba(244,128,36,.1);border:1px solid rgba(244,128,36,.2);padding:3px 8px;border-radius:var(--radius-pill);white-space:nowrap}.oss-name{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2);transition:color var(--transition-slow)}.oss-desc{font-size:var(--text-micro);color:var(--color-text-tertiary);line-height:1.6;flex:1;margin-bottom:var(--space-4);transition:color var(--transition-slow)}.oss-install{font-family:var(--font-mono);font-size:11px;background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:7px 12px;color:var(--color-text-secondary);margin-bottom:var(--space-4);overflow-x:auto;white-space:nowrap;transition:var(--transition-theme)}.oss-install .pip-cmd{color:var(--color-orange)}.oss-install .pip-pkg{color:var(--code-st)}.oss-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.oss-link{font-family:var(--font-mono);font-size:var(--text-badge);color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:4px;transition:color var(--transition-base)}.oss-link:hover{color:var(--color-text-primary)}.oss-link svg{width:11px;height:11px;fill:none;flex-shrink:0}.repo-list{display:flex;flex-direction:column;gap:var(--space-3)}.repo-item{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);text-decoration:none;transition:border-color var(--transition-base),background var(--transition-base),var(--transition-theme);gap:var(--space-4)}.repo-item:hover{border-color:var(--card-border-hover);background:var(--color-surface-hover)}.repo-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.repo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-rule);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;transition:var(--transition-theme);color:var(--color-text-secondary)}.repo-info{min-width:0}.repo-name{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;color:var(--color-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-slow)}.repo-desc{font-size:var(--text-micro);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-slow)}.repo-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.repo-badge{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--color-rule);color:var(--color-text-tertiary);background:var(--color-bg);transition:var(--transition-theme)}.repo-arrow{color:var(--color-text-tertiary);font-size:14px;transition:color var(--transition-base),transform var(--transition-base)}.repo-item:hover .repo-arrow{color:var(--color-text-primary);transform:translateX(3px)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.skill-group{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-theme)}.skill-group--pursuing{border-left:3px solid var(--color-purple);background:var(--color-purple-soft)}.space-theme .skill-group--pursuing{background:rgba(128,234,255,.04)}.skill-group-name{font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-orange);margin-bottom:var(--space-3);transition:color var(--transition-slow)}.skill-group--pursuing .skill-group-name{color:var(--color-purple)}.skill-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.skill-list li{font-size:var(--text-micro);color:var(--color-text-secondary);padding:3px 0;border-bottom:1px solid var(--color-rule);transition:color var(--transition-slow),border-color var(--transition-slow)}.skill-list li:last-child{border-bottom:none}.dev-user{max-width:var(--page-max);margin:0 auto}.dev-section{max-width:var(--page-max);margin:0 auto}#section-nav{position:fixed;top:140px;left:5px;width:140px;right:auto;height:auto;justify-content:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:0 0;border:none}.snav-item{display:flex;align-items:center;gap:10px;text-decoration:none;padding:4px 0}.snav-dot{width:7px;height:7px;border-radius:50%;background:var(--color-rule);border:1.5px solid var(--color-text-tertiary)}.snav-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap}.snav-item.active .snav-dot{background:var(--color-orange);border-color:var(--color-orange)}.snav-item.active .snav-label{color:var(--color-orange)}@media (max-width:1100px){#section-nav{display:none}}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.dev-user{grid-template-columns:1fr;padding-top:calc(var(--nav-height) + var(--space-8));gap:var(--space-8)}.dev-photo-wrap{order:-1;padding-top:0}.dev-photo{width:120px;height:120px}.pursuing-card{grid-template-columns:1fr;gap:var(--space-8)}.featured-card{grid-template-columns:1fr;gap:var(--space-8)}.oss-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}.timeline{padding-left:24px}}@media (max-width:600px){.oss-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}.pursuing-pillars{grid-template-columns:1fr 1fr}.featured-stats{grid-template-columns:1fr 1fr}.repo-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.repo-right{align-self:flex-end}}.user{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:var(--page-max);margin:0 auto;padding:var(--space-8) var(--page-padding);gap:var(--space-12)}.user-left{animation:slideUp .8s cubic-bezier(.16,1,.3,1) .1s both}.user-right{animation:slideUp .8s cubic-bezier(.16,1,.3,1) .25s both}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-badge);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-orange);margin-bottom:var(--space-8);transition:color var(--transition-slow)}.eyebrow::before{content:'';display:block;width:20px;height:1.5px;background:var(--color-orange);flex-shrink:0;transition:background var(--transition-slow)}h1{font-family:var(--font-display);font-size:var(--text-user);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-6);transition:color var(--transition-slow)}h1 em{font-style:italic;color:var(--color-purple)}h1 .accent{color:var(--color-red)}.user-desc{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-10);max-width:440px;font-weight:300;transition:color var(--transition-slow)}.user-desc strong{color:var(--color-text-primary);font-weight:500}.cta-row{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.stack-section{max-width:var(--page-max);margin:0 auto;padding:var(--space-8) var(--page-padding) var(--space-16)}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.stack-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:background var(--transition-base),border-color var(--transition-base),var(--transition-theme)}.stack-item:hover{background:var(--color-surface-hover);border-color:var(--card-border-hover)}.stack-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:var(--space-4)}.stack-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1);transition:color var(--transition-slow)}.stack-desc{font-size:var(--text-micro);color:var(--color-text-tertiary);font-weight:300;line-height:1.5;transition:color var(--transition-slow)}.full-divider{border:none;border-top:1px solid var(--color-rule);margin:0}.arch-section{max-width:var(--page-max);margin:0 auto;padding:var(--space-8) var(--page-padding) var(--space-32)}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.arch-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-8);position:relative;overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base),var(--transition-theme)}.arch-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.arch-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.arch-card.orange::before{background:var(--color-orange)}.arch-card.purple::before{background:var(--color-purple)}.arch-card.red::before{background:var(--color-red)}.arch-number{font-family:var(--font-display);font-size:3rem;color:var(--color-rule);line-height:1;margin-bottom:var(--space-3);font-style:italic;transition:color var(--transition-slow)}.arch-title{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2);transition:color var(--transition-slow)}.arch-desc{font-size:var(--text-micro);color:var(--color-text-tertiary);line-height:1.6;transition:color var(--transition-slow)}.arch-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-4)}.arch-tag{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-rule);color:var(--color-text-secondary);transition:var(--transition-theme)}.space-theme .arch-number{color:var(--color-orange);opacity:.8;text-shadow:0 0 20px rgba(0,212,255,.2)}.badge-arrow{font-size:10px;margin-left:4px;opacity:.6}.code-cm{color:#8e908c;font-style:italic;font-weight:300}.code-kw{color:#c678dd;font-weight:500}.code-fn{color:#61afef}.code-cl{color:#0d5165}.code-st{color:#98c379;font-weight:300}.code-vr{color:#d19a66}#code-animate{font-family:'DM Mono',monospace;white-space:pre-wrap;line-height:1.6;color:var(--color-text-primary);min-height:480px;font-weight:300}#code-animate::after{content:"█";margin-left:2px;color:var(--color-accent);animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}@media (max-width:900px){.user{grid-template-columns:1fr;padding:var(--space-12) var(--page-padding);gap:var(--space-8);min-height:auto}.arch-section,.stack-section{padding-top:var(--space-6);padding-bottom:var(--space-20)}.stack-grid{grid-template-columns:repeat(2,1fr)}.arch-grid{grid-template-columns:1fr}}@media (max-width:500px){.stack-grid{grid-template-columns:1fr}h1{font-size:2.2rem}}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:5000;opacity:0;visibility:hidden;transition:opacity .2s ease}.modal.show{opacity:1;visibility:visible}.modal-content{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-xl);width:640px;max-width:92%;max-height:80vh;overflow-y:auto;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.15);transform:translateY(10px);transition:transform .2s ease}.modal.show .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;border-bottom:1px solid var(--color-rule);padding-bottom:12px}.modal-header h2{font-family:var(--font-display);font-weight:400}#roadmap-close{cursor:pointer;font-size:22px;color:var(--color-text-tertiary)}#roadmap-close:hover{color:var(--color-text-primary)}#roadmap-body h3{font-family:var(--font-mono);font-size:var(--text-badge);letter-spacing:.08em;text-transform:uppercase;color:var(--color-orange);margin-top:18px;margin-bottom:6px}#roadmap-body ul{list-style:none;margin-bottom:12px}#roadmap-body li{padding:6px 0;border-bottom:1px solid var(--color-rule);font-size:.95rem;color:var(--color-text-secondary)}#roadmap-body li:last-child{border-bottom:none}.modal-handle{width:36px;height:4px;background:var(--color-rule);border-radius:3px;margin:0 auto 12px auto}.roadmap-footer{margin-top:20px;padding-top:12px;border-top:1px solid var(--color-rule);font-size:.85rem;color:var(--color-text-tertiary);line-height:1.6}.roadmap-footer a{color:var(--color-orange);text-decoration:none}.roadmap-footer a:hover{text-decoration:underline}.roadmap-intro{margin-top:6px;margin-bottom:10px;font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.modal-title-group{max-width:85%}.modal-title-group h2{font-family:var(--font-display);font-weight:400;margin-bottom:6px}#roadmap-close{cursor:pointer;font-size:20px;color:var(--color-text-tertiary);line-height:1;padding:4px}#roadmap-close:hover{color:var(--color-text-primary)}.theme-toggle-btn{position:relative}.theme-toggle-btn:hover::after{content:attr(title);position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);background:var(--color-surface);border:1px solid var(--color-rule);padding:3px 8px;font-size:11px;font-family:var(--font-mono);white-space:nowrap;border-radius:4px}#roadmap-btn{color:var(--color-text-tertiary)}#roadmap-btn:hover{color:var(--color-orange)}#roadmap-btn.active{border-color:var(--color-orange);color:var(--color-orange)}@media (max-width:600px){.modal-header{flex-direction:column;align-items:flex-start}#roadmap-close{position:absolute;top:16px;right:18px}.modal-content{position:relative}.modal-title-group{max-width:100%}}.star{position:absolute;border-radius:50%;pointer-events:none}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes twinkle-soft{0%,100%{opacity:.15}50%{opacity:.6}}.shooting-star{position:absolute;width:3px;height:22px;background:linear-gradient(to bottom,rgba(255,255,255,.85),transparent);border-radius:2px;pointer-events:none;transform-origin:top center}@keyframes shoot{0%{opacity:.9;transform:rotate(var(--angle,45deg)) translateY(0)}80%{opacity:.6}100%{opacity:0;transform:rotate(var(--angle,45deg)) translateY(220px)}}.bright-star{position:absolute;width:3px;height:3px;border-radius:50%;pointer-events:none}@keyframes bright-twinkle{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.space-theme body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 70% 20%,rgba(0,212,255,.04) 0,transparent 70%),radial-gradient(ellipse 50% 60% at 20% 80%,rgba(74,78,140,.05) 0,transparent 70%);pointer-events:none;z-index:var(--z-stars)}:root{--color-orange:#F5A623;--color-orange-soft:#FFF4DC;--color-orange-border:rgba(245, 166, 35, 0.20);--color-purple:#4A4E8C;--color-purple-soft:#EEEFFE;--color-purple-border:rgba(74, 78, 140, 0.15);--color-purple-hover:rgba(74, 78, 140, 0.08);--color-red:#CC2200;--color-red-soft:#FFF0EE;--color-green:#22c55e;--color-green-glow:rgba(34, 197, 94, 0.4);--color-ink:#111118;--color-ink-2:#444455;--color-ink-3:#888899;--color-bg:#FAFAFA;--color-surface:#FFFFFF;--color-rule:#E4E4EE;--color-surface-hover:#F7F7FB;--color-text-primary:var(--color-ink);--color-text-secondary:var(--color-ink-2);--color-text-tertiary:var(--color-ink-3);--code-kw:var(--color-purple);--code-cl:#C0392B;--code-fn:#2980B9;--code-st:#27AE60;--code-cm:#BDC3C7;--code-dc:var(--color-orange);--code-ln:var(--color-rule);--nav-bg:rgba(250, 250, 250, 0.88);--nav-border:var(--color-rule);--nav-height:64px}.space-theme{--color-bg:#000000;--color-surface:rgba(0, 0, 0, 0.70);--color-surface-hover:rgba(255, 255, 255, 0.06);--color-ink:#e0f7ff;--color-ink-2:#b3d8e8;--color-ink-3:rgba(224, 247, 255, 0.55);--color-text-primary:var(--color-ink);--color-text-secondary:var(--color-ink-2);--color-text-tertiary:var(--color-ink-3);--color-orange:#00d4ff;--color-orange-soft:rgba(0, 212, 255, 0.12);--color-orange-border:rgba(0, 212, 255, 0.25);--color-purple:#80eaff;--color-purple-soft:rgba(128, 234, 255, 0.10);--color-purple-border:rgba(128, 234, 255, 0.20);--color-purple-hover:rgba(0, 212, 255, 0.08);--code-kw:#80eaff;--code-cl:#ff6b6b;--code-fn:#5dade2;--code-st:#58d68d;--code-cm:rgba(224, 247, 255, 0.35);--code-dc:#00d4ff;--code-ln:rgba(255, 255, 255, 0.15);--nav-bg:rgba(0, 0, 0, 0.75);--nav-border:rgba(255, 255, 255, 0.10);--btn-primary-bg:#00d4ff;--btn-primary-color:#000000;--btn-primary-hover:#ffffff;--color-rule:rgba(255, 255, 255, 0.25);--card-bg:rgba(0, 0, 0, 0.55);--card-border:rgba(255, 255, 255, 0.15);--code-header-bg:rgba(0, 0, 0, 0.75)}html.space-theme .btn-primary{background-color:#00d4ff!important;color:#000!important;border:none}html.space-theme .btn-primary:hover{background-color:#fff!important;color:#000!important;box-shadow:0 0 20px rgba(0,212,255,.4)}:root{--font-display:'DM Serif Display',Georgia,serif;--font-body:'DM Sans',system-ui,sans-serif;--font-mono:'DM Mono','Fira Mono',monospace;--text-user:clamp(2.6rem, 4.5vw, 3.8rem);--text-h2:clamp(1.6rem, 2.5vw, 2.1rem);--text-h3:1.15rem;--text-body:1rem;--text-small:0.9rem;--text-micro:0.75rem;--text-code:0.8125rem;--text-badge:0.6875rem}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--page-max:1200px;--page-padding:var(--space-12)}:root{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:100px}:root{--transition-fast:0.15s ease;--transition-base:0.20s ease;--transition-slow:0.35s ease;--transition-theme:background 0.4s ease,color 0.4s ease,border-color 0.4s ease,box-shadow 0.4s ease}:root{--z-stars:-1;--z-base:0;--z-above:10;--z-nav:100;--z-overlay:200}:root{--btn-primary-bg:var(--color-ink);--btn-primary-color:#ffffff;--btn-primary-hover:var(--color-purple);--card-bg:var(--color-surface);--card-border:var(--color-rule);--card-shadow:0 4px 6px rgba(0, 0, 0, 0.04),0 20px 60px rgba(0, 0, 0, 0.06);--card-shadow-hover:0 4px 20px rgba(74, 78, 140, 0.08);--card-border-hover:rgba(74, 78, 140, 0.30);--badge-bg:var(--color-purple-soft);--badge-color:var(--color-purple);--badge-border:var(--color-purple-border);--code-header-bg:#F7F7FB}