:root{--bg:#09090b;--bg-elevated:#111113;--bg-card:#141416;--bg-hover:#1a1a1e;--border:#ffffff14;--border-hover:#ffffff24;--text:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#e4e4e7;--accent-subtle:#e4e4e70f;--status-green:#4ade80;--status-blue:#60a5fa;--status-amber:#fbbf24;--status-purple:#a78bfa;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0006;--shadow-lg:0 8px 32px #00000080;--nav-height:72px;--nav-height-compact:60px;--max-width:1120px;--page-padding:clamp(20px, 5vw, 48px);--transition:.2s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{flex-direction:column;min-height:100vh;display:flex;position:relative}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 70%)}.main{z-index:1;flex:1;position:relative}.page{max-width:var(--max-width);padding:calc(var(--nav-height) + 48px) var(--page-padding) 80px;margin:0 auto}.page-enter{animation:.4s pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px;font-size:11px;font-weight:500}h1,h2,h3,h4{letter-spacing:-.03em;line-height:1.15}.navbar{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:height var(--transition), background var(--transition);background:#09090bbf;position:fixed;top:0;left:0;right:0}.navbar--compact{height:var(--nav-height-compact);background:#09090beb}.navbar__inner{max-width:var(--max-width);padding:0 var(--page-padding);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.navbar__logo{font-family:var(--font-mono);letter-spacing:.04em;transition:opacity var(--transition);font-size:14px;font-weight:500}.navbar__logo:hover{opacity:.7}.navbar__dot{color:var(--text-muted)}.navbar__nav{gap:4px;display:flex}.navbar__link{color:var(--text-secondary);transition:color var(--transition), background var(--transition);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.navbar__link:hover,.navbar__link--active{color:var(--text);background:var(--accent-subtle)}.navbar__toggle{cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0;display:none;position:relative}.navbar__toggle span{background:var(--text);width:18px;height:1.5px;transition:transform var(--transition), opacity var(--transition);display:block;position:absolute;left:7px}.navbar__toggle span:first-child{top:12px}.navbar__toggle span:last-child{top:18px}.navbar__toggle--open span:first-child{transform:rotate(45deg)translate(2px,2px)}.navbar__toggle--open span:last-child{transform:rotate(-45deg)translate(2px,-2px)}.navbar__mobile{display:none}.hero{padding-bottom:64px}.hero__meta{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.hero__index{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.hero__status{font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;display:flex}.hero__status-label{color:var(--text-muted)}.hero__status-value{color:var(--status-green);font-weight:500}.status-dot{background:var(--status-green);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #4ade8066}.hero__heading{margin:0 0 24px;font-size:clamp(36px,6vw,64px);font-weight:700}.hero__line{display:block}.hero__supporting{color:var(--text-secondary);max-width:520px;margin:0 0 36px;font-size:18px;line-height:1.65}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.hero__secondary-link{color:var(--text-muted);transition:color var(--transition);font-size:14px}.hero__secondary-link:hover{color:var(--text)}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn--primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn--primary:hover{background:var(--accent);border-color:var(--accent)}.btn--secondary{color:var(--text);border-color:var(--border-hover);background:0 0}.btn--secondary:hover{background:var(--accent-subtle);border-color:var(--border-hover)}.currently{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:64px;padding:32px 0 64px}.currently__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.currently__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.currently__value{color:var(--text);font-size:15px;font-weight:500}.section{margin-bottom:80px}.section-header{margin-bottom:40px}.section-header__title{margin:0 0 12px;font-size:clamp(28px,4vw,36px);font-weight:700}.section-header__subtitle{color:var(--text-secondary);max-width:540px;margin:0;font-size:16px;line-height:1.65}.link-arrow{color:var(--text-secondary);transition:color var(--transition);margin-top:32px;font-size:14px;font-weight:500;display:inline-block}.link-arrow:hover{color:var(--text)}.project-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);padding:24px;position:relative}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-card__placeholder-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--accent-subtle);border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:10px;position:absolute;top:16px;right:16px}.project-card__header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.project-card__status{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500}.status--progress{color:var(--status-blue);background:#60a5fa0f;border-color:#60a5fa33}.status--active{color:var(--status-green);background:#4ade800f;border-color:#4ade8033}.status--completed{color:var(--text-secondary)}.status--experiment{color:var(--status-purple);background:#a78bfa0f;border-color:#a78bfa33}.status--prototype{color:var(--status-amber);background:#fbbf240f;border-color:#fbbf2433}.status--archived{color:var(--text-muted)}.project-card__category{color:var(--text-muted);font-size:12px}.project-card__title{margin:0 0 10px;font-size:18px;font-weight:600}.project-card__title a{transition:opacity var(--transition)}.project-card__title a:hover{opacity:.7}.project-card__description{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.6}.project-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tag{font-family:var(--font-mono);color:var(--text-muted);background:var(--accent-subtle);border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:11px}.tag--muted{opacity:.6}.tag--placeholder{color:var(--status-amber);border-color:#fbbf2426}.project-card__links{gap:16px;display:flex}.project-card__link{color:var(--text-secondary);transition:color var(--transition);font-size:13px;font-weight:500}.project-card__link:hover{color:var(--text)}.notes-preview{background:var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.note-preview-item{background:var(--bg-card);transition:background var(--transition);padding:24px}.note-preview-item:hover{background:var(--bg-hover)}.note-preview-item__meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.note-preview-item h3{margin:0 0 8px;font-size:16px;font-weight:600}.note-preview-item p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.about-content{flex-direction:column;gap:48px;display:flex}.about-section h3{margin:0 0 16px;font-size:20px;font-weight:600}.about-section p{color:var(--text-secondary);max-width:640px;margin:0;line-height:1.7}.about-section__note{color:var(--text-muted);font-size:14px;margin-bottom:24px!important}.about-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.about-list li{color:var(--text-secondary);padding-left:16px;position:relative}.about-list li:before{content:"—";color:var(--text-muted);position:absolute;left:0}.education-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:480px;padding:24px}.education-card__header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.education-card__header strong{font-size:16px}.education-card__dates{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.education-card__degree{color:var(--text-secondary);margin:0 0 8px;font-size:14px}.education-card__details{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.skills-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.skills-category h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;font-size:11px}.skills-list{flex-wrap:wrap;gap:8px;display:flex}.tech-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition);align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.tech-badge:hover{border-color:var(--border-hover)}.tech-badge__level{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:10px;font-weight:400}.back-link{color:var(--text-muted);transition:color var(--transition);margin-bottom:32px;font-size:14px;display:inline-block}.back-link:hover{color:var(--text)}.project-detail__header{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:48px}.project-detail__meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.project-detail__year{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.project-detail__header h1{margin:0 0 16px;font-size:clamp(28px,4vw,40px);font-weight:700}.project-detail__summary{color:var(--text-secondary);max-width:640px;margin:0 0 20px;font-size:18px;line-height:1.65}.project-detail__tags{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.project-detail__links{flex-wrap:wrap;gap:12px;display:flex}.case-study-section{max-width:680px;margin-bottom:40px}.case-study-section h2{color:var(--text);margin:0 0 12px;font-size:16px;font-weight:600}.case-study-section p{color:var(--text-secondary);margin:0;line-height:1.75}.case-study-section--highlight{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.now-updated{font-family:var(--font-mono);color:var(--text-muted);margin:-24px 0 40px;font-size:13px}.now-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.now-section h3{font-size:14px;font-weight:600;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px}.now-section ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.now-section li{color:var(--text-secondary);padding-left:16px;font-size:15px;line-height:1.5;position:relative}.now-section li:before{content:"";background:var(--text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:0}.now-section__type{font-family:var(--font-mono);color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.lab-list{flex-direction:column;gap:12px;display:flex}.lab-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition);padding:24px}.lab-item:hover{border-color:var(--border-hover)}.lab-item__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.lab-item__header h3{margin:0;font-size:16px;font-weight:600}.lab-item p{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.6}.lab-item__footer{justify-content:space-between;align-items:center;display:flex}.lab-item__links{gap:16px;display:flex}.lab-item__links a{color:var(--text-secondary);transition:color var(--transition);font-size:13px;font-weight:500}.lab-item__links a:hover{color:var(--text)}.lab-item__no-link{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.notes-categories{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.notes-list{background:var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.note-item{background:var(--bg-card);padding:28px 24px}.note-item__meta{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.note-item__reading-time{color:var(--text-muted)}.note-item h3{margin:0 0 8px;font-size:18px;font-weight:600}.note-item p{color:var(--text-secondary);max-width:640px;margin:0;font-size:14px;line-height:1.65}.note-item__coming-soon{font-family:var(--font-mono);color:var(--text-muted);margin-top:12px;font-size:11px;display:inline-block}.contact-content{max-width:480px}.contact-social{margin-bottom:40px}.social-links{flex-direction:column;gap:4px;display:flex}.social-links__item{border-bottom:1px solid var(--border);transition:color var(--transition), padding-left var(--transition);justify-content:space-between;align-items:center;padding:16px 0;font-size:20px;font-weight:600;display:flex}.social-links__item:hover{color:var(--text-secondary);padding-left:8px}.social-links__item span{color:var(--text-muted);font-size:14px}.contact-email{margin-bottom:32px}.contact-email p{color:var(--text-muted);margin:0 0 8px;font-size:14px}.contact-email__link{font-family:var(--font-mono);color:var(--text);transition:opacity var(--transition);font-size:16px}.contact-email__link:hover{opacity:.7}.contact-note{color:var(--text-muted);font-size:13px;line-height:1.6}.footer{border-top:1px solid var(--border);padding:48px var(--page-padding) 32px;z-index:1;position:relative}.footer__top{max-width:var(--max-width);justify-content:space-between;gap:48px;margin:0 auto 32px;display:flex}.footer__logo{font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:8px;font-size:14px;font-weight:500;display:inline-block}.footer__tagline{color:var(--text-muted);margin:0 0 12px;font-size:14px}.footer__status{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.footer__nav{grid-template-columns:repeat(2,1fr);gap:8px 32px;display:grid}.footer__link{color:var(--text-secondary);transition:color var(--transition);font-size:13px}.footer__link:hover{color:var(--text)}.footer__bottom{max-width:var(--max-width);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 auto;padding-top:24px;display:flex}.footer__bottom small{color:var(--text-muted);font-size:12px}.footer__social{gap:20px;display:flex}.footer__social a{color:var(--text-secondary);transition:color var(--transition);font-size:13px}.footer__social a:hover{color:var(--text)}.footer__shortcut{font-family:var(--font-mono);color:var(--text-muted);margin-left:8px;font-size:11px}.footer__shortcut kbd{background:var(--accent-subtle);border:1px solid var(--border);border-radius:3px;margin:0 1px;padding:2px 5px}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:flex-start;padding-top:20vh;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-palette{background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:.2s paletteEnter;overflow:hidden}@keyframes paletteEnter{0%{opacity:0;transform:scale(.98)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.command-palette__search{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:12px;padding:16px;display:flex}.command-palette__search input{color:var(--text);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:15px}.command-palette__search input::placeholder{color:var(--text-muted)}.command-palette__search kbd{font-family:var(--font-mono);color:var(--text-muted);background:var(--accent-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:11px}.command-palette__list{max-height:320px;margin:0;padding:8px;list-style:none;overflow-y:auto}.command-palette__item{width:100%;color:var(--text);font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background var(--transition);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.command-palette__item:hover,.command-palette__item--active{background:var(--accent-subtle)}.command-palette__type{font-family:var(--font-mono);color:var(--text-muted);text-transform:capitalize;font-size:11px}.command-palette__empty{text-align:center;color:var(--text-muted);padding:24px;font-size:14px}.command-palette__footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);gap:16px;padding:10px 16px;font-size:11px;display:flex}.command-palette__footer kbd{background:var(--accent-subtle);border:1px solid var(--border);border-radius:3px;margin-right:4px;padding:1px 5px}kbd{font-family:var(--font-mono);font-size:11px}.navbar__hint kbd{background:var(--accent-subtle);border:1px solid var(--border);border-radius:4px;margin:0 2px;padding:2px 6px}@media (width<=1024px){.currently__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--nav-height:60px;--nav-height-compact:56px}.navbar__nav{display:none}.navbar__toggle{display:block}.navbar__mobile{top:var(--nav-height);background:var(--bg);padding:24px var(--page-padding);z-index:99;transition:transform .3s;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translate(100%)}.navbar__mobile--open{transform:translate(0)}.navbar__mobile nav{flex-direction:column;gap:4px;display:flex}.navbar__mobile-link{color:var(--text-secondary);border-bottom:1px solid var(--border);transition:color var(--transition);padding:12px 0;font-size:24px;font-weight:600}.navbar__mobile-link--active,.navbar__mobile-link:hover{color:var(--text)}.navbar__hint{font-family:var(--font-mono);color:var(--text-muted);margin-top:32px;font-size:12px}.project-grid,.skills-grid,.now-grid{grid-template-columns:1fr}.hero__meta{margin-bottom:32px}.footer__top{flex-direction:column;gap:32px}.footer__nav{grid-template-columns:repeat(2,1fr)}}@media (width<=390px){.hero__actions{flex-direction:column}.btn{justify-content:center;width:100%}.currently__grid{grid-template-columns:1fr;gap:20px}}