:root{color-scheme:dark;--bg:#000;--text:#f4f4f5;--muted:#999;--dim:#666;--line:#252525;--accent:#b8f36b}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;padding-left:var(--dock-width,88px);background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--text);text-decoration:none}button{font:inherit}body::-webkit-scrollbar{display:none}.site-dock{position:fixed;z-index:5;inset:0 auto 0 0;width:88px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:28px 12px;background:#000}.dock-brand{font-size:1.5rem;font-weight:700;letter-spacing:-.1em}.dock-brand span{color:var(--accent)}.dock-tabs{display:grid;gap:20px;margin:auto 0}.nav-item{border:0;background:none;color:#777;cursor:pointer;display:grid;justify-items:center;gap:6px;padding:8px 0;font-size:.56rem;letter-spacing:.05em;transition:color .2s}.nav-item:hover,.nav-item.active{color:var(--text)}.nav-item.active .dock-icon{color:var(--accent)}.nav-item small{color:#555;font-size:.55rem}.dock-icon{font-size:1rem;color:#777;line-height:1}.dock-contact{margin-bottom:5px}.avatar{width:28px;height:28px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:.7rem}.intro,main{width:min(650px,calc(100% - 3rem));margin:0 auto}.intro{padding:4.5rem 0 4rem}.kicker{margin:0 0 1.25rem;color:#888;font-size:.64rem;letter-spacing:.15em}.intro>p:last-child{margin:0;color:#c4c4c7;font-size:.8rem;line-height:1.7}.panel{display:none;padding-bottom:7rem}.panel.active-panel{display:block}.subtabs{display:flex;gap:1.6rem;border-bottom:1px solid var(--line);margin-bottom:3rem}.subtabs span{padding:0 0 13px;color:#777;font-size:.78rem}.subtabs .selected{color:var(--text);border-bottom:2px solid var(--text)}.ref-section+ .ref-section{margin-top:4.5rem}.ref-section h2,.stack h2{margin:0 0 1.1rem;font-size:.7rem;font-weight:650;letter-spacing:.13em}.ref-list,.simple-list{list-style:none;margin:0;padding:0}.ref-list li{display:flex;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}.ref-list b{display:block;font-size:.9rem;font-weight:550}.ref-list p{margin:.35rem 0 0;color:#999;font-size:.76rem;line-height:1.55}.ref-list>li>span{flex:none;color:#777;font-size:.63rem;letter-spacing:.08em;padding-top:.15rem}.simple-list li{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line);color:#ddd;font-size:.8rem}.simple-list li span{color:var(--dim);font-size:.63rem}.project-index{display:grid;gap:.75rem}.project-index>a,.project-row{display:flex;justify-content:space-between;gap:1.4rem;padding:1.1rem 1.15rem;border:1px solid var(--line);border-radius:9px;transition:border-color .2s,background .2s}.project-index>a:hover{border-color:#555;background:#0c0c0c}.project-index b{font-size:.88rem;font-weight:600}.project-index p{margin:.45rem 0;color:#999;font-size:.76rem;line-height:1.55}.project-index small{color:#777;font-size:.62rem;letter-spacing:.04em}.project-index>a>span,.project-row>span{flex:none;color:var(--accent);font-size:.65rem}.project-row>span{color:#666}.stack{margin-top:4.5rem}.stack>div{display:flex;flex-wrap:wrap;gap:.5rem}.stack span{padding:.48rem .65rem;border:1px solid var(--line);border-radius:5px;color:#bbb;font-size:.7rem}.contact-panel h2{margin:0 0 .4rem;font-size:2.1rem;font-weight:550;letter-spacing:-.04em}.contact-role{margin:0 0 2.5rem;color:#999;font-size:.8rem}.contact-email{display:block;padding-bottom:1rem;border-bottom:1px solid #555;font-size:1.35rem;overflow-wrap:anywhere}.contact-email span,.contact-links span{color:var(--accent)}.contact-links{display:flex;gap:2rem;margin-top:2.5rem}.contact-links a{color:#aaa;font-size:.75rem}.contact-links a:hover{color:#fff}footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:1.4rem 0 2.2rem;color:#666;font-size:.58rem;letter-spacing:.06em}@media(max-width:600px){body{padding:0 0 70px}.site-dock{inset:auto 0 0;width:100%;height:70px;border:0;border-top:1px solid var(--line);flex-direction:row;padding:7px 16px}.dock-brand{font-size:1.25rem}.dock-tabs{display:flex;gap:1rem;margin:0 auto}.nav-item{display:flex;align-items:center;gap:.35rem;padding:7px 3px;font-size:.54rem}.nav-item small{display:none}.dock-contact{margin:0}.intro,main{width:min(100% - 2rem,650px)}.intro{padding:2.4rem 0 3rem}.intro>p:last-child{font-size:.75rem}.panel{padding-bottom:4rem}.subtabs{margin-bottom:2.2rem}.ref-section+ .ref-section,.stack{margin-top:3.3rem}.ref-list li{gap:1rem}.ref-list b{font-size:.82rem}.ref-list p{font-size:.72rem}.project-index>a,.project-row{padding:1rem}.project-index p{font-size:.72rem}footer{flex-direction:column;gap:.55rem;padding-bottom:1rem}}