:root{--bg-base:#0f0f18;--bg-surface:#151522;--bg-surface-2:#1d1d2b;--text:#d9d5e3;--text-muted:#9291a7;--accent:#c7a4f5;--accent-dim:#806b9d;--glow:#c7a4f52e;--glow-soft:#c7a4f512;--border:#303044;--border-accent:#a88ad5;--success:#b7df9a;--danger:#de8cae;--warning:#e4b27c;--syntax-purple:#c7a4f5;--syntax-blue:#a9b1e8;--syntax-cyan:#8bd4da;--scene-border:#5b4c78;--scene-title:#252537;--scene-shadow:#00000059;--wallpaper-mint:#b7df9a21;--wallpaper-blue:#8bd4da17;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono","Cascadia Code",monospace;--fs-hero:clamp(2.75rem,6.5vw,5.5rem);--fs-h2:clamp(1.75rem,3.5vw,2.5rem);--fs-h3:1.25rem;--fs-body:1rem;--fs-small:0.875rem;--fs-micro:0.75rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 8px 32px #00000073;--shadow-glow:0 8px 20px #0003;--ease-out:cubic-bezier(0.22,1,0.36,1);--dur-fast:160ms;--dur-med:320ms;--dur-slow:640ms;--header-width:0px;--header-mobile-height:100px}.terminal-window{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;contain:layout;overflow:hidden;transition:border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.terminal-window__bar{align-items:center;background:var(--bg-surface-2);border-bottom:1px solid var(--border);display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.terminal-window__title{color:var(--text-muted);font-size:var(--fs-micro);margin-right:auto;-webkit-user-select:none;user-select:none}.window-prompt{color:var(--accent);margin-right:8px}.terminal-window__bar .dot{background:#0000;border:1px solid #0000;border-radius:3px;color:var(--text-muted);display:grid;height:32px;place-items:center;width:32px}.terminal-window__bar .dot:hover{background:var(--bg-surface);border-color:var(--border);color:var(--text)}.terminal-window__bar .dot--red:hover{color:var(--danger)}@media (pointer:coarse){.terminal-window__bar .dot{height:44px;width:44px}}.dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dot--red{background:var(--danger)}.dot--yellow{background:var(--warning)}.dot--green{background:var(--success)}.terminal-window__body{padding:var(--sp-6)}.prompt-symbol{color:var(--success)}.prompt-line{color:var(--text-muted)}.error-line,.prompt-line{font-size:var(--fs-small)}.error-line{color:var(--danger);margin:var(--sp-3) 0}.terminal-button{background:#0000;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:inline-block;font-family:var(--font-mono);font-size:var(--fs-small);font-weight:500;padding:var(--sp-3) var(--sp-6);text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.terminal-button:hover{box-shadow:var(--shadow-glow)}.terminal-button--primary,.terminal-button:hover{border-color:var(--border-accent);color:var(--accent)}.terminal-button--primary{background:var(--glow-soft)}.terminal-button--primary:hover{background:var(--glow)}.stack-chip{color:var(--accent);display:inline-block;font-size:var(--fs-micro);opacity:.85}.terminal-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--fs-small);gap:var(--sp-2);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.terminal-link:hover{color:var(--accent)}.link-arrow{transition:transform var(--dur-fast) var(--ease-out)}.terminal-link:hover .link-arrow{transform:translateX(4px)}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;overflow-x:hidden;scrollbar-color:var(--accent-dim) var(--bg-base);width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text);font-family:var(--font-mono);min-height:100vh}html.has-custom-cursor{cursor:none}html.has-custom-cursor :where(a,button,input,textarea,select,label,summary,[role=button],.project-card,.terminal-button,.term-launcher__btn,.term-launcher__hint,.term-bar,.term-bar .dot,.term-body,.term-resize,.term-link){cursor:none!important}.visually-hidden{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::selection{background:var(--accent);color:var(--bg-base)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea{caret-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.term-launcher{align-items:center;bottom:48px;display:flex;gap:var(--sp-3);position:fixed;right:var(--sp-6);z-index:1100}.term-launcher__btn{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-card),0 0 0 0 var(--glow);color:var(--accent);cursor:pointer;display:grid;height:56px;place-items:center;transition:box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-fast) var(--ease-out);width:56px}.term-launcher__btn:hover{border-color:var(--accent);box-shadow:var(--shadow-card),var(--shadow-glow)}.term-launcher__glyph{font-family:var(--font-mono);font-size:1.4rem;font-weight:600;letter-spacing:-1px;line-height:1}.term-launcher__btn--pending{cursor:progress}.term-launcher__btn--pending .term-launcher__glyph{animation:term-launcher-wait .9s steps(2,jump-none) infinite}@keyframes term-launcher-wait{0%{opacity:1}to{opacity:.35}}.term-launcher__hint{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-micro);line-height:1.7;max-width:calc(100vw - 112px);padding:var(--sp-2) var(--sp-3);text-align:left}.term-launcher__hint kbd{border:1px solid var(--border-accent);border-radius:3px;color:var(--accent);font-family:var(--font-mono);padding:0 4px}@media (max-width:768px){.term-launcher{bottom:46px;right:var(--sp-4)}}@media (prefers-reduced-motion:reduce){.term-launcher__btn--pending .term-launcher__glyph{animation:none}}.terminal-scene{min-width:0;padding:22px 30px 22px 0;perspective:1400px}.terminal-scene__caption{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:12px;justify-content:space-between;margin-bottom:8px}.terminal-scene__caption button{background:#0000;border:0;color:var(--accent);cursor:pointer;font:inherit;min-height:44px;padding:0 10px;text-decoration:underline;text-underline-offset:5px}.terminal-scene__stage{height:420px;position:relative;transform:rotateX(8deg) rotateY(-15deg) rotate(3deg);transform:rotateX(calc(8deg + var(--scene-y, 0deg))) rotateY(calc(-15deg + var(--scene-x, 0deg))) rotate(3deg);transform-style:preserve-3d}.scene-pane,.terminal-scene__stage{transition:transform .5s var(--ease-out)}.scene-pane{background:var(--bg-surface-2);border:1px solid var(--scene-border);border-radius:7px;box-shadow:12px 24px 35px var(--scene-shadow);font-size:clamp(10px,.85vw,12px);overflow:hidden;position:absolute;width:88%}.scene-pane__bar{background:var(--scene-title);border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;padding:10px 14px}.scene-pane__bar>:first-child{color:var(--accent)}.scene-pane--editor{right:0;top:0;transform:translateZ(-45px)}.scene-code{line-height:1.85;padding:14px;white-space:pre}.scene-code i{color:var(--text-muted);display:inline-block;font-style:normal;width:22px}.scene-code em{color:var(--syntax-purple);font-style:normal}.scene-code b{color:var(--warning);font-weight:400}.scene-pane__status{align-items:center;background:var(--scene-title);color:var(--text-muted);display:flex;font-size:10px;gap:12px}.scene-pane__status strong{background:var(--accent);color:var(--bg-base);font-weight:500;padding:5px 10px}.scene-pane__status>:last-child{margin-left:auto;padding-right:10px}.scene-pane--shell{left:0;top:155px;transform:translateZ(35px)}.scene-shell{padding:18px}.scene-shell>p{font-size:11px}.scene-shell b,.scene-shell>p span{color:var(--accent);font-weight:500}.scene-fetch{align-items:center;display:flex;gap:20px;margin-top:18px}.scene-fetch pre{color:var(--accent);font-family:inherit;font-size:13px;line-height:1.2}.scene-fetch dl{grid-gap:8px 12px;display:grid;font-size:10px;gap:8px 12px;grid-template-columns:auto 1fr}.scene-fetch dt{color:var(--accent)}.scene-fetch dd{color:var(--text)}.scene-palette{display:flex;margin-top:18px}.scene-palette span{height:13px;width:26px}.scene-palette__base{background:var(--bg-base)}.scene-palette__red{background:var(--danger)}.scene-palette__green{background:var(--accent)}.scene-palette__yellow{background:var(--warning)}.scene-palette__blue{background:var(--syntax-blue)}.scene-palette__purple{background:var(--syntax-purple)}.scene-palette__cyan{background:var(--syntax-cyan)}.scene-palette__white{background:var(--text)}.scene-pane--directory{right:0;top:342px;transform:translateZ(80px);width:80%}.scene-directory{color:var(--accent);font-size:10px;line-height:1.9;padding:12px 14px}.scene-directory span{color:var(--text-muted);margin-right:8px}.terminal-scene__note{color:var(--text-muted);font-size:11px;margin-top:60px;text-align:center}.terminal-scene--flat .scene-pane,.terminal-scene--flat .terminal-scene__stage{transform:none}@media (max-width:1000px){.terminal-scene{margin:20px auto;max-width:580px;padding:0 32px 20px;width:100%}}@media (max-width:650px){.terminal-scene{padding:0 22px}.terminal-scene__stage{grid-gap:12px;display:grid;gap:12px;height:auto;transform:none}.scene-pane{box-shadow:none;font-size:11px;position:static;transform:none;width:100%}.scene-pane--directory,.scene-pane--editor{display:none}.scene-fetch{gap:12px}.scene-fetch pre{font-size:10px}.scene-fetch dl{gap:6px 10px}.terminal-scene__caption button{display:none}.terminal-scene__caption{margin-bottom:12px}.terminal-scene__note{font-size:10px;margin-top:16px}}@media (prefers-reduced-motion:reduce){.scene-pane,.terminal-scene__stage{transform:none;transition:none}.terminal-scene__caption button{display:none}}.terminal-text{display:inline-block}.terminal-text__visual{display:inline-block;perspective:700px}.terminal-text__glyph{backface-visibility:hidden;display:inline-block;position:relative;transform-origin:50% 80%;white-space:pre}.terminal-text--heading .terminal-text__glyph{min-width:1ch}.action-text{display:inline-block;vertical-align:middle}.action-text__clip{display:inline-grid;line-height:1.4;overflow:hidden;vertical-align:top}.action-text__face{display:block;grid-area:1/1;transition:transform .38s var(--ease-out)}.action-text__face--echo{transform:translateY(110%)}@media (prefers-reduced-motion:no-preference){:is(button,a):is(:hover,:focus-visible) .action-text__face{transform:translateY(-110%)}:is(button,a):is(:hover,:focus-visible) .action-text__face--echo{transform:translateY(0)}}.section-heading:after{align-self:center;background:var(--border-accent);content:"";flex:1 1;height:1px;margin-left:16px;opacity:.5;transform:scaleX(1);transform:scaleX(var(--heading-rule,1));transform-origin:left}@media (prefers-reduced-motion:reduce){.terminal-text__glyph{transform:none}.action-text__face{transition:none}}.home{padding-top:12px}.home-session{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.session-titlebar{background:var(--bg-surface-2);border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:15px 24px}.session-mark{color:var(--accent);margin-right:12px}.home-layout{align-items:center;display:grid;grid-template-columns:1fr 1fr;min-height:610px}.hero-content{padding:50px 0 48px clamp(24px,4vw,64px)}.hero-content h1{font-size:clamp(3.5rem,6.3vw,6rem);font-weight:500;letter-spacing:-.04em;line-height:1.03}.hero-cursor{color:var(--accent)}.hero-role{color:var(--text);font-size:clamp(16px,1.5vw,20px);line-height:1.6;margin-top:26px}.hero-description{color:var(--text-muted);font-size:14px;line-height:1.85;margin-top:16px;max-width:43ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-actions .terminal-button{font-size:12px;padding:13px 18px}.hero-actions .terminal-button--primary{background:var(--accent);border-color:var(--accent);color:var(--bg-base)}.hero-actions .terminal-button--primary:hover{background:var(--text);border-color:var(--text)}.hero-socials{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px}.hero-socials a{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;gap:4px;min-height:44px;text-decoration:none}.hero-socials a:hover{color:var(--accent)}.session-footer{border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:11px;gap:16px;justify-content:space-between;padding:16px 24px}.session-caret{background:var(--accent);display:inline-block;height:12px;margin-left:8px;vertical-align:middle;width:6px}.environment-strip{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:16px 32px;padding:24px 0}.environment-strip__label{color:var(--accent);margin-right:auto}.social-links{display:flex;gap:var(--sp-6);margin-top:var(--sp-8)}.social-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:1.35rem;justify-content:center;min-height:44px;min-width:44px}.social-link:hover{color:var(--accent)}@media (max-width:1000px){.home-layout{grid-template-columns:1fr}.hero-content{padding:40px 32px 10px}.hero-description{max-width:60ch}}@media (max-width:650px){.hero-content{padding:30px 22px 0}.hero-content h1{font-size:clamp(3rem,15vw,4.5rem)}.session-titlebar{font-size:11px;padding:14px 16px}.session-titlebar__mode{display:none}.session-footer{line-height:1.7;padding:14px 16px}.session-footer>:last-child{display:none}.environment-strip{gap:12px 18px}.environment-strip__label{width:100%}}.section-heading{align-items:baseline;display:flex;font-size:var(--fs-h2);font-weight:700;gap:var(--sp-3);letter-spacing:-.02em;margin-bottom:var(--sp-12)}.section-heading__comment{color:var(--accent);opacity:.7}.section-heading__index{color:var(--text-muted);font-size:.6em;font-weight:400}.section-heading__label{color:var(--text)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:768px) and (not (pointer:coarse)){html:not([data-fx=static]) .px-host{view-timeline-name:--px;view-timeline-axis:block}html:not([data-fx=static]) .px-host__shift{animation-timeline:--px;animation-range:cover 0 cover 100%;animation-fill-mode:both;animation-name:px-shift;animation-timing-function:linear}}}@keyframes px-shift{0%{translate:0 0;translate:0 calc(var(--px-distance, 0px)*-1)}to{translate:0 0;translate:0 var(--px-distance,0)}}.reveal{--reveal-name:reveal-up;--reveal-duration:0.7s}.reveal--left{--reveal-name:reveal-left;--reveal-duration:0.6s}.reveal--right{--reveal-name:reveal-right;--reveal-duration:0.6s}.reveal--scale{--reveal-name:reveal-scale;--reveal-duration:0.5s}.reveal--clip{--reveal-name:reveal-clip}@media screen and (prefers-reduced-motion:no-preference){.reveal:not(.reveal--clip,[data-inview],[data-inview] *){opacity:0}.reveal--clip:not([data-inview],[data-inview] *){clip-path:inset(0 0 100% 0)}.reveal[data-inview]:not([data-revealed]),[data-inview] .reveal:not([data-revealed]){animation-duration:var(--reveal-duration);animation-fill-mode:backwards;animation-name:var(--reveal-name);animation-timing-function:var(--ease-out)}[data-inview] .reveal{animation-delay:.1s;animation-delay:calc(.1s + var(--i, 0)*80ms)}}@media screen and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){html[data-fx=full] .reveal--blur[data-inview]:not([data-revealed]),html[data-fx=full] [data-inview] .reveal--blur:not([data-revealed]){animation-name:var(--reveal-name),reveal-blur}}@keyframes reveal-up{0%{opacity:0;translate:0 24px}}@keyframes reveal-left{0%{opacity:0;translate:-32px 0}}@keyframes reveal-right{0%{opacity:0;translate:32px 0}}@keyframes reveal-scale{0%{opacity:0;scale:.92}}@keyframes reveal-clip{0%{clip-path:inset(0 0 100% 0);translate:0 12px}to{clip-path:inset(0)}}@keyframes reveal-blur{0%{filter:blur(6px)}}.about-page{display:flex;justify-content:center}.about-container{max-width:1100px;padding-top:var(--sp-12);width:100%}.about-grid{grid-gap:var(--sp-8);align-items:start;display:grid;gap:var(--sp-8);grid-template-columns:1.6fr 1fr;margin-bottom:var(--sp-24)}.about-window .prompt-line{margin-bottom:var(--sp-4)}.about-description{color:var(--text-muted);font-size:var(--fs-small);line-height:1.8}.about-description+.about-description{margin-top:var(--sp-4)}.stats{display:flex;flex-direction:column;gap:0;margin-top:24px}.stat-item{align-items:baseline;border-bottom:1px solid var(--border);display:flex;flex-direction:row;gap:16px;justify-content:space-between;padding:12px 0;transition:border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.stat-item:hover{border-color:var(--border-accent)}.stat-number{color:var(--accent);font-size:1rem;font-weight:500}.stat-label{color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.08em}.subsection-title{color:var(--text);font-size:var(--fs-h3);font-weight:600;margin-bottom:var(--sp-8)}.skills-section{margin-bottom:var(--sp-24)}.skills-grid{grid-gap:var(--sp-6);display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skill-pane{transition:border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.skill-pane:hover{border-color:var(--border-accent)}.tools-list{grid-gap:18px 22px;display:grid;font-size:12px;gap:18px 22px;grid-template-columns:auto 1fr;line-height:1.7;padding:24px}.tools-list dt{color:var(--accent)}.tools-list dd{color:var(--text-muted)}.skill-bar-list{gap:var(--sp-4)}.skill-bar-list,.skill-bar-row{display:flex;flex-direction:column}.skill-bar-row{gap:var(--sp-2)}.skill-bar-label{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-small);gap:var(--sp-2)}.skill-bar-label .pane-bullet{color:var(--accent);flex-shrink:0}.skill-bar-label>span:nth-child(2){flex:1 1}.skill-bar-pct{color:var(--accent);font-size:var(--fs-micro);margin-left:auto;opacity:.7}.skill-bar-track{background:var(--border);border-radius:1px;height:2px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:1px;box-shadow:0 0 8px var(--glow);height:100%;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease-out) .1s}.skill-bar-list[data-inview] .skill-bar-fill{transform:scaleX(var(--level))}@media (prefers-reduced-motion:reduce){.skill-bar-fill{transform:scaleX(var(--level));transition:none}}.journey-section{padding-bottom:var(--sp-12)}.timeline{display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--sp-4) 0;position:relative}.timeline-track{background:var(--border);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.timeline-line{background:linear-gradient(to bottom,var(--accent-dim),var(--accent));box-shadow:0 0 12px var(--glow);height:100%;transform-origin:top;width:100%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.timeline{view-timeline-name:--timeline;view-timeline-axis:block}.timeline-line{animation-timeline:--timeline;animation-range:cover 15vh cover calc(100% - 55vh);animation-fill-mode:both;animation-name:timeline-grow;animation-timing-function:linear}}}@keyframes timeline-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline-item{position:relative;width:50%}.timeline-item--left{padding-right:var(--sp-12);text-align:right}.timeline-item--right{align-self:flex-end;padding-left:var(--sp-12)}.timeline-node{background:var(--bg-base);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 12px var(--glow);height:11px;position:absolute;top:6px;width:11px}.timeline-item--left .timeline-node{right:-6px}.timeline-item--right .timeline-node{left:-5px}.timeline-year{color:var(--accent);display:block;font-size:var(--fs-micro);letter-spacing:.06em;margin-bottom:var(--sp-2)}.timeline-content h4{font-size:var(--fs-h3);font-weight:600;margin-bottom:var(--sp-2)}.timeline-content p{color:var(--text-muted);font-size:var(--fs-small);line-height:1.7}@media (max-width:900px){.about-grid{grid-template-columns:1fr}.stats{flex-direction:row;flex-wrap:wrap}.stat-item{flex:1 1 140px}}@media (max-width:768px){.about-grid,.skills-section{margin-bottom:var(--sp-16)}.timeline-track{left:5px}.timeline-item,.timeline-item--left,.timeline-item--right{align-self:auto;padding:0 0 0 var(--sp-8);text-align:left;width:100%}.timeline-item--left .timeline-node,.timeline-item--right .timeline-node{left:0;right:auto}}.depth-panel{min-width:0;perspective:1400px}.depth-panel__entrance,.depth-panel__surface{position:relative;transform-style:preserve-3d}.depth-panel__surface>.terminal-window{position:relative}@media (min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.depth-panel__surface:after,.depth-panel__surface:before{background:var(--bg-surface-2);border:1px solid var(--border-accent);border-radius:var(--radius-md);content:"";inset:0;opacity:.5;pointer-events:none;position:absolute;transform:translate3d(7px,9px,-18px)}.depth-panel__surface:after{opacity:.22;transform:translate3d(14px,18px,-36px)}}@media (prefers-reduced-motion:reduce){.depth-panel{perspective:none}}.projects-page{margin:0 auto;max-width:1100px;padding-top:var(--sp-12)}.project-browser__layout{display:grid;grid-template-columns:300px minmax(0,1fr)}.project-directory{border-right:1px solid var(--border);padding:16px 0}.project-directory__header{color:var(--text-muted);font-size:12px;padding:4px 20px 18px}.project-directory__item{align-items:center;background:#0000;border:0;border-top:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;font:inherit;font-size:12px;gap:12px;min-height:76px;padding:20px;text-align:left;transition:background .18s,color .18s;width:100%}.project-directory__item svg{color:var(--accent);flex-shrink:0}.project-directory__item small{color:var(--text-muted);display:block;font-size:10px;margin-top:8px}.project-directory__item:hover{background:var(--bg-surface-2);color:var(--text)}.project-directory__item.is-selected{background:var(--glow-soft);color:var(--accent)}.project-directory__arrow{margin-left:auto}.project-directory__hint{color:var(--text-muted);font-size:11px;line-height:1.8;padding:28px 20px}.project-preview{min-width:0}.project-preview__path{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;overflow-wrap:anywhere;padding:16px 24px}.project-preview__path span{color:var(--accent)}.project-preview__image{aspect-ratio:16/9;border-bottom:1px solid var(--border);display:block;height:auto;object-fit:cover;object-position:top;width:100%}.project-preview__body{padding:28px}.project-preview h3{font-size:22px;font-weight:500}.project-preview__body>p{color:var(--text-muted);font-size:14px;line-height:1.7;margin-top:12px}.project-preview__stack{color:var(--accent);display:flex;flex-wrap:wrap;font-size:11px;gap:12px;list-style:none;margin:20px 0 28px}.project-preview__stack li:before{color:var(--text-muted);content:"#"}.project-browser__footer{background:var(--bg-surface-2);border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;padding:12px 20px}@media (max-width:760px){.project-browser__layout{grid-template-columns:1fr}.project-directory{border-bottom:1px solid var(--border);border-right:0;display:grid;grid-template-columns:1fr 1fr;padding:0}.project-directory__header,.project-directory__hint{display:none}.project-directory__item{font-size:11px;gap:8px;padding:14px}.project-directory__arrow{display:none}.project-preview__body{padding:22px}.project-preview h3{font-size:20px}}.contact-page{margin:0 auto;max-width:1100px;padding-top:var(--sp-12)}.contact-container{grid-gap:var(--sp-12);align-items:start;display:grid;gap:var(--sp-12);grid-template-columns:1fr 1.2fr}.contact-description{color:var(--text-muted);font-size:var(--fs-small);line-height:1.8;margin-bottom:var(--sp-8);max-width:48ch}.contact-methods{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-8)}.contact-method{align-items:center;display:flex;gap:var(--sp-4)}a.contact-link{color:inherit;text-decoration:none;transition:transform .3s ease}a.contact-link:hover{transform:translateX(5px)}a.contact-link:hover .contact-icon{background:var(--accent-color);transform:scale(1.1)}.contact-icon{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);width:40px}.contact-method:hover .contact-icon{border-color:var(--border-accent);box-shadow:0 0 16px var(--glow-soft)}.contact-label{color:var(--text-muted);display:block;font-size:var(--fs-micro);letter-spacing:.08em}.contact-details p{color:var(--text);font-size:var(--fs-small)}.contact-page .social-links{display:flex;gap:var(--sp-6)}.contact-page .social-link{color:var(--text-muted);font-size:1.25rem;transition:color var(--dur-fast) var(--ease-out),text-shadow var(--dur-med) var(--ease-out)}.contact-page .social-link:hover{color:var(--accent);text-shadow:0 0 16px var(--glow)}.contact-form{display:flex;flex-direction:column;gap:var(--sp-8)}.form-field{padding-top:var(--sp-6);position:relative}.form-field input,.form-field textarea{background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-small);padding:var(--sp-2) var(--sp-1);resize:vertical;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);width:100%}.form-field input:focus,.form-field textarea:focus{border-bottom-color:var(--accent);box-shadow:0 8px 16px -10px var(--glow);outline:none}.form-field label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-small);left:var(--sp-1);pointer-events:none;position:absolute;top:var(--sp-6);transform-origin:left top;transition:transform .2s var(--ease-out),color .2s var(--ease-out)}.form-field input:focus~label,.form-field input:not(:placeholder-shown)~label,.form-field textarea:focus~label,.form-field textarea:not(:placeholder-shown)~label{color:var(--accent);transform:translateY(calc(var(--sp-6)*-1)) scale(.8)}.typing-indicator{align-items:center;display:flex;gap:4px;height:8px;margin-top:var(--sp-2);opacity:0;transition:opacity .3s ease-in-out}.typing-indicator[data-active]{opacity:1}.typing-indicator span{background:var(--accent);border-radius:50%;display:block;height:4px;opacity:.7;width:4px}@media (prefers-reduced-motion:no-preference){.typing-indicator[data-active] span{animation:typing-bounce .6s ease-in-out infinite}.typing-indicator[data-active] span:nth-child(2){animation-delay:.15s}.typing-indicator[data-active] span:nth-child(3){animation-delay:.3s}html[data-fx-occluded] .typing-indicator span{animation-play-state:paused}}@keyframes typing-bounce{50%{translate:0 -4px}}.contact-form .terminal-button{align-self:flex-start}.form-success{color:var(--success);font-size:var(--fs-small)}@media (max-width:900px){.contact-container{gap:var(--sp-8);grid-template-columns:1fr}}.header{background:var(--bg-base);border-bottom:1px solid var(--border);gap:20px;height:64px;inset:0 0 auto;justify-content:space-between;padding:0 clamp(20px,4vw,64px);position:fixed;z-index:1000}.header,.workspace-brand{align-items:center;display:flex}.workspace-brand{color:var(--text);font-size:14px;min-height:44px;text-decoration:none}.workspace-brand>span:first-child{color:var(--accent);font-weight:700;margin-right:12px}.workspace-brand__domain{color:var(--text-muted)}.nav-links{display:flex;gap:4px;list-style:none}.nav-link{border-bottom:1px solid #0000;color:var(--text-muted);display:grid;font-size:13px;min-height:44px;min-width:48px;padding:0 18px;place-items:center;text-decoration:none;transition:color .16s,background .16s}.nav-link:hover{background:var(--bg-surface-2);color:var(--text)}.nav-link.active{background:var(--glow-soft);border-bottom-color:var(--accent);color:var(--accent)}.workspace-host{color:var(--text-muted);font-size:12px}.workspace-host span{color:var(--accent);padding-left:12px}.workspace-status{align-items:center;background:var(--bg-surface-2);border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:11px;gap:22px;height:30px;inset:auto 0 0;padding-right:20px;position:fixed;z-index:1000}.workspace-status__session{align-self:stretch;background:var(--accent);color:var(--bg-base);padding:5px 20px}.workspace-status__right{margin-left:auto}.skip-link{background:var(--accent);color:var(--bg-base);left:16px;padding:12px;position:fixed;top:-100px;z-index:3000}.skip-link:focus{top:10px}@media (max-width:650px){.header{flex-wrap:wrap;gap:0;height:100px;padding:8px 16px 0}.workspace-brand{min-height:36px}.header nav{order:3;width:100%}.nav-links{justify-content:space-between}.nav-link{padding:0 14px}.workspace-host{font-size:11px}.workspace-status{font-size:10px;gap:12px}.workspace-status__right{display:none}.workspace-status>:last-child{margin-left:auto}}.scroll-progress{background:var(--accent);box-shadow:0 0 12px var(--glow);height:2px;left:0;pointer-events:none;position:fixed;right:0;top:0;transform:scaleX(0);transform-origin:left center;z-index:1100}@supports (animation-timeline:view()){.scroll-progress{animation-timeline:scroll(root block);animation-fill-mode:both;animation-name:scroll-progress-grow;animation-timing-function:linear}}@keyframes scroll-progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.app{color:var(--text);width:100%}.app,main{min-height:100vh}main{padding:92px clamp(16px,4vw,64px) 70px}section{margin:0 auto;max-width:1280px;padding:0 0 70px;position:relative;scroll-margin-top:90px;z-index:1}@media (max-width:768px){main{padding-left:20px;padding-right:20px}section{padding:0 0 48px}}@media (max-width:375px){section{padding:0 0 40px}}.page{isolation:isolate}@media (max-width:650px){main{padding-left:14px;padding-right:14px;padding-top:118px}section{scroll-margin-top:116px}}.desktop-wallpaper{background:var(--bg-base);inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.desktop-wallpaper canvas{display:block;height:100%;width:100%}.desktop-box-character{height:68px;left:0;pointer-events:none;position:fixed;top:0;width:78px;z-index:1001}.box-character-sprite{height:100%;overflow:visible;transform:scaleX(1);transform:scaleX(var(--facing,1));width:100%}.box-character-shadow{fill:var(--scene-shadow)}.box-character-body{animation:box-character-breathe 3.8s ease-in-out infinite;transform-origin:60px 86px}.box-character-frame{fill:var(--bg-surface);stroke:var(--accent);stroke-width:2}.box-character-eye,.box-character-mouth{fill:var(--accent)}.box-character-eye{animation:box-character-blink 5.7s infinite}.box-character-eye,.box-character-mouth{transform-box:fill-box;transform-origin:center}.box-character-mouth{animation:box-character-talk 4.4s ease-in-out infinite}[data-walking] .box-character-body{animation:box-character-waddle .48s ease-in-out infinite alternate}[data-still=true] .box-character-sprite *{animation-play-state:paused}.desktop-motion-toggle{background:var(--bg-surface-2);border:0;border-right:1px solid var(--border);bottom:0;color:var(--accent);cursor:pointer;font:12px var(--font-mono);height:44px;left:0;position:fixed;width:78px;z-index:1002}.desktop-motion-toggle:hover{background:var(--bg-base);color:var(--text)}.desktop-motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.workspace-status{min-height:44px;padding-left:86px}html[data-fx-occluded] .desktop-box-character,html[data-fx-occluded] .desktop-motion-toggle{visibility:hidden}@keyframes box-character-breathe{50%{transform:translateY(-2px) scaleY(1.025)}}@keyframes box-character-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes box-character-talk{0%,35%,to{transform:scaleY(1)}38%,43%{transform:scaleY(.35)}}@keyframes box-character-waddle{0%{transform:rotate(-5deg) translateY(-2px)}to{transform:rotate(5deg) translateY(1px)}}@media (max-width:650px){.workspace-status__session{display:none}}@media (prefers-reduced-motion:reduce){.box-character-sprite *{animation:none!important}}