.pf-app{background:var(--bg);color:var(--fg);min-height:100vh}main{padding-top:var(--nav-h)}.pf-nav{background:#0000;height:var(--nav-h);left:0;position:fixed;right:0;top:0;transition:background .3s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:1000}.pf-nav--scrolled{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 88%,#0000);box-shadow:0 1px 0 var(--line)}.pf-nav__inner{align-items:center;display:flex;gap:16px;height:100%;margin:0 auto;max-width:var(--content-max);padding:0 clamp(16px,4vw,40px)}.pf-nav__logo{color:var(--fg);flex-shrink:0;font-family:var(--font-mono);font-size:.92rem;font-weight:500;letter-spacing:-.01em;opacity:.9;text-decoration:none;transition:opacity .2s ease}.pf-nav__logo:hover{opacity:1;text-decoration:none}.pf-nav__links{display:flex;gap:2px;list-style:none;margin-left:auto}.pf-nav__link{border-radius:5px;color:var(--muted);display:inline-block;font-size:.82rem;font-weight:400;letter-spacing:.01em;padding:5px 10px;text-decoration:none;transition:color .18s ease,background .18s ease}.pf-nav__link:hover{background:var(--accent-soft);color:var(--fg);text-decoration:none}.pf-nav__link--active{color:var(--fg);font-weight:500}.pf-nav__right{align-items:center;display:flex;flex-shrink:0;gap:8px}.pf-nav__burger{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:36px;justify-content:center;padding:4px;transition:background .2s ease;width:36px}.pf-nav__burger:hover{background:var(--accent-soft)}.pf-nav__burger span{background:var(--fg);border-radius:1px;display:block;height:2px;transform-origin:center;transition:transform .25s ease,opacity .25s ease;width:20px}.pf-nav__burger--open span:first-child{transform:translateY(7px) rotate(45deg)}.pf-nav__burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.pf-nav__burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:860px){.pf-nav__burger{display:flex}.pf-nav__links{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 8px 24px var(--shadow);flex-direction:column;gap:2px;left:0;opacity:0;padding:14px 20px 20px;pointer-events:none;position:fixed;right:0;top:var(--nav-h);transform:translateY(-110%);transition:transform .28s ease,opacity .28s ease}.pf-nav__links--open{opacity:1;pointer-events:all;transform:translateY(0)}.pf-nav__link{font-size:.95rem;padding:10px 12px}.pf-theme-btn__label{display:none}.pf-theme-btn{padding:5px 8px}}.pf-hero{align-items:center;display:flex;min-height:calc(100vh - var(--nav-h));padding-bottom:clamp(56px,9vw,100px);padding-top:clamp(56px,9vw,100px)}.pf-hero__inner{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.pf-hero__badge{align-items:center;animation:pf-fade-up .4s ease both;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--muted);display:inline-flex;font-size:.78rem;font-weight:500;gap:7px;margin-bottom:22px;padding:4px 12px 4px 8px}.pf-hero__badge-dot{background:#4caf50;border-radius:50%;box-shadow:0 0 0 2px #4caf5040;flex-shrink:0;height:7px;width:7px}.pf-hero__name{animation:pf-fade-up .45s ease .05s both;color:var(--fg);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-bottom:18px}.pf-hero__name-em{color:var(--accent);font-family:var(--font-serif);font-style:italic;font-weight:500;letter-spacing:-.01em}.pf-hero__sub{animation:pf-fade-up .45s ease .1s both;color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:30px;max-width:420px}.pf-hero__actions{animation:pf-fade-up .45s ease .15s both;display:flex;flex-wrap:wrap;gap:10px}.pf-btn{align-items:center;border:1.5px solid #0000;border-radius:7px;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.88rem;font-weight:600;gap:6px;padding:9px 20px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.pf-btn:hover{text-decoration:none;transform:translateY(-1px)}.pf-btn--primary{background:var(--fg);border-color:var(--fg);color:var(--bg)}.pf-btn--primary:hover{opacity:.88}.pf-btn--accent{background:var(--accent);border-color:var(--accent);color:var(--bg)}.pf-btn--ghost{background:#0000;border-color:var(--line-strong);color:var(--fg)}.pf-btn--ghost:hover{background:var(--surface);border-color:var(--fg)}.pf-chip{background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--muted);display:inline-block;font-family:var(--font-sans);font-size:.78rem;font-weight:500;padding:3px 10px}.pf-term{animation:pf-fade-up .5s ease .1s both;background:var(--term-bg);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 20px 56px var(--shadow);cursor:text;overflow:hidden}.pf-term__bar{align-items:center;background:color-mix(in srgb,var(--surface-2) 80%,#0000);border-bottom:1px solid var(--line);display:flex;gap:6px;padding:10px 14px}.pf-term__dot{border-radius:50%;height:10px;width:10px}.pf-term__dot--red{background:#ff5f56}.pf-term__dot--yellow{background:#ffbd2e}.pf-term__dot--green{background:#27c93f}.pf-term__bar-title{color:var(--faint);font-family:var(--font-mono);font-size:.72rem;margin-left:6px}.pf-term__body{color:var(--fg);font-family:var(--font-mono);font-size:.8rem;line-height:1.65;max-height:300px;min-height:200px;overflow-y:auto;padding:14px 16px 10px}.pf-term__line{margin-bottom:2px}.pf-term__line--info{color:var(--faint);font-style:italic}.pf-term__line--output{color:var(--muted);white-space:pre-wrap}.pf-term__line--input{align-items:baseline;display:flex}.pf-term__prompt{color:var(--accent);flex-shrink:0;-webkit-user-select:none;user-select:none}.pf-term__input-row{align-items:center;display:flex;margin-top:6px}.pf-term__input{background:#0000;border:none;caret-color:var(--accent);color:var(--fg);flex:1 1;font-family:var(--font-mono);font-size:.8rem;min-width:0;outline:none}.pf-term__input::placeholder{color:var(--faint);opacity:.7}.pf-term__chips{background:color-mix(in srgb,var(--surface-2) 40%,#0000);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 12px}.pf-term__chip{background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;padding:3px 10px;transition:background .15s ease,color .15s ease,border-color .15s ease}.pf-term__chip:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,#0000);color:var(--accent)}@media (max-width:900px){.pf-hero__inner{gap:40px;grid-template-columns:1fr}.pf-hero{min-height:auto;padding-top:clamp(48px,10vw,80px)}}@media (max-width:480px){.pf-hero__name{font-size:2rem}.pf-term__body{max-height:240px;min-height:160px}}.pf-about{border-top:1px solid var(--line)}.pf-about__inner{grid-gap:72px;align-items:center;display:grid;gap:72px;grid-template-columns:280px 1fr}.pf-about__illustration{align-items:center;display:flex;justify-content:center}.pf-about__img{height:auto;max-width:280px;object-fit:contain;opacity:.92;transform:rotate(-25deg);width:100%}.pf-about__content{display:flex;flex-direction:column;gap:20px}.pf-about__heading{color:var(--fg);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}.pf-about__heading-em{color:var(--accent);font-family:var(--font-serif);font-style:italic;font-weight:400}.pf-about__bio{color:var(--muted);font-size:1rem;line-height:1.75;max-width:560px}.pf-about__stack-label{color:var(--faint);font-size:.72rem;font-weight:600;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.pf-about__chips{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:760px){.pf-about__inner{gap:32px;grid-template-columns:1fr}.pf-about__illustration{justify-content:flex-start}.pf-about__img{max-width:200px}}.pf-skills{border-top:1px solid var(--line);padding-bottom:48px}.pf-skills__header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:36px}.pf-skills__header-left{flex:1 1}.pf-skills__hint{color:var(--faint);flex-shrink:0;font-family:var(--font-mono);font-size:.72rem;line-height:1.6;text-align:right}.pf-skills__canvas-wrap{background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.pf-skills__canvas{cursor:grab;display:block;height:auto;width:100%}.pf-skills__canvas:active{cursor:grabbing}.pf-skills__legend{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:24px}.pf-skills__legend-item{align-items:center;color:var(--muted);display:flex;font-size:.82rem;gap:8px}.pf-skills__legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}@media (max-width:600px){.pf-skills__header{flex-direction:column;gap:12px}.pf-skills__hint{text-align:left}}.pf-exp{border-top:1px solid var(--line)}.pf-exp__list{margin-top:48px}.pf-exp__item,.pf-exp__list{display:flex;flex-direction:column}.pf-exp__item{border-bottom:1px solid var(--line);gap:12px;padding:28px 0}.pf-exp__item:first-child{padding-top:0}.pf-exp__row{gap:16px;justify-content:space-between}.pf-exp__left,.pf-exp__row{align-items:baseline;display:flex;flex-wrap:wrap}.pf-exp__left{gap:12px}.pf-exp__company{color:var(--fg);font-size:1.15rem;font-weight:700;margin:0}.pf-exp__role{color:var(--muted);font-size:.88rem;font-weight:400}.pf-exp__right{align-items:baseline;display:flex;flex-shrink:0;gap:6px}.pf-exp__dates{color:var(--faint);font-family:var(--font-mono);font-size:.82rem;white-space:nowrap}.pf-exp__sep{color:var(--line-strong);font-size:.8rem}.pf-exp__place{color:var(--faint);font-family:var(--font-mono);font-size:.82rem;white-space:nowrap}.pf-exp__summary{color:var(--muted);font-size:.92rem;line-height:1.7;margin:0;max-width:760px}.pf-exp__tags{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:600px){.pf-exp__row{flex-direction:column;gap:4px}.pf-exp__right{align-items:flex-start;flex-direction:column;gap:2px}.pf-exp__sep{display:none}}.pf-play{border-top:1px solid var(--line)}.pf-play .pf-section-sub code{background:var(--surface-2);border-radius:3px;color:var(--accent);font-family:var(--font-mono);font-size:.88em;padding:1px 5px}.pf-play__container{background:var(--term-bg);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow);display:grid;grid-template-columns:1fr 1fr;min-height:380px;overflow:hidden}.pf-play__editor-pane,.pf-play__output-pane{display:flex;flex-direction:column;min-height:380px}.pf-play__editor-pane{border-right:1px solid var(--line)}.pf-play__pane-header{align-items:center;background:color-mix(in srgb,var(--surface-2) 70%,#0000);border-bottom:1px solid var(--line);display:flex;flex-shrink:0;justify-content:space-between;padding:9px 14px}.pf-play__pane-label{color:var(--faint);font-family:var(--font-mono);font-size:.72rem}.pf-play__header-actions{align-items:center;display:flex;gap:8px}.pf-play__reset-btn{background:none;border:none;border-radius:4px;color:var(--faint);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;padding:2px 6px;transition:color .18s ease}.pf-play__reset-btn:hover{color:var(--muted)}.pf-play__run-btn{font-size:.78rem!important;padding:4px 14px!important}.pf-play__run-btn--running{cursor:not-allowed;opacity:.65}.pf-play__textarea{background:#0000;border:none;caret-color:var(--accent);color:var(--fg);font-size:.82rem;line-height:1.7;outline:none;resize:none;tab-size:2}.pf-play__output,.pf-play__textarea{flex:1 1;font-family:var(--font-mono);padding:14px 16px}.pf-play__output{color:var(--muted);font-size:.8rem;line-height:1.65;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.pf-play__output--error{border-left:2px solid #d44}.pf-play__placeholder{color:var(--faint);font-size:.78rem}.pf-play__log-line{margin-bottom:2px}.pf-play__result{border-top:1px solid var(--line);color:var(--accent);margin-top:12px;padding-top:12px}.pf-play__result-label{color:var(--faint);font-size:.7rem}.pf-play__error{color:#d44;margin-top:6px}kbd{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:4px;color:var(--muted);display:inline-block;font-family:var(--font-mono);font-size:.78em;padding:1px 5px}@media (max-width:680px){.pf-play__container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pf-play__editor-pane{border-bottom:1px solid var(--line);border-right:none}.pf-play__editor-pane,.pf-play__output-pane{min-height:240px}}.pf-contact{border-top:1px solid var(--line)}.pf-contact__main{display:flex;flex-direction:column;gap:0;padding-bottom:var(--section-pad);padding-left:clamp(16px,5vw,48px);padding-right:clamp(16px,5vw,48px);padding-top:var(--section-pad)}.pf-contact__main .pf-section-label{margin-bottom:20px}.pf-contact__heading{color:var(--fg);font-size:clamp(2.2rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-bottom:16px}.pf-contact__sub{color:var(--faint);font-family:var(--font-mono);font-size:.78rem;margin-bottom:32px}.pf-contact__cards{display:flex;flex-wrap:wrap;gap:14px}.pf-contact__card{background:#0000;border:1px solid var(--line-strong);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px 14px;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease;width:220px}.pf-contact__card:hover{background:var(--surface);border-color:var(--fg);text-decoration:none;transform:translateY(-2px)}.pf-contact__card-top{margin-bottom:20px}.pf-contact__card-title{color:var(--accent);font-size:1.15rem;font-weight:600;line-height:1.2;margin-bottom:6px}.pf-contact__card-desc{color:var(--muted);font-size:.78rem;line-height:1.5}.pf-contact__card-bottom{align-items:center;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding-top:12px}.pf-contact__card-handle{color:var(--muted);font-family:var(--font-mono);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-contact__card-arrow{color:var(--faint);flex-shrink:0;font-size:.78rem;transition:color .18s ease}.pf-contact__card:hover .pf-contact__card-arrow{color:var(--fg)}.pf-footer{background:var(--surface);border-top:1px solid var(--line)}.pf-footer__inner{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:16px clamp(16px,5vw,48px)}.pf-footer__logo{color:var(--muted);flex-shrink:0;font-family:var(--font-mono);font-size:.88rem;text-decoration:none;transition:color .18s ease;white-space:nowrap}.pf-footer__logo:hover{color:var(--fg);text-decoration:none}.pf-footer__nav{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.pf-footer__nav-link{border-radius:4px;color:var(--faint);font-size:.78rem;padding:3px 7px;text-decoration:none;transition:color .15s ease,background .15s ease}.pf-footer__nav-link:hover{background:var(--accent-soft);color:var(--fg);text-decoration:none}.pf-footer__right{flex-shrink:0}.pf-footer__credit{background:color-mix(in srgb,var(--surface-2) 60%,#0000);border-top:1px solid var(--line)}.pf-footer__credit-inner{align-items:center;color:var(--faint);display:flex;font-family:var(--font-mono);font-size:.72rem;gap:16px;justify-content:space-between;padding:10px clamp(16px,5vw,48px)}@media (max-width:760px){.pf-footer__inner{flex-direction:column;gap:12px;text-align:center}.pf-footer__nav{justify-content:center}.pf-footer__credit-inner{flex-direction:column;gap:4px;text-align:center}}@media (max-width:520px){.pf-contact__card{width:100%}}:root{--bg:#f3eadd;--surface:#eaddcb;--surface-2:#e1d2bc;--fg:#2a2019;--muted:#6e5d4c;--faint:#9a8873;--accent:#a5713f;--accent-soft:#a5713f24;--line:#2a20191f;--line-strong:#2a201938;--term-bg:#efe3d2;--shadow:#3a281824;--font-sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-serif:"Newsreader",Georgia,serif;--nav-h:60px;--section-pad:clamp(72px,10vw,120px);--content-max:1100px;--radius:10px;--radius-lg:16px}[data-theme=dark]{--bg:#17120d;--surface:#211a13;--surface-2:#2b2119;--fg:#f1e7d8;--muted:#b5a188;--faint:#7e6e5b;--accent:#d4a16a;--accent-soft:#d4a16a29;--line:#f1e7d81c;--line-strong:#f1e7d833;--term-bg:#120e0a;--shadow:#00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:60px;scroll-padding-top:var(--nav-h)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3eadd;background:var(--bg);color:#2a2019;color:var(--fg);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.6;transition:background .25s ease,color .25s ease}canvas,img,svg{display:block;max-width:100%}a{color:#a5713f;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{color:#2a2019;color:var(--fg);font-weight:600;line-height:1.15}.pf-section{padding:clamp(72px,10vw,120px) clamp(16px,5vw,48px);padding:var(--section-pad) clamp(16px,5vw,48px)}.pf-inner{margin:0 auto;max-width:1100px;max-width:var(--content-max)}.pf-section-label{color:#a5713f;color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.pf-section-title{color:#2a2019;color:var(--fg);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:12px}.pf-section-sub{color:#6e5d4c;color:var(--muted);font-size:1.05rem;margin-bottom:48px;max-width:540px}.pf-divider{background:#2a20191f;background:var(--line);border:none;height:1px;width:100%}.pf-theme-btn{align-items:center;background:#eaddcb;background:var(--surface);border:1px solid #2a201938;border:1px solid var(--line-strong);border-radius:20px;color:#6e5d4c;color:var(--muted);cursor:pointer;display:inline-flex;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.78rem;font-weight:500;gap:5px;padding:4px 10px 4px 8px;transition:color .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.pf-theme-btn:hover{background:#e1d2bc;background:var(--surface-2);border-color:#a5713f;border-color:var(--accent);color:#2a2019;color:var(--fg)}.pf-theme-btn__icon{font-size:.85rem;line-height:1}.pf-theme-btn__label{line-height:1}@keyframes pf-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pf-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pf-steam{0%{opacity:0;transform:translateY(0) scaleX(1)}50%{opacity:1;transform:translateY(-12px) scaleX(1.15)}to{opacity:0;transform:translateY(-24px) scaleX(.8)}}@keyframes pf-slide-in-left{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3eadd;background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a201938;background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9a8873;background:var(--faint)}
/*# sourceMappingURL=main.88cbfbe4.css.map*/