:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--bg:#0b0c10;--bg-alt:#0e0f14;--surface:#16181d;--surface-hover:#1c1f26;--surface-alt:#1e2028;--border:#24292f;--border-hover:#2d333b;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-pink:#ec4899;--text:#e5e5e7;--text-muted:#8b949e;--text-dim:#4b5563;--danger:#ef4444}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}::selection{background:#7c3aed4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}a{color:inherit;text-decoration:none}.nav{z-index:50;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);background:#0b0c10cc;height:56px;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1152px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-mono);letter-spacing:-.025em;color:var(--accent);font-size:14px;font-weight:700;transition:color .15s}.nav-logo:hover{color:var(--accent-hover)}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{font-family:var(--font-mono);color:var(--text-muted);font-size:12px;transition:color .15s}.nav-link:hover{color:var(--accent)}.main{padding-top:56px}.section{border-top:1px solid var(--border);padding:80px 24px}.section-inner{max-width:1152px;margin:0 auto}.section-header{align-items:center;gap:12px;margin-bottom:40px;display:flex}.section-number{font-family:var(--font-mono);color:var(--accent);font-size:12px}.section-title{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:14px;font-weight:700}.section-line{background:var(--border);flex:1;height:1px}.hero{max-width:1152px;margin:0 auto;padding:96px 24px 80px;position:relative}.hero-grid{gap:48px;display:grid}@media (width>=768px){.hero-grid{grid-template-columns:1.3fr 1fr}}.hero-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:500}.hero-title{font-family:var(--font-mono);letter-spacing:-.025em;white-space:nowrap;font-size:36px;font-weight:800;line-height:1.1}@media (width>=768px){.hero-title{font-size:48px}}@media (width>=1024px){.hero-title{font-size:60px}}.hero-accent{color:var(--accent)}.hero-cursor{animation:1s step-end infinite blink}.cursor-cyan{color:var(--accent-cyan)}.hero-pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--text-muted);border-radius:4px;padding:4px 12px;font-size:12px;display:inline-block}.pill-green{border-color:var(--accent-green);color:var(--accent-green)}.hero-stats{font-family:var(--font-mono);align-items:center;gap:16px;font-size:14px;display:flex}.hero-stat{align-items:baseline;gap:6px;display:flex}.hero-stat-value{color:var(--text);font-size:24px;font-weight:700}.hero-stat-label{color:var(--text-muted);font-size:12px}.hero-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-link{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;transition:all .15s;display:inline-flex}.hero-link svg{fill:currentColor;width:16px;height:16px}.hero-link:hover{border-color:var(--accent);color:var(--accent)}.hero-link:hover .link-arrow{opacity:1}.hero-link-pink:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.hero-link-cyan:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.link-arrow{opacity:0;transition:opacity .15s}.hero-side{justify-content:center;align-items:center;display:flex}@media (width>=768px){.hero-side{justify-content:flex-end}}.contrib-wrapper{width:100%;padding-bottom:8px;overflow-x:auto;mask-image:linear-gradient(270deg,#000 80%,#0000 100%)}.contrib-grid{gap:3px;display:flex;position:relative}.contrib-col{flex-direction:column;gap:3px;display:flex}.contrib-day{cursor:pointer;border-radius:3px;width:14px;height:14px;transition:transform .15s;position:relative}.contrib-day:hover{z-index:10;transform:scale(1.5)}.contrib-tooltip{pointer-events:none;z-index:20;min-width:150px;font-family:var(--font-mono);opacity:0;backdrop-filter:blur(4px);background:#0b0c10f2;border:1px solid #7c3aed80;border-radius:8px;padding:10px 14px;font-size:12px;transition:opacity .15s;position:fixed;box-shadow:0 4px 20px #00000080}.contrib-tooltip-date{color:var(--text);font-weight:600}.contrib-tooltip-count{color:var(--accent-cyan);margin-top:2px;font-weight:700}.contrib-l0{background:#ffffff0a}.contrib-l1{background:#7c3aed40}.contrib-l2{background:#7c3aed80}.contrib-l3{background:#7c3aedbf}.contrib-l4{background:#7c3aed;animation:2s ease-in-out infinite pulse-glow}.contrib-month{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=640px){.tech-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.tech-grid{grid-template-columns:repeat(4,1fr)}}.tech-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.tech-card:hover{border-color:var(--accent)}.tech-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tech-name{font-family:var(--font-mono);color:var(--text);flex:1;font-size:14px;font-weight:500}.tech-level{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.projects-grid{gap:16px;display:grid}@media (width>=640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex}.project-card:hover{border-color:#7c3aed66;transform:translateY(-2px)}.project-card:hover .project-name{color:var(--accent)}.project-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.project-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.project-name{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;transition:color .2s;overflow:hidden}.project-stars{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;font-size:12px}.project-desc{color:var(--text-muted);flex:1;margin-bottom:16px;font-size:14px;line-height:1.625}.project-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.project-lang{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);border-radius:9999px;padding:2px 10px;font-size:11px;display:inline-block}.project-source{font-family:var(--font-mono);color:var(--text-dim);opacity:0;font-size:12px;transition:opacity .2s}.project-card:hover .project-source{opacity:1}.terminal{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);border-radius:12px;margin-bottom:32px;font-size:14px;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border);background:var(--bg-alt);align-items:center;gap:8px;padding:10px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot-red{background:#ef4444b3}.terminal-dot-yellow{background:#eab308b3}.terminal-dot-green{background:#10b981b3}.terminal-title{color:var(--text-dim);margin-left:8px;font-size:12px}.terminal-body{color:var(--text-muted);padding:16px;font-size:12px;line-height:1.625}.terminal-line{gap:8px;display:flex}.terminal-prompt{color:var(--accent-green)}.terminal-output{color:var(--text);flex-wrap:wrap;gap:24px;padding-left:16px;display:flex}.terminal-stat-label{color:var(--text-muted)}.terminal-stat-value-accent{color:var(--accent);font-weight:700}.terminal-stat-value-cyan{color:var(--accent-cyan);font-weight:700}.terminal-stat-value-green{color:var(--accent-green);font-weight:700}.terminal-stat-value-pink{color:var(--accent-pink);font-weight:700}.waka-tabs{margin-top:32px}.waka-tab-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.waka-tab-btn{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s}.waka-tab-btn:hover{color:var(--accent);border-color:#7c3aed4d}.waka-tab-btn.active{color:var(--accent);background:#7c3aed1a;border-color:#7c3aed4d}.waka-tab-content{display:none}.waka-tab-content.active{display:block}.pie-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:32px;padding:24px;display:flex}@media (width>=768px){.pie-section{flex-direction:row;align-items:flex-start}}.pie-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.pie-chart{cursor:pointer;border-radius:50%;width:240px;height:240px;transition:transform .2s;box-shadow:0 0 30px #7c3aed1a}.pie-chart:hover{transform:scale(1.02)}.pie-center{background:var(--bg);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:32px}.pie-center-name{font-family:var(--font-mono);color:var(--text);font-size:14px;font-weight:700}.pie-center-time{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.pie-center-pct{font-family:var(--font-mono);color:var(--accent);font-size:14px;font-weight:600}.pie-tooltip{pointer-events:none;z-index:10;opacity:0;backdrop-filter:blur(4px);background:#0b0c10f2;border:1px solid #7c3aed80;border-radius:8px;min-width:160px;padding:12px;font-size:12px;transition:opacity .15s;position:absolute;box-shadow:0 4px 20px #00000080}.pie-tooltip-inner{align-items:flex-start;gap:8px;display:flex}.pie-tooltip-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:2px}.pie-tooltip-name{color:var(--text);font-weight:600}.pie-tooltip-stats{color:var(--text-muted);gap:12px;margin-top:2px;display:flex}.pie-tooltip-pct{color:var(--accent);font-weight:600}.pie-legend{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (width>=768px){.pie-legend{flex:1;justify-content:flex-start;align-self:center}}.pie-legend-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:background .15s;display:flex}.pie-legend-item:hover{background:#7c3aed1a}.pie-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pie-legend-name{font-family:var(--font-mono);color:var(--text-muted)}.pie-legend-pct{font-family:var(--font-mono);color:var(--text-dim)}.blocks-grid{gap:16px;display:grid}@media (width>=640px){.blocks-grid{grid-template-columns:repeat(2,1fr)}}.bar-block{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;padding:16px;transition:all .2s}.bar-block:hover{border-color:var(--accent);background:#7c3aed26}.bar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bar-name{font-family:var(--font-mono);color:var(--text);font-size:14px;font-weight:500}.bar-pct{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.bar-track{background:var(--border);border-radius:9999px;height:6px;margin-bottom:8px;overflow:hidden}.bar-fill{border-radius:9999px;height:100%;transition:width .3s}.bar-time{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.starred-grid{gap:16px;display:grid}@media (width>=640px){.starred-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.starred-grid{grid-template-columns:repeat(3,1fr)}}.starred-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.starred-card:hover{border-color:#7c3aed66;transform:translateY(-2px)}.starred-card:hover .starred-name{color:var(--accent)}.starred-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.starred-name{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;transition:color .2s;overflow:hidden}.starred-stars{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;font-size:12px}.starred-desc{color:var(--text-muted);flex:1;margin-bottom:12px;font-size:12px;line-height:1.625}.starred-lang{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);border-radius:9999px;align-self:flex-start;padding:2px 8px;font-size:11px;display:inline-block}.contact-section{border-top:1px solid var(--border);text-align:center;padding:80px 24px}.contact-inner{max-width:1152px;margin:0 auto}.contact-header{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.contact-line{background:var(--border);width:48px;height:1px}.contact-tagline{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:24px;font-size:14px}.contact-actions{flex-direction:column;align-items:center;gap:12px;display:flex}@media (width>=640px){.contact-actions{flex-direction:row;justify-content:center}}.contact-btn{font-family:var(--font-mono);border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.contact-btn svg{fill:currentColor;width:16px;height:16px}.contact-btn-primary{color:var(--accent);background:#7c3aed1a;border:1px solid #7c3aed4d}.contact-btn-primary:hover{background:#7c3aed33}.contact-btn-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.contact-btn-secondary:hover{color:var(--accent);border-color:#7c3aed4d}.footer{border-top:1px solid var(--border);text-align:center;padding:24px}.footer-text{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #7c3aed33}50%{box-shadow:0 0 20px #7c3aed66}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.anim-fade-in{animation:.6s ease-out forwards fade-in}.anim-slide-in{animation:.4s ease-out forwards slide-in}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-8{gap:32px}.gap-12{gap:48px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shrink-0{flex-shrink:0}@media (width<=640px){.hero-grid{grid-template-columns:1fr!important}.nav-links{display:none!important}}@media (width<=768px){.contrib-day{width:10px;height:10px}.contrib-grid,.contrib-col{gap:2px}}