@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Geist+Mono:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg: #0d1117;--bg2: #161b22;--bg3: #21262d;--text: #e6edf3;--text2: #8b949e;--text3: #6e7681;--accent: #58a6ff;--success: #3fb950;--link: #58a6ff;--border: rgba(240, 246, 252, .08);--border2: rgba(247, 248, 249, .1);--card-bg: #161b22;--card-border: rgba(255, 255, 255, .06);--font-ui: "Geist Mono", "IBM Plex Mono", monospace;--font-code: "IBM Plex Mono", monospace;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 18px;--r-sm: 6px;--r-md: 10px;--r-lg: 12px;--r-pill: 999px}:root[data-theme=light]{--bg: #ffffff;--bg2: #f6f8fa;--bg3: #eaeef2;--text: #1f2328;--text2: #57606a;--text3: #6e7781;--accent: #0969da;--link: #0969da;--border: rgba(0, 0, 0, .08);--border2: rgba(84, 84, 84, .1);--card-bg: #f6f8fa;--card-border: rgba(0, 0, 0, .08)}body{background:var(--bg);color:var(--text);font-family:var(--font-code);font-size:var(--fs-base);line-height:1.7;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .2s ease,color .2s ease;overflow-x:hidden}h1,h2,h3,h4,.hero-name,.hero-tag,.section-title,.section-subtitle,.cta-btn,.footer-links a,.theme-btn,.page-title,.page-back,.modal-name{font-family:var(--font-ui)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:#58a6ff40;color:var(--text)}.col{width:100%;max-width:600px;margin:0 auto;padding:0 24px}.hero{padding:52px 0 48px}.hero-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.avatar{width:80px;height:80px;border-radius:var(--r-md);border:.5px solid var(--border2);overflow:hidden;flex-shrink:0;background:var(--bg2);display:flex;align-items:center;justify-content:center}.avatar img{width:100%;height:100%;object-fit:cover}.avatar .avatar-dark{display:block}.avatar .avatar-light{display:none}:root[data-theme=light] .avatar .avatar-dark{display:none}:root[data-theme=light] .avatar .avatar-light{display:block}.hero-name{font-family:var(--font-ui);font-size:var(--fs-lg);font-weight:500;color:var(--text);letter-spacing:-.01em;line-height:1.2;margin-bottom:4px}.hero-tag{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--text2);margin-bottom:22px}.hero-bio{font-family:var(--font-code);font-size:var(--fs-base);color:var(--text2);line-height:1.8;margin-bottom:0}.hero-bio p+p{margin-top:10px}.hero-bio a{color:var(--link);border-bottom:1px solid rgba(88,166,255,.3);transition:border-color .15s}.hero-bio a:hover{border-color:var(--link)}:root[data-theme=light] .hero-bio a{border-bottom-color:#0969da4d}:root[data-theme=light] .hero-bio a:hover{border-color:var(--link)}.cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.cta-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border2);background:var(--bg2);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:400;letter-spacing:.02em;color:var(--text2);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.cta-btn:hover{color:var(--text);background:var(--bg3);border-color:var(--border2)}.cta-btn:focus-visible,.project-card:focus-visible,.theme-btn:focus-visible,.list-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section{padding:32px 0;border-top:1px solid var(--border)}.section-title{font-family:var(--font-ui);font-size:var(--fs-base);font-weight:500;color:var(--text);margin-bottom:16px;text-align:left;letter-spacing:-.01em}.bring-section{padding:32px 0;border-top:1px solid var(--border)}.section-subtitle{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text3);letter-spacing:0;display:none}.bring-section .section-title{margin-bottom:4px}.bring-inner{position:relative;overflow:visible;width:100%;min-height:200px;margin-top:16px}.bring-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;width:180px}.bring-sub{font-family:var(--font-code);font-size:var(--fs-xs);color:var(--text3);line-height:1.5;opacity:.45}.pill{position:absolute;padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--border2);background:var(--bg2);font-family:var(--font-code);font-size:var(--fs-xs);color:var(--text2);cursor:grab;user-select:none;white-space:nowrap;z-index:2;transition:border-color .15s,color .15s,box-shadow .15s}.pill:hover{color:var(--text);border-color:var(--border2)}.pill.dragging{cursor:grabbing;box-shadow:0 4px 20px #00000073;z-index:10}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.project-card{position:relative;aspect-ratio:3 / 2.3;border-radius:var(--r-lg);padding:5px 5px 0;display:flex;flex-direction:column;align-items:stretch;cursor:pointer;appearance:none;-webkit-appearance:none;color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:hover{transform:scale(1.04);border-color:#ffffff26;box-shadow:inset 0 1px #ffffff24,0 4px 16px #0006}:root[data-theme=light] .project-card{background:#ffffff8c;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px #ffffffe6,0 2px 8px #00000012}:root[data-theme=light] .project-card:hover{border-color:#00000029;box-shadow:inset 0 1px #fffffff2,0 4px 16px #0000001c}.project-card-inner{flex:1;border-radius:var(--r-md);overflow:hidden;display:flex;align-items:stretch;justify-content:stretch;min-height:0;background:transparent}.project-card-svg-wrap{width:100%;height:100%;display:flex;align-items:stretch;flex:1}.project-card-svg-wrap svg{width:100%;height:100%;display:block}.project-card-name{font-family:var(--font-code);font-size:var(--fs-2xs);font-weight:400;color:var(--text3);text-align:center;line-height:1;flex-shrink:0;padding:5px 0;letter-spacing:.01em}.project-card:hover .project-card-name{color:var(--text2)}.modal-backdrop{display:none;position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex;animation:fadeIn .18s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:28px;max-width:380px;width:100%;position:relative;animation:slideUp .22s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes slideUp{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close{position:absolute;top:14px;right:16px;font-size:18px;color:var(--text3);cursor:pointer;background:none;border:none;font-family:var(--font-code);line-height:1;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-icon{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex-shrink:0}.modal-icon .icon-inner{width:100%;height:100%;position:relative}.modal-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:auto;filter:brightness(1.2)}.modal-name{font-family:var(--font-ui);font-size:var(--fs-lg);font-weight:500;color:var(--text);margin-bottom:8px;letter-spacing:-.01em}.modal-desc{font-family:var(--font-code);font-size:var(--fs-sm);color:var(--text2);line-height:1.75;margin-bottom:16px}.modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.modal-tag{font-family:var(--font-code);font-size:var(--fs-xs);color:var(--text3);background:var(--bg3);border:1px solid var(--border);padding:3px 8px;border-radius:var(--r-sm)}.modal-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-code);font-size:var(--fs-sm);color:var(--link);border-bottom:1px solid rgba(88,166,255,.3);padding-bottom:1px;transition:border-color .15s}.modal-link:hover{border-color:var(--link)}:root[data-theme=light] .modal-link{border-bottom-color:#0969da4d}.list-row{display:flex;align-items:center;gap:14px;padding:10px 8px;text-decoration:none;color:inherit;border-radius:var(--r-md);margin:0 -8px;transition:background .15s}.list-row:hover{background:var(--bg2)}.list-thumb{width:48px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.list-thumb img{width:100%;height:100%;object-fit:cover;display:block}.list-info{flex:1;min-width:0}.list-title{font-family:var(--font-code);font-size:var(--fs-md);color:var(--text);font-weight:400;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-date{font-family:var(--font-code);font-size:var(--fs-xs);color:var(--text3);margin-top:2px}.footer{padding:28px 0 44px;border-top:1px solid var(--border);margin-top:8px}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-links a{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text2);transition:color .15s}.footer-links a:hover{color:var(--text)}.theme-toggle{display:flex;gap:4px;align-items:center}.theme-btn{background:none;border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px;cursor:pointer;font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text3);transition:color .15s,border-color .15s,background .15s;display:flex;align-items:center;justify-content:center}.theme-btn:hover,.theme-btn.active{color:var(--text);border-color:var(--border2);background:var(--bg2)}.page-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text2);margin-bottom:28px;transition:color .15s;text-decoration:none}.page-back:hover{color:var(--text)}.page-title{font-family:var(--font-ui);font-size:19px;font-weight:500;color:var(--text);margin-bottom:6px;letter-spacing:-.01em;line-height:1.3}.page-meta{font-family:var(--font-code);font-size:var(--fs-sm);color:var(--text3);margin-bottom:28px}.page-body{font-family:var(--font-code);font-size:var(--fs-base);color:var(--text2);line-height:1.85}.page-body h2{font-family:var(--font-ui);font-size:var(--fs-base);font-weight:500;color:var(--text);margin:28px 0 8px}.page-body p{margin-bottom:14px}.page-body ul{margin:0 0 14px 18px}.page-body li{margin-bottom:5px}.page-body a{color:var(--link);border-bottom:1px solid rgba(88,166,255,.3)}@media (max-width: 640px){.col{padding:0 20px}.hero{padding:36px 0 32px}.list-title{white-space:normal}.projects-grid{grid-template-columns:repeat(3,1fr);gap:8px}.bring-inner{min-height:200px}.bring-center{width:150px}}@media (max-width: 500px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:8px}.project-card{aspect-ratio:3 / 2.2}.project-card-name{font-size:var(--fs-xs);padding:6px 0}.section-subtitle{display:block;margin-bottom:14px}.bring-inner{overflow:hidden;min-height:220px;margin-top:0;border-radius:var(--r-md)}.bring-center{display:none}.pill{font-size:10px;padding:5px 10px}.hero{padding:28px 0 24px}.hero-name{font-size:15px}.hero-tag{font-size:var(--fs-sm)}.hero-bio{font-size:var(--fs-md);line-height:1.75}.section,.bring-section{padding:24px 0}.section-title{font-size:var(--fs-md)}.cta-row{gap:6px}.cta-btn{font-size:var(--fs-xs);padding:6px 12px}.list-thumb{width:44px;height:33px}.list-title{font-size:var(--fs-sm);white-space:normal}.list-date{font-size:var(--fs-2xs)}.modal{padding:20px;border-radius:14px}.footer-links{gap:14px}.footer-links a{font-size:var(--fs-xs)}}@media (max-width: 360px){.col{padding:0 14px}.projects-grid{gap:6px}.project-card-name{font-size:var(--fs-2xs)}.bring-inner{min-height:200px}.pill{font-size:9px;padding:4px 8px}.hero-name{font-size:14px}.hero-bio{font-size:var(--fs-sm)}.cta-btn{font-size:var(--fs-2xs);padding:5px 10px}.list-title{font-size:var(--fs-xs)}.footer-links{gap:10px}}