*{box-sizing:border-box}:root{font-family:Space Mono,monospace;font-size:15px;line-height:1.6;font-weight:700;color:#1a1a1a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;background:#fff}#root{width:100%}button{font-family:inherit}.app-shell{min-height:100vh;padding:2.5rem 3.5rem;background:#fff;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:flex-start}.name-block .name{margin:0;font-size:1.1rem}.name-block .email{margin:.1rem 0 0;font-size:.85rem;color:#555}.name-block .linkedin-link{display:block;margin:.1rem 0 0;font-size:.85rem;color:#555}.name-block .linkedin-link:hover{color:#1a1a1a}.nav-links{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.nav-link{border:none;background:transparent;font-size:.95rem;cursor:pointer;padding:0;text-decoration:underline;color:#1a1a1a;font-weight:inherit}.nav-link:hover{color:#555}.landing{flex:1;display:flex;align-items:center;justify-content:center;gap:2rem;max-width:640px;width:100%;margin:0 auto}.intro p{margin:0 0 1rem}.intro .bio{font-weight:400}.portrait img{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center 20%;flex-shrink:0}.projects-page{min-height:100vh;padding:2.5rem 3.5rem;background:#fff;display:flex;flex-direction:column}.projects-header{display:flex;justify-content:space-between;align-items:baseline}.projects-header h2{margin:0;font-size:1rem;font-weight:inherit;text-decoration:underline}.back-link{border:none;background:transparent;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;color:#1a1a1a;font-weight:inherit}.back-link:hover{color:#555}.project-list{max-width:640px;margin:4rem auto 0}.project-row{display:flex;justify-content:space-between;align-items:baseline;padding:.75rem 0;border-bottom:1px solid #e0e0e0;cursor:pointer}.project-row:first-child{border-top:1px solid #e0e0e0}.project-row:hover{color:#555}.project-row-title{margin:0}.project-row-arrow{font-size:.85rem;color:#999}.project-detail{max-width:640px;margin:0 auto;flex:1;display:flex;align-items:center;justify-content:center}.project-detail p{margin:0}.bottom-home-link{position:fixed;bottom:2.5rem;left:3.5rem;border:none;background:transparent;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;color:#999;font-weight:400}.bottom-home-link:hover{color:#1a1a1a}.recent-project{position:fixed;bottom:2.5rem;left:3.5rem;border:none;background:transparent;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;color:#555;font-weight:400}.recent-project:hover{color:#1a1a1a}.vibecoded{position:fixed;bottom:2.5rem;right:3.5rem;font-size:.85rem;color:#999;font-weight:400}@media (max-width: 640px){.app-shell,.projects-page{padding:1.5rem}.vibecoded{bottom:1.5rem;right:1.5rem}.bottom-home-link,.recent-project{bottom:1.5rem;left:1.5rem}.landing{flex-direction:column;gap:1.5rem}.portrait img{width:100px;height:100px}}.chess-puzzle{display:flex;flex-direction:column;align-items:center;gap:1rem}.chess-puzzle .puzzle-info{font-size:.85rem;color:#555;display:flex;gap:1.5rem}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(400px,calc(100vw - 3rem));height:min(400px,calc(100vw - 3rem));border:1px solid #1a1a1a}.chess-square{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.chess-piece-img{width:85%;height:85%}.chess-piece-img[draggable=true]{cursor:grab}.chess-piece-img[draggable=true]:active{cursor:grabbing}.chess-square.light{background:#f0d9b5}.chess-square.dark{background:#b58863}.chess-square.selected{background:#829769}.chess-square.legal-target:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#0003}.chess-square.legal-target.has-piece:after{width:90%;height:90%;border-radius:50%;background:transparent;border:3px solid rgba(0,0,0,.2)}.chess-square.last-move.light{background:#cdd16a}.chess-square.last-move.dark{background:#aaa23a}.puzzle-status{font-size:.9rem;min-height:1.4rem}.puzzle-status.correct{color:#2e7d32}.puzzle-status.wrong{color:#c62828}.puzzle-loading{color:#555;font-size:.85rem}.puzzle-error{color:#c62828;font-size:.85rem}