*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--text:#111;--muted:#999;--border:#00000014;--sql-blue:#007acc;--sql-green:#22863a}body{color:var(--text);background:#fff;min-height:100vh;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:20px 52px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.avatar{border:1px solid var(--border);background:#eee;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.header-social{align-items:center;display:flex}.linkedin-icon{fill:#ccc;width:20px;height:20px;transition:fill .2s,transform .2s;display:block}.linkedin-icon:hover{fill:#0077b5;transform:translateY(-1px)}main{padding-top:80px}section{max-width:1100px;margin:0 auto;padding:40px 52px}.hero{align-items:center;padding-top:60px;padding-bottom:20px;display:flex}.hero-inner{max-width:680px}h1{letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(42px,5.5vw,64px);font-weight:300;line-height:1.1}h1 em{font-style:italic;font-weight:300}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:500}.sql-editor{color:#666;background:0 0;border:none;padding:0 0 24px;font-family:SF Mono,Fira Code,monospace;font-size:14px;line-height:1.5}.sql-keyword{color:var(--sql-blue);font-weight:600}.sql-star{color:#555}.sql-table{color:var(--sql-green)}.cursor{vertical-align:middle;background:#bbb;width:8px;height:15px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{background:0 0}50%{background:#bbb}}.exp-wrap{border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 2px 24px #0000000d}.exp-table-header{border-bottom:1px solid var(--border);background:#00000005;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.exp-table-name{align-items:center;gap:9px;display:flex}.exp-table-name svg{stroke:#888;fill:none;stroke-width:1.8px;width:13px;height:13px}.exp-table-name span{color:#444;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600}.exp-row-count{color:#ccc;font-size:11px;font-weight:300}table{border-collapse:collapse;table-layout:fixed;width:100%}col.c-key{width:70px}col.c-company{width:240px}col.c-role{width:220px}col.c-type{width:140px}col.c-loc{width:auto}thead tr{border-bottom:1px solid var(--border);background:#00000003}thead th{color:#bbb;text-align:left;border-right:1px solid var(--border);padding:10px 18px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:500}thead th:last-child{border-right:none}tbody tr.main-row{border-bottom:1px solid #0000000d}tbody tr.main-row.open{background:#00000006}.expand-btn{cursor:pointer;color:#ccc;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;transition:color .2s;display:flex}.expand-btn:hover{color:#888}.expand-btn:active{color:#555}tbody tr.main-row td{vertical-align:middle;color:#555;border-right:1px solid #0000000f;padding:16px 18px;font-size:13px;font-weight:300}.td-location{vertical-align:middle;display:table-cell}tbody tr.main-row td:last-child{border-right:none}.key-badge{border-radius:5px;justify-content:center;align-items:center;padding:4px 8px;font-family:SF Mono,Fira Code,monospace;font-size:9px;font-weight:700;display:inline-flex}.pk{color:#fff;background:#111}.fk{color:#888;background:#0000000f}.company-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.3;display:block}.company-period{color:#bbb;font-size:11px;font-weight:300;display:block}.role-text{color:#444;font-weight:500}.loc-wrap{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.chevron{color:#ccc;flex-shrink:0;font-size:11px;transition:transform .22s}tr.main-row.open .chevron{transform:rotate(180deg)}.detail-inner{background:#00000003;border-top:1px solid #0000000d;max-height:0;transition:max-height .28s;overflow:hidden}.detail-inner.open{max-height:1000px}.about-box{align-items:flex-start;gap:24px;padding:24px 18px 24px 88px;display:flex}.company-logo{border:1px solid var(--border);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.company-logo img{object-fit:contain;width:100%;height:100%;padding:4px}.about-content{max-width:600px}.about-label{text-transform:uppercase;letter-spacing:.1em;color:#bbb;margin-top:20px;margin-bottom:6px;font-size:10px;font-weight:600}.about-label:first-child{margin-top:0}.about-text{color:#666;font-size:13px;line-height:1.6}.stack-badge{color:var(--muted);margin-top:4px;font-family:SF Mono,monospace;font-size:11px}.click-hint{color:#bbb;align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:300;display:flex}footer{text-align:center;color:#ccc;border-top:1px solid #0000000d;padding:40px 52px;font-size:12px;font-weight:300}@media (width<=850px){header{padding:15px 24px}section{padding:30px 24px}table{table-layout:auto!important}thead th:nth-child(4),thead th:nth-child(5),tbody td:nth-child(4),tbody td:nth-child(5),col:nth-child(4),col:nth-child(5){display:none!important}.about-box{flex-direction:column;gap:16px;padding:24px 18px}.exp-wrap{border-radius:12px;overflow:visible}}@media (width<=600px){header{padding:12px 20px}section{padding:20px}.exp-wrap{margin:0 -10px}table{font-size:12px;table-layout:auto!important}tbody tr.main-row td{padding:12px}tr.detail-row{display:table-row!important}tr.detail-row td{padding:0;display:table-cell!important}.about-box{flex-direction:column;gap:16px;padding:16px 12px!important}.company-logo{width:40px;height:40px}.about-content{max-width:none}.detail-inner,.detail-inner.open{height:auto!important;max-height:none!important;transition:none!important;display:block!important;overflow:visible!important}.expand-btn{display:none!important}.main-row{cursor:default}}@media (width<=480px){thead th:first-child,tbody td:first-child,col:first-child{display:none!important}tbody tr.main-row td{border-right:none;padding:12px 10px}}.mobile-list{width:100%}.mobile-list-header{color:#bbb;border-bottom:1px solid var(--border);background:#00000003;justify-content:space-between;padding:10px 18px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:500;display:flex}.mobile-entry{border-bottom:1px solid #0000000d}.mobile-row{background:#00000006;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.mobile-detail{border-top:1px solid var(--border);background:#00000003}.mobile-row .role-text{color:#555;text-align:right;font-size:12px;font-weight:400}