*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e8e8e8;background:#1e1e20;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.site{max-width:900px;margin:0 auto;padding:60px 40px;position:relative}.ripple{pointer-events:none;z-index:9999;background:0 0;border:1.5px solid #a8c68666;border-radius:50%;width:80px;height:80px;animation:1.2s ease-out forwards ripple-expand;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes ripple-expand{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.toast{color:#e8e8e8;pointer-events:none;z-index:9999;background:#3a3a3c;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;animation:1.5s ease-out forwards toast-fade;position:fixed;transform:translate(-50%,-120%)}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,-100%)}15%{opacity:1;transform:translate(-50%,-120%)}70%{opacity:1;transform:translate(-50%,-120%)}to{opacity:0;transform:translate(-50%,-140%)}}header{justify-content:space-between;align-items:center;margin-bottom:80px;display:flex}.name{color:#b8d696;margin:0;font-size:26px;font-weight:600}.subtitle{color:#bbb;margin-top:4px;font-size:14px}nav{align-items:center;gap:20px;display:flex}nav a{color:#aaa;font-size:16px;text-decoration:none;transition:color .2s}nav a:hover{color:#e8e8e8}nav a svg{display:block}.about{margin-bottom:48px}.about .intro{color:#e8e8e8}.about p{color:#e8e8e8;margin-bottom:20px;font-size:17px;line-height:1.7}.about p:last-child{margin-bottom:0}.tabs{gap:24px;margin-bottom:28px;display:flex}.tab{color:#888;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:15px;font-weight:500;transition:color .2s}.tab:hover{color:#999}.tab.active{color:#b8d696}.tab-content{min-height:440px}.other-roles-toggle{color:#888;letter-spacing:.5px;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #444;width:100%;margin-bottom:20px;padding:16px 0 0;font-family:inherit;font-size:14px;transition:color .2s;display:block}.other-roles-toggle:hover{color:#888}.other-roles{margin-top:4px}.entry{margin-bottom:28px}.entry-description{color:#e8e8e8;margin-bottom:4px;font-size:17px;line-height:1.5}.entry-description a{color:#e8e8e8;text-underline-offset:3px;text-decoration:underline}.entry-description a:hover{color:#fff}.entry-meta{color:#aaa;font-size:16px;line-height:1.5}.entry-meta a{color:#aaa;text-underline-offset:3px;text-decoration:underline}.entry-meta a:hover{color:#e8e8e8}.info-bubble-wrap{display:inline-block;position:relative}.info-trigger{color:#888;cursor:pointer;vertical-align:middle;background:0 0;border:none;align-items:center;padding:0 2px;transition:color .2s;display:inline-flex}.info-trigger svg{display:block}.info-trigger:hover{color:#e8e8e8}.info-card{white-space:nowrap;z-index:100;background:#2a2a2c;border:1px solid #444;border-radius:8px;flex-direction:column;gap:6px;padding:10px 14px;animation:.15s ease-out info-fade-in;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.info-card:before{content:"";width:14px;position:absolute;top:0;bottom:0;right:100%}.info-card:after{content:"";border:6px solid #0000;border-right-color:#444;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.info-tech{color:#999;font-size:13px}.info-link{color:#b8d696;font-size:13px;text-decoration:none;transition:color .2s}.info-link:hover{color:#d0eab0}.info-arrow{font-size:12px}@keyframes info-fade-in{0%{opacity:0;transform:translateY(-50%)translate(-4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.project-entry{justify-content:space-between;align-items:flex-start;display:flex}.project-name{font-weight:400}.project-links{flex-shrink:0;gap:12px;padding-top:2px;display:flex}.project-links a{color:#aaa;font-size:15px;text-decoration:none}.project-links a:hover{color:#e8e8e8}