html,body,#root{height:100%;margin:0}body{background:#111;color:#ededed}.page-shell{min-height:100vh;background:#111;display:flex;justify-content:center;padding:48px 24px 80px}.content-col{width:100%;max-width:720px}.section{margin-bottom:56px}.section-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#555;margin-bottom:20px}.hero{display:flex;align-items:flex-start;gap:24px;margin-bottom:56px}.hero-avatar{flex-shrink:0}.hero-text{flex:1;min-width:0}.hero-name{font-size:26px!important;font-weight:700!important;line-height:1.2!important;margin-bottom:4px!important;color:#ededed!important}.hero-role{font-size:14px;color:#888;margin-bottom:16px;display:block}.hero-bio{font-size:15px;color:#ccc;line-height:1.65;margin-bottom:8px!important}.hero-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.work-item{border:1px solid #2E2E2E;border-radius:6px;margin-bottom:8px;background:#1c1c1c}.work-item-header{padding:16px 20px}.work-item-name{font-size:15px;font-weight:600;color:#ededed;margin-bottom:4px}.work-item-desc{font-size:13px;color:#888;margin-bottom:12px;line-height:1.5}.work-tags{display:flex;flex-wrap:wrap;gap:6px}.work-body{padding:0 20px 20px;border-top:1px solid #262626}.work-body-label{font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 8px}.work-body ul,.work-body ol{margin:0;padding-left:20px;color:#ccc;font-size:14px;line-height:1.7}.work-body li{margin-bottom:6px}.work-body p{color:#ccc;font-size:14px;line-height:1.7;margin:0}.work-diagram-link{display:inline-block;margin-top:12px;font-size:13px;color:#3aa6a6;cursor:pointer;text-decoration:none}.work-diagram-link:hover{color:#2d8f8f;text-decoration:underline}@media(max-width:600px){.page-shell{padding:32px 20px 64px}.hero{flex-direction:column;align-items:center;text-align:center;gap:16px}.hero-links{justify-content:center}.hero-name{font-size:22px!important}.work-item-header{padding:14px 16px}.work-body{padding:0 16px 16px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}