:root{--color-bg:#0b0b0d;--color-surface:#121216;--color-surface-deep:#0e0e11;--color-text:#f2f2ef;--color-text-secondary:#9a9aa3;--color-text-tertiary:#5d5d66;--color-line:#f2f2ef1f;--color-accent:#d9ff4b;--font-sans:"Inter", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Mono", Consolas, "Courier New", monospace;--text-hero:clamp(3rem, 12vw, 10rem);--text-section:clamp(2rem, 5vw, 4rem);--text-body:clamp(1rem, 1.4vw, 1.25rem);--text-small:.875rem;--text-tiny:.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--nav-height:64px;--content-max:1440px;--content-pad:clamp(20px, 4vw, 64px);--z-nav:100;--z-overlay:200;--z-debug:300;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-base:.4s;--duration-slow:.8s}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7}h1,h2,h3,h4{letter-spacing:0;margin:0;font-weight:600;line-height:1.25}h1{font-size:var(--text-hero)}h2{font-size:var(--text-section)}p{margin:0}.label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.mono{font-family:var(--font-mono)}a{color:inherit}::selection{background:var(--color-accent);color:var(--color-bg)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:auto;background:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);min-height:100vh;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button{font:inherit;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-line)}:focus-visible{outline:1px solid var(--color-accent);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.not-found{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:100vh;display:flex}.not-found__code{font-family:var(--font-mono);font-size:var(--text-hero);color:var(--color-text-secondary)}.not-found__text{color:var(--color-text-secondary)}.not-found__back{color:var(--color-accent);text-underline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navbar{z-index:var(--z-nav);height:var(--nav-height);padding:0 var(--content-pad);color:var(--color-text);mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.navbar>*{pointer-events:auto}.navbar__logo{font-family:var(--font-mono);letter-spacing:.14em;color:inherit;align-items:center;gap:10px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar__logo-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.navbar__links{gap:clamp(16px,3vw,40px);display:flex}.navbar__link{color:inherit;font-family:var(--font-sans);letter-spacing:.08em;cursor:pointer;opacity:.55;transition:opacity .25s var(--ease-out);background:0 0;border:none;padding:6px 0;font-size:.8125rem;position:relative}.navbar__link:after{content:"";height:1px;transition:right .3s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:100%}@media (hover:hover){.navbar__link:hover{opacity:1}}.navbar__link.is-active{opacity:1}.navbar__link.is-active:after{right:0}.navbar__menu-button{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.2em;color:inherit;cursor:pointer;background:0 0;border:none;padding:14px 0;display:none}.navbar__menu{z-index:var(--z-overlay);background:var(--color-bg);color:var(--color-text);justify-content:center;gap:var(--space-6);padding:calc(var(--nav-height) + var(--space-4)) var(--content-pad) var(--space-6);animation:navbar-menu-in .28s var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0}.navbar__menu-links{flex-direction:column;display:flex}.navbar__menu-link{align-items:baseline;gap:var(--space-3);padding:var(--space-4) 0;border:none;border-top:1px solid var(--color-line);cursor:pointer;text-align:left;animation:navbar-menu-link-in .4s var(--ease-out) both;background:0 0;grid-template-columns:44px 1fr;display:grid}.navbar__menu-link:last-child{border-bottom:1px solid var(--color-line)}.navbar__menu-index{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--color-accent);font-variant-numeric:tabular-nums}.navbar__menu-label{letter-spacing:0;font-size:clamp(1.5rem,7vw,2.25rem);font-weight:650}.navbar__menu-foot{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;color:var(--color-text-tertiary)}@media (width<=768px){.navbar__links{display:none}.navbar__menu-button{display:block}}@keyframes navbar-menu-in{0%{opacity:0}to{opacity:1}}@keyframes navbar-menu-link-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.navbar__link,.navbar__link:after,.navbar__menu,.navbar__menu-link{transition:none;animation:none}}.opening{z-index:var(--z-overlay);background:var(--color-bg);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.opening__content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.opening__logo{color:var(--color-accent)}.opening__counter{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.24em;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.world-scene{width:100%;height:100%;display:block}.world-scene [data-scene-role]{opacity:0;will-change:transform, opacity}.world-scene__orbit{fill:none;stroke:#f2f2ef14;stroke-width:1.5px}.world-scene__stars circle{fill:var(--color-text);opacity:.5}.world-scene__grid{stroke:#f2f2ef0d;fill:none}#building-far rect{fill:#26262e}#building-near rect{fill:#1b1b22}#building-near .world-scene__windows rect{fill:#f2f2ef24}#building-near line{stroke:#f2f2ef33}.world-scene__outline{fill:none;stroke:#f2f2ef80;stroke-width:2px}.world-scene__links{stroke:#f2f2ef2e;fill:none}#data>circle{fill:#f2f2ef80}.world-scene__silhouette{fill:#f2f2efe6}.world-scene__device{fill:#121216;stroke:#f2f2ef80;stroke-width:2px}.world-scene__screen{fill:#0e0e12;stroke:#f2f2ef26;stroke-width:1px}.world-scene__device-part{fill:#f2f2ef4d}.world-scene__code-lines rect{fill:#f2f2ef66}.world-scene__code-glyphs{font-family:var(--font-mono);fill:#f2f2ef59;font-size:20px}.world-scene__rays{stroke:#d9ff4b47}.world-scene__desk{fill:#f2f2ef1f}.world-scene__desk-leg{fill:#f2f2ef12}.world-scene__mark{color:#d9ff4b73}.world-scene__accent-fill{fill:var(--color-accent)}.world-scene__accent-stroke{fill:none;stroke:var(--color-accent);stroke-width:1.5px}.hero{height:160vh;position:relative}.hero__sticky{flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.hero__world{position:absolute;inset:0}.hero [data-scene-role]{opacity:0;will-change:transform, opacity}.hero__title{z-index:1;font-size:var(--text-hero);letter-spacing:0;text-align:center;padding:0 var(--content-pad);color:#fff;mix-blend-mode:difference;-webkit-user-select:none;user-select:none;font-weight:650;line-height:1.3;position:relative}.hero__subtitle{z-index:1;margin-top:var(--space-5);font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-secondary);mix-blend-mode:difference;font-size:clamp(.8rem,1.6vw,1rem);position:relative}.hero__scroll{left:0;right:0;bottom:var(--space-6);justify-content:center;display:flex;position:absolute}.hero__scroll-inner{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.2em;color:var(--color-text-secondary);mix-blend-mode:difference;flex-direction:column;display:flex}.hero__scroll-line{background:currentColor;width:1px;height:44px}@media (width<=768px){.hero__subtitle{letter-spacing:.06em;font-size:.75rem}.hero__scroll{bottom:var(--space-4)}}.about{height:160vh;position:relative}.about__sticky{gap:var(--space-8);height:100svh;padding:0 var(--content-pad);max-width:calc(var(--content-max) + var(--content-pad) * 2);grid-template-columns:minmax(160px,240px) 1fr;align-items:center;margin:0 auto;display:grid;position:sticky;top:0;overflow:hidden}.about [data-scene-role]{opacity:0;will-change:transform, opacity}.about__aside{gap:var(--space-4);border-left:1px solid var(--color-line);padding-left:var(--space-5);flex-direction:column;display:flex}.about__index{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1}.about__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.15em;color:var(--color-text-secondary)}.about__content{gap:var(--space-5);flex-direction:column;max-width:720px;display:flex}.about__heading{font-size:var(--text-section);letter-spacing:0;font-weight:650;line-height:1.3}.about__lead{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.08em;color:var(--color-accent)}.about__body{color:var(--color-text-secondary);max-width:56ch;line-height:1.9}.about__timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.about__timeline-item{gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-line);grid-template-columns:64px 1fr;display:grid}.about__timeline-year{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-accent);font-variant-numeric:tabular-nums}.about__timeline-title{font-size:var(--text-body);margin:0;font-weight:550}.about__timeline-desc{margin:var(--space-1) 0 0;font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.7}.about__stats{gap:var(--space-4);border-top:1px solid var(--color-line);padding-top:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.about__stat{gap:var(--space-2);flex-direction:column;display:flex}.about__stat-value{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:650;line-height:1}.about__stat-label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.1em;color:var(--color-text-secondary)}@media (width<=768px){.about__sticky{gap:var(--space-4);padding-top:var(--space-6);padding-bottom:var(--space-6);grid-template-columns:1fr;align-content:start;overflow-y:auto}.about__aside{align-items:baseline;gap:var(--space-3);border-left:none;flex-direction:row;padding-left:0}.about__index{font-size:2.5rem}.about__stats{grid-template-columns:repeat(2,1fr)}}.skills{height:160vh;position:relative}.skills__sticky{gap:var(--space-8);height:100svh;padding:0 var(--content-pad);max-width:calc(var(--content-max) + var(--content-pad) * 2);grid-template-columns:minmax(160px,240px) 1fr;align-items:center;margin:0 auto;display:grid;position:sticky;top:0;overflow:hidden}.skills [data-scene-role]{opacity:0;will-change:transform, opacity}.skills__aside{gap:var(--space-4);border-left:1px solid var(--color-line);padding-left:var(--space-5);flex-direction:column;display:flex}.skills__index{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1}.skills__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.15em;color:var(--color-text-secondary)}.skills__content{gap:var(--space-4);flex-direction:column;max-width:760px;display:flex}.skills__heading{font-size:var(--text-section);letter-spacing:0;font-weight:650;line-height:1.3}.skills__lead{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.08em;color:var(--color-accent)}.skills__grid{gap:var(--space-5) var(--space-7);grid-template-columns:1fr 1fr;display:grid}.skills__category-title{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;color:var(--color-text-secondary)}.skills__bars{gap:var(--space-3);flex-direction:column;display:flex}.skills__bar-meta{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.skills__bar-name{font-size:var(--text-small);color:var(--color-text)}.skills__bar-level{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.skills__bar-track{margin-top:var(--space-1);background:var(--color-line);height:2px;overflow:hidden}.skills__bar-fill{background:var(--color-accent);transform-origin:0;width:100%;height:100%;display:block}.skills__tags{margin:var(--space-2) 0 0;padding:var(--space-4) 0 0;border-top:1px solid var(--color-line);gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.skills__tags li{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);border:1px solid var(--color-line);padding:var(--space-1) var(--space-3)}@media (width<=768px){.skills__sticky{gap:var(--space-4);padding-top:var(--space-6);padding-bottom:var(--space-6);grid-template-columns:1fr;align-content:start;overflow-y:auto}.skills__aside{align-items:baseline;gap:var(--space-3);border-left:none;flex-direction:row;padding-left:0}.skills__index{font-size:2.5rem}.skills__grid{grid-template-columns:1fr}}.project-card{border-top:1px solid var(--color-line)}.project-card__link{height:100%;color:inherit;transition:transform var(--duration-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.project-card__cover{aspect-ratio:16/7;margin-top:var(--space-3);background:var(--color-surface);position:relative;overflow:hidden}.project-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-base) var(--ease-out)}.project-card__cover--placeholder{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-deep) 100%)}.project-card__cover--placeholder:before{content:"";background-image:linear-gradient(var(--color-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-line) 1px, transparent 1px);opacity:.35;background-size:28px 28px;position:absolute;inset:0}.project-card__cover--placeholder:after{content:"";background:radial-gradient(circle at 72% 26%, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 62%);position:absolute;inset:0}.project-card__placeholder-name{left:var(--space-4);bottom:var(--space-3);letter-spacing:.02em;color:var(--color-text);opacity:.28;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:650;position:absolute}.project-card__body{gap:var(--space-2);padding:var(--space-4) 0 var(--space-4);flex-direction:column;flex:1;display:flex}.project-card__meta{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.1em;color:var(--color-text-tertiary);margin:0}.project-card__title{letter-spacing:0;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);margin:0;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600}.project-card__title-arrow{margin-left:var(--space-2);color:var(--color-accent);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:inline-block;transform:translate(-6px)}.project-card__desc{font-size:var(--text-small);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}.project-card__tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.project-card__tags li{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.08em;color:var(--color-text-tertiary);border:1px solid var(--color-line);padding:2px var(--space-2)}.project-card__tags-more{color:var(--color-accent)!important}.project-card__footer{padding-top:var(--space-3);justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-top:auto;display:flex}.project-card__status{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.1em;color:var(--color-accent)}.project-card__view{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.1em;color:var(--color-accent);border-bottom:1px solid var(--color-accent);transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);padding-bottom:2px}@media (hover:hover){.project-card__link:hover{transform:translateY(-4px)}.project-card__link:hover .project-card__img{transform:scale(1.05)}.project-card__link:hover .project-card__title{color:var(--color-accent);transform:translate(4px)}.project-card__link:hover .project-card__title-arrow{opacity:1;transform:translate(0)}.project-card__link:hover .project-card__view{opacity:.85;transform:translate(2px)}.project-card__view{opacity:.45}}@media (prefers-reduced-motion:reduce){.project-card__link,.project-card__img,.project-card__title,.project-card__title-arrow,.project-card__view{transition:none}}.project-card--featured{border-top:1px solid var(--color-line)}.project-card--featured .project-card__link{gap:var(--space-5);padding-top:var(--space-3);flex-direction:row;align-items:stretch}.project-card--featured .project-card__cover{aspect-ratio:auto;flex:0 0 52%;min-height:180px;margin-top:0}.project-card--featured .project-card__body{gap:var(--space-3);padding:var(--space-3) 0 var(--space-3);flex:1}.project-card--featured .project-card__title{font-size:clamp(1.4rem,2.6vw,2rem)}.project-card--featured .project-card__desc{-webkit-line-clamp:3}@media (width<=768px){.project-card--featured .project-card__link{flex-direction:column;gap:0}.project-card--featured .project-card__cover{aspect-ratio:16/7;min-height:0;margin-top:var(--space-3);flex:none}.project-card--featured .project-card__body{padding:var(--space-4) 0}.project-card--featured .project-card__desc{-webkit-line-clamp:3}}.projects{height:160vh;position:relative}.projects__sticky{gap:var(--space-8);height:100svh;padding:0 var(--content-pad);max-width:calc(var(--content-max) + var(--content-pad) * 2);grid-template-columns:minmax(160px,240px) 1fr;align-items:center;margin:0 auto;display:grid;position:sticky;top:0;overflow:hidden}.projects [data-scene-role]{opacity:0;will-change:transform, opacity}.projects__aside{gap:var(--space-4);border-left:1px solid var(--color-line);padding-left:var(--space-5);flex-direction:column;display:flex}.projects__index{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1}.projects__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.15em;color:var(--color-text-secondary)}.projects__content{gap:var(--space-4);flex-direction:column;min-width:0;max-width:960px;display:flex}.projects__heading{font-size:var(--text-section);letter-spacing:0;font-weight:650;line-height:1.3}.projects__lead{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.08em;color:var(--color-accent)}.projects__grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);align-content:center;margin:0;padding:0;list-style:none;display:grid}.projects__cell{min-width:0}.projects__cell--featured{grid-column:1/-1}@media (width<=768px){.projects__sticky{gap:var(--space-4);padding-top:var(--space-6);padding-bottom:var(--space-6);grid-template-columns:1fr;align-content:start;overflow-y:auto}.projects__aside{align-items:baseline;gap:var(--space-3);border-left:none;flex-direction:row;padding-left:0}.projects__index{font-size:2.5rem}.projects__grid{grid-template-columns:1fr}.projects__cell--featured{grid-column:auto}}@media (width>=769px) and (height<=900px){.project-card__cover{aspect-ratio:16/5}.projects__grid{gap:var(--space-4)}.projects__content{gap:var(--space-3)}.project-card--featured .project-card__cover{min-height:140px}.project-card__body{gap:var(--space-1);padding:var(--space-3) 0}.project-card__footer{padding-top:var(--space-2)}}.contact{flex-direction:column;height:260vh;display:flex;position:relative}.contact__sticky{gap:var(--space-8);height:100svh;padding:0 var(--content-pad) 160px;max-width:calc(var(--content-max) + var(--content-pad) * 2);grid-template-columns:minmax(160px,240px) 1fr;align-items:center;margin:0 auto;display:grid;position:sticky;top:0;overflow:hidden}.contact [data-scene-role]{opacity:0;will-change:transform, opacity}.contact__aside{gap:var(--space-4);border-left:1px solid var(--color-line);padding-left:var(--space-5);flex-direction:column;display:flex}.contact__index{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1}.contact__label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.15em;color:var(--color-text-secondary)}.contact__content{gap:var(--space-4);flex-direction:column;max-width:760px;display:flex}.contact__heading{font-size:var(--text-section);letter-spacing:0;font-weight:650;line-height:1.3}.contact__lead{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.08em;color:var(--color-accent)}.contact__form{gap:var(--space-5) var(--space-6);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.contact__field{gap:var(--space-2);flex-direction:column;display:flex}.contact__field--wide{grid-column:1/-1}.contact__field label{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;color:var(--color-text-secondary)}.contact__field input,.contact__field textarea{border:none;border-bottom:1px solid var(--color-line);color:var(--color-text);font:inherit;font-size:var(--text-small);padding:var(--space-3) 0;width:100%;transition:border-color var(--duration-fast) var(--ease-out);background:0 0;border-radius:0}.contact__field textarea{resize:vertical;min-height:96px}.contact__field input:focus,.contact__field textarea:focus{border-bottom-color:var(--color-accent);outline:none}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--color-text-tertiary)}.contact__field-error{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.08em;color:#ff7a6b;margin:0}.contact__actions{align-items:center;gap:var(--space-4);margin-top:var(--space-2);grid-column:1/-1;display:flex}.contact__submit{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.12em;color:var(--color-accent);border:1px solid var(--color-accent);padding:var(--space-3) var(--space-6);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border-radius:0}@media (hover:hover){.contact__submit:hover{background:var(--color-accent);color:var(--color-bg)}}.contact__note{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.08em;color:var(--color-text-tertiary);margin:0}.contact__meta{gap:var(--space-4) var(--space-6);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.contact__link{align-items:baseline;gap:var(--space-3);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.08em;text-decoration:none;display:inline-flex}.contact__link-label{font-size:var(--text-tiny);letter-spacing:.12em;color:var(--color-text-tertiary)}.contact__link-value{transition:color var(--duration-fast) var(--ease-out)}.contact__link-arrow{color:var(--color-accent);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);transform:translate(-6px)}.contact__link--disabled{cursor:default}@media (hover:hover){.contact__link:hover .contact__link-value{color:var(--color-accent)}.contact__link:hover .contact__link-arrow{opacity:1;transform:translate(0)}.contact__link--disabled:hover .contact__link-value{color:inherit}}.contact__footer{justify-content:space-between;align-items:center;gap:var(--space-4);height:120px;padding:0 var(--content-pad);max-width:calc(var(--content-max) + var(--content-pad) * 2);border-top:1px solid var(--color-line);background:var(--color-bg);width:100%;margin-top:auto;margin-left:auto;margin-right:auto;display:flex}.contact__copyright{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;color:var(--color-text-tertiary);margin:0}.contact__top{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:.12em;color:var(--color-text-secondary);padding:var(--space-2) 0;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none}.contact__top:hover{color:var(--color-accent)}@media (width<=768px){.contact__sticky{gap:var(--space-4);padding:var(--space-6) 0 calc(120px + var(--space-6));grid-template-columns:1fr;align-content:start;overflow-y:auto}.contact__aside{align-items:baseline;gap:var(--space-3);border-left:none;flex-direction:row;padding-left:0}.contact__index{font-size:2.5rem}.contact__form{grid-template-columns:1fr}.contact__field--wide{grid-column:auto}.contact__actions{align-items:flex-start;gap:var(--space-3);flex-direction:column;grid-column:auto}.contact__footer{height:auto;padding:var(--space-5) 0;flex-direction:column;justify-content:center;align-items:flex-start}}.debug-hud__bar{z-index:var(--z-debug);background:var(--color-accent);transform-origin:0;cursor:pointer;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.debug-hud__readout{z-index:var(--z-debug);border:1px solid var(--color-line);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-text-secondary);pointer-events:none;border-radius:2px;gap:10px;padding:6px 10px;font-size:11px;display:flex;position:fixed;bottom:12px;right:12px}.debug-hud__scene{color:var(--color-accent)}@media (width<=768px){.debug-hud__readout{display:none}}.home-track{position:relative}