*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #FAFAFA;--text-title: #111111;--text-body: #3E3E3E;--text-muted: #6B6B6B;--text-light: #8E8E8E;--border-dashed: rgba(0, 0, 0, .12);--border-solid: rgba(0, 0, 0, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-pixel: "VT323", monospace;--transition-fast: .2s ease;--accent-orange: #E8651A}html{font-size:16px;background-color:var(--bg-page);color:var(--text-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);line-height:1.6;min-height:100vh;display:flex;justify-content:center}::selection{background-color:#111;color:#fff}.neural-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.6}.page-container{width:100%;max-width:680px;padding:64px 24px 80px;display:flex;flex-direction:column;gap:32px;position:relative;z-index:10}.profile-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px}.avatar-container{width:88px;height:88px;position:relative;z-index:30;flex-shrink:0;order:2}.avatar-draggable{width:88px;height:88px;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #11111124;background-color:#eaeaea;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;position:absolute;top:0;left:0;will-change:transform;transition:box-shadow .25s ease}.avatar-draggable:hover{box-shadow:0 8px 24px #1113}.avatar-draggable.is-dragging{cursor:grabbing;box-shadow:0 16px 36px #11111142;z-index:50;transition:none}.profile-avatar{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.header-content{display:flex;flex-direction:column;gap:8px;order:1;flex:1}.profile-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-title);letter-spacing:-.02em;line-height:1.2}.typewriter{font-family:var(--font-pixel);font-size:.82rem;font-weight:500;min-height:1.5em;margin:0;color:var(--text-body);line-height:1.4}.cursor{margin-left:1px;color:var(--accent-orange);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.typed-orange{color:var(--accent-orange)}@media (prefers-reduced-motion: reduce){.cursor{animation:none}}.profile-bio{font-size:.88rem;color:var(--text-body);line-height:1.6;max-width:520px}.profile-meta{font-size:.78rem;color:var(--text-muted)}.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text-muted);margin-top:1px;width:fit-content}.status-dot-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:8px;height:8px}.status-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;display:block}.status-dot-ping{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#10b981;opacity:.75;animation:statusPing 2s cubic-bezier(0,0,.2,1) infinite}@keyframes statusPing{0%{transform:scale(1);opacity:.8}75%,to{transform:scale(2.8);opacity:0}}@media (prefers-reduced-motion: reduce){.status-dot-ping{animation:none;opacity:0}}.profile-links{display:flex;align-items:center;gap:16px;margin-top:4px}.profile-links a,.link-btn{font-size:.8rem;color:var(--text-muted);text-decoration:none;background:none;border:none;font-family:inherit;cursor:pointer;padding:0;transition:color var(--transition-fast)}.profile-links a:hover,.link-btn:hover{color:var(--text-title);text-decoration:underline}.text-link{color:var(--text-title);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#0000004d;transition:text-decoration-color var(--transition-fast)}.text-link:hover{text-decoration-color:var(--text-title)}.skills-grid{display:flex;flex-direction:column;gap:8px}.skill-group{display:grid;grid-template-columns:160px 1fr;align-items:start;gap:0 16px}.skill-group-label{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em;padding-top:4px;white-space:nowrap}.skill-tags{display:flex;flex-wrap:wrap;gap:5px}.skill-tag{font-size:.73rem;font-weight:500;color:var(--text-body);background-color:#fff;border:1px solid var(--border-solid);border-radius:4px;padding:2px 9px;transition:all var(--transition-fast);cursor:default;line-height:1.6}.skill-tag:hover{border-color:#0000004d;color:var(--text-title);background-color:#f5f5f5}@media (max-width: 600px){.skill-group{grid-template-columns:1fr;gap:4px}}.content-section{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px dashed var(--border-dashed)}.section-title{font-family:var(--font-sans);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:lowercase;color:#1111118c}.section-block{display:flex;flex-direction:column;gap:12px}.section-intro{font-size:.86rem;color:var(--text-body);line-height:1.6}.item-header{display:flex;flex-direction:column}.item-role{font-size:.82rem;color:var(--text-muted)}.item-bullets{list-style:none;display:flex;flex-direction:column;gap:5px}.item-bullets li{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;color:var(--text-body);line-height:1.6}.bullet-dot{color:var(--text-light);-webkit-user-select:none;user-select:none;font-weight:600}.item-bullets strong{font-weight:600;color:var(--text-title)}.inline-photo-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.strip-item{display:flex;align-items:center;gap:10px;padding:6px;background-color:#fff;border:1px solid var(--border-solid);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.strip-item:hover{border-color:#00000040;transform:translateY(-1px)}.strip-img{width:44px;height:44px;object-fit:cover;border-radius:3px;filter:grayscale(100%);transition:filter var(--transition-fast)}.strip-item:hover .strip-img{filter:grayscale(0%)}.strip-label{font-size:.74rem;font-weight:600;color:var(--text-title);line-height:1.3}.photo-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.gallery-card{display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:transform var(--transition-fast)}.gallery-card:hover{transform:translateY(-2px)}.gallery-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;border:1px solid var(--border-solid);filter:grayscale(100%) contrast(1.08);transition:all var(--transition-fast)}.gallery-card:hover .gallery-img{filter:grayscale(0%) contrast(1);border-color:#00000040}.gallery-caption{font-size:.68rem;color:var(--text-muted);line-height:1.3;display:block}.projects-list{display:flex;flex-direction:column;gap:22px}.project-entry{display:flex;flex-direction:column;gap:3px}.project-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.project-title{font-size:.94rem;font-weight:600;color:var(--text-title)}.project-link{font-size:.76rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.project-link:hover{color:var(--text-title);text-decoration:underline}.project-tech{font-size:.76rem;color:var(--text-muted);line-height:1.5;margin-bottom:4px}.connect-text{font-size:.88rem;color:var(--text-body)}.connect-links-row{display:flex;flex-direction:column;gap:6px;margin-top:4px}.connect-link{font-size:.82rem;color:var(--text-body);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color var(--transition-fast)}button.connect-link{background:none;border:none;font-family:inherit;font-size:.82rem;color:var(--text-body);cursor:pointer;padding:0;text-align:left}.connect-link span{color:var(--text-muted);font-weight:500}.copy-badge{font-size:.68rem;padding:1px 7px;border-radius:4px;background:#0000000a;color:var(--text-muted);border:1px solid rgba(0,0,0,.08);font-weight:500;letter-spacing:.02em;transition:all var(--transition-fast)}.connect-link:hover .copy-badge{background:#111;color:#fff;border-color:#111}.connect-link:hover{color:var(--text-title);text-decoration:underline}.toast-notification{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:#111;color:#fff;font-size:.78rem;font-weight:500;padding:8px 18px;border-radius:9999px;box-shadow:0 10px 30px #00000038;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);z-index:1000}.toast-notification.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast-icon{color:#10b981;font-weight:700;font-size:.85rem}.page-footer{margin-top:16px;padding-top:24px;border-top:1px dashed var(--border-dashed)}.footer-copy{font-size:.74rem;color:var(--text-light)}.lightbox-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.lightbox-modal.active{display:flex}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-content{position:relative;z-index:101;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-image{max-width:100%;max-height:75vh;border-radius:6px;box-shadow:0 10px 40px #00000059;object-fit:contain}.lightbox-caption-text{font-size:.82rem;color:#fff;text-align:center}.lightbox-close-btn{position:absolute;top:-36px;right:0;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px 8px;opacity:.8;transition:opacity var(--transition-fast)}.lightbox-close-btn:hover{opacity:1}@media (max-width: 600px){.page-container{padding:40px 18px 60px;gap:26px}.photo-gallery-grid{grid-template-columns:repeat(2,1fr)}.inline-photo-strip{grid-template-columns:1fr}}