:root{--bg: #0b0d10;--bg-glow: rgba(226, 232, 240, .035);--surface: #11141a;--surface-raised: #161a22;--border: #1f242e;--border-strong: #303745;--text-primary: #eceef2;--text-secondary: #a5aebc;--text-tertiary: #6d7686;--status-ok: #3fb950;--status-warn: #d29922;--status-critical: #f85149;--status-ok-dim: rgba(63, 185, 80, .12);--status-warn-dim: rgba(210, 153, 34, .12);--status-critical-dim: rgba(248, 81, 73, .12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .02) inset, 0 10px 30px rgba(0, 0, 0, .22);--transition-fast: .15s cubic-bezier(.25, .46, .45, .94);--transition-smooth: .25s cubic-bezier(.25, .46, .45, .94);--content-width: 44rem;--footer-height: 4.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scrollbar-gutter:stable;overflow-y:auto}body{background-color:var(--bg);background-image:radial-gradient(ellipse 80% 45% at 50% -10%,var(--bg-glow),transparent 70%);background-repeat:no-repeat;color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:"cv11","ss01";line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-width:320px}::selection{background:#3fb95040;color:var(--text-primary)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#262c37;border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:#313947}:focus-visible{outline:2px solid var(--status-ok);outline-offset:2px;border-radius:var(--radius-sm)}a{color:inherit}button{font-family:inherit}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.section-head{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.section-head-index{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-tertiary)}.section-head-title{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.section-head-meta{margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap}.fade-in{animation:fadeIn .28s cubic-bezier(.25,.46,.45,.94) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:0 1.5rem}.container{width:100%;max-width:var(--content-width);display:flex;flex-direction:column;gap:2.5rem;padding:4rem 0 3rem;flex:1}.tab-nav{display:flex;gap:.25rem;padding:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .75rem;border:1px solid transparent;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--text-tertiary);font-size:.8125rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{background:var(--surface-raised);border-color:var(--border);color:var(--text-primary);font-weight:600;box-shadow:0 1px #ffffff08 inset}.tab-btn .tab-dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--status-ok);box-shadow:0 0 0 3px var(--status-ok-dim)}.tab-btn:not(.active) .tab-dot{visibility:hidden}.info-content{min-height:18rem}.site-footer{width:100%;max-width:var(--content-width);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0 1.75rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-tertiary)}.site-footer .footer-meta{font-family:var(--font-mono);font-size:.6875rem}.site-header{display:flex;flex-direction:column;gap:1.5rem}.header-top{display:flex;align-items:center;gap:1.25rem}.avatar-wrapper{position:relative;width:4.5rem;height:4.5rem;flex-shrink:0}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);display:block}.avatar-status{position:absolute;bottom:-1px;right:-1px;width:.875rem;height:.875rem;border-radius:50%;border:2px solid var(--bg)}.avatar-status.online{background:var(--status-ok);animation:status-pulse 2.5s ease-out infinite}.avatar-status.offline{background:var(--text-tertiary)}.header-id{display:flex;flex-direction:column;gap:.3rem;min-width:0}.header-name{font-size:clamp(1.5rem,4vw,1.75rem);font-weight:650;letter-spacing:-.025em;line-height:1.15;color:var(--text-primary)}.header-role{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.header-bio{max-width:38rem;color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.header-bio a{color:var(--text-primary);font-weight:500;text-decoration:none;border-bottom:1px solid var(--border-strong);transition:border-color var(--transition-fast)}.header-bio a:hover{border-color:var(--text-primary)}.social-links{display:flex;flex-wrap:wrap;gap:.5rem}.social-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.social-btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.social-btn.ghost:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface)}.social-btn.primary{background:var(--text-primary);border:1px solid var(--text-primary);color:#0b0d10}.social-btn.primary:hover{background:#fff;border-color:#fff}@keyframes status-pulse{0%{box-shadow:0 0 0 0 var(--status-ok-dim)}70%{box-shadow:0 0 0 .5rem transparent}to{box-shadow:0 0 0 0 transparent}}.monitor{display:flex;flex-direction:column;gap:2rem}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card)}.status-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.status-id{display:flex;align-items:center;gap:.75rem;min-width:0}.status-indicator{width:.625rem;height:.625rem;border-radius:50%;flex-shrink:0}.status-indicator.live{background:var(--status-ok);box-shadow:0 0 0 4px var(--status-ok-dim);animation:status-breathe 2.5s ease-in-out infinite}.status-indicator.polling{background:var(--status-warn);box-shadow:0 0 0 4px var(--status-warn-dim)}.status-indicator.connecting{background:var(--text-tertiary);box-shadow:0 0 0 4px #6d76861f}.status-name{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.status-stream{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-top:.15rem}.status-uptime{text-align:right}.status-uptime-value{font-family:var(--font-mono);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);font-feature-settings:"tnum";line-height:1.1}.status-uptime-value .unit{font-size:.55em;font-weight:500;color:var(--text-tertiary);margin-left:.1em}.status-uptime-range{display:block;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-tertiary);margin-top:.25rem;letter-spacing:.04em}.status-note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary)}.metrics-section{display:flex;flex-direction:column;gap:.875rem}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.2rem;display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.metric-card:hover{border-color:var(--border-strong)}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.metric-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary)}.metric-icon{width:.875rem;height:.875rem;color:var(--text-tertiary);flex-shrink:0}.metric-value-row{display:flex;align-items:baseline;gap:.3rem;margin-top:.6rem}.metric-value{font-family:var(--font-mono);font-size:1.625rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);font-feature-settings:"tnum";line-height:1}.metric-unit{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-tertiary)}.metric-bar-wrapper{position:relative;margin-top:.875rem;padding-bottom:1.1rem}.metric-bar-bg{width:100%;height:.1875rem;border-radius:.125rem;background:#232935;overflow:hidden}.metric-bar-fill{height:100%;border-radius:.125rem;transition:width 1s cubic-bezier(.25,.46,.45,.94),background-color .6s ease}.metric-bar-fill[data-tone=ok]{background:var(--status-ok)}.metric-bar-fill[data-tone=warn]{background:var(--status-warn)}.metric-bar-fill[data-tone=critical]{background:var(--status-critical)}.metric-ticks-container{position:absolute;top:-.1875rem;left:0;width:100%;height:100%;pointer-events:none}.metric-tick{display:flex;flex-direction:column;align-items:center}.metric-tick.align-left{align-items:flex-start}.metric-tick.align-right{align-items:flex-end}.metric-tick-line{width:1px;height:.4375rem;background:var(--text-tertiary)}.metric-tick-label{font-family:var(--font-mono);font-size:.625rem;color:var(--text-tertiary);margin-top:.3rem;line-height:1}.metric-description{margin-top:auto;padding-top:.875rem;border-top:1px solid var(--border);font-size:.75rem;line-height:1.55;color:var(--text-tertiary)}.excuse-card{background:transparent;border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:1.25rem 1.35rem}.excuse-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.excuse-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary)}.excuse-roll-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.excuse-roll-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface)}.excuse-quote{margin-top:1rem;font-family:var(--font-mono);font-size:.8125rem;font-style:italic;line-height:1.6;color:var(--text-secondary);border-left:2px solid var(--border-strong);padding-left:1rem;min-height:2.6rem;display:flex;align-items:center}@keyframes status-breathe{0%,to{box-shadow:0 0 0 3px var(--status-ok-dim)}50%{box-shadow:0 0 0 6px var(--status-ok-dim)}}.experience-list{position:relative;display:flex;flex-direction:column;gap:2rem;padding-left:1.5rem}.experience-list:before{content:"";position:absolute;left:.25rem;top:.4rem;bottom:.4rem;width:1px;background:var(--border)}.experience-item{position:relative;margin-top:1.2rem}.experience-item:before{content:"";position:absolute;left:-1.4375rem;top:.4rem;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-strong)}.experience-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap}.experience-role{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.experience-company{display:inline-flex;align-items:center;gap:.2rem;font-family:var(--font-mono);font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.experience-company:hover{color:var(--text-primary)}.company-link-icon{width:.75rem;height:.75rem;color:var(--text-tertiary);flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.experience-company:hover .company-link-icon{color:var(--text-primary);transform:translate(1px,-1px)}.experience-highlights{list-style:none;margin-top:.65rem;display:flex;flex-direction:column;gap:.4rem;color:var(--text-secondary);font-size:.875rem;line-height:1.65}.experience-highlights li{position:relative;padding-left:1rem}.experience-highlights li:before{content:"—";position:absolute;left:0;color:var(--text-tertiary)}.experience-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.875rem}.tag{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:.2rem .55rem;border-radius:99px}.project-list{display:flex;flex-direction:column;gap:.75rem}.project-item{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.project-item:hover{border-color:var(--border-strong);background:var(--surface-raised)}.project-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-name{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.project-link-icon{width:.875rem;height:.875rem;color:var(--text-tertiary);flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.project-item:hover .project-link-icon{color:var(--text-primary);transform:translate(2px,-2px)}.project-desc{margin-top:.45rem;color:var(--text-secondary);font-size:.875rem;line-height:1.65}.project-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.875rem}@media(max-width:768px){.container{padding-top:3rem;gap:2rem}.metrics-grid{grid-template-columns:1fr}.status-row{flex-direction:column;align-items:flex-start;gap:1.25rem}.status-uptime{text-align:left}.section-head-meta{display:none}}@media(max-width:640px){.app-shell{padding:0 1rem}.container{padding-top:2.25rem;gap:1.75rem}.header-top{gap:1rem}.avatar-wrapper{width:3.75rem;height:3.75rem}.site-footer{flex-direction:column;align-items:flex-start;gap:.35rem}.tab-btn{font-size:.75rem;padding:.5rem .4rem}.experience-header{flex-direction:column;align-items:flex-start;gap:.15rem}.excuse-head{flex-direction:column;align-items:flex-start}.excuse-roll-btn{width:100%;justify-content:center}}