.pasito-container{--pill-dot-size: 8px;--pill-active-width: 24px;--pill-gap: 6px;--pill-duration: .5s;--pill-easing: cubic-bezier(.215, .61, .355, 1);--pill-bg: rgba(0, 0, 0, .12);--pill-active-bg: rgba(0, 0, 0, .8);--pill-fill-bg: rgba(255, 255, 255, .45);--pill-container-bg: rgba(0, 0, 0, .04);--pill-container-radius: 999px;--pill-container-border: rgba(0, 0, 0, .06);display:inline-flex;padding:6px 10px;background:var(--pill-container-bg);border-radius:var(--pill-container-radius);border:1px solid var(--pill-container-border);overflow:hidden}.pasito-track{display:flex;align-items:center;margin-left:calc(-1 * var(--pill-gap));transition:transform var(--pill-duration) var(--pill-easing)}.pasito-vertical .pasito-track{flex-direction:column;margin-left:0;margin-top:calc(-1 * var(--pill-gap))}.pasito-step{position:relative;width:var(--pill-dot-size);height:var(--pill-dot-size);border-radius:999px;border:none;padding:0;cursor:pointer;background:var(--pill-bg);flex-shrink:0;overflow:hidden;margin-left:var(--pill-gap);margin-top:0;transform-origin:center center;transition:width var(--pill-duration) var(--pill-easing),height var(--pill-duration) var(--pill-easing),background var(--pill-duration) var(--pill-easing),opacity var(--pill-duration) var(--pill-easing),transform var(--pill-duration) var(--pill-easing),margin-left var(--pill-duration) var(--pill-easing),margin-top var(--pill-duration) var(--pill-easing)}.pasito-vertical .pasito-step{margin-left:0;margin-top:var(--pill-gap)}.pasito-step:focus-visible{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}.pasito-step-active{width:var(--pill-active-width);background:var(--pill-active-bg)}.pasito-vertical .pasito-step-active{width:var(--pill-dot-size);height:var(--pill-active-width)}.pasito-step:after{content:"";position:absolute;top:0;left:0;bottom:0;width:0;border-radius:inherit;background:var(--pill-fill-bg);pointer-events:none}.pasito-vertical .pasito-step:after{right:0;bottom:auto;width:auto;height:0}.pasito-step-filling:after{width:100%;transition:width var(--pill-fill-duration, 3s) linear}.pasito-vertical .pasito-step-filling:after{width:auto;height:100%;transition:height var(--pill-fill-duration, 3s) linear}.pasito-entering{width:0;margin-left:0;margin-top:0;opacity:0;transform:scale(0);transition-duration:.25s}.pasito-vertical .pasito-entering{width:var(--pill-dot-size);height:0}.pasito-exiting{width:0;margin-left:0;margin-top:0;opacity:0;transform:scale(0);transition-duration:.25s}.pasito-vertical .pasito-exiting{width:var(--pill-dot-size);height:0}@media (prefers-reduced-motion: reduce){.pasito-step,.pasito-track{transition-duration:0ms!important}.pasito-step-filling:after{transition-duration:0ms!important}}@font-face{font-family:Cooper Light;src:url(/assets/CooperLightBT.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #121212;--ink: #ffffff;--ink-80: rgba(255, 255, 255, .8);--ink-60: rgba(255, 255, 255, .6);--ink-50: rgba(255, 255, 255, .5);--ink-30: rgba(255, 255, 255, .3);--accent: #e17909;--stroke-ghost: rgba(255, 255, 255, .12);--font-serif: "Cooper Light", Georgia, Cambria, "Times New Roman", Times, serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", sans-serif;--toc-bg: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));--toc-border: rgba(255, 255, 255, .12);--toc-shadow: rgba(0, 0, 0, .4);--toc-title-bg: rgba(18, 18, 18, .95);--hover-bg: rgba(255, 255, 255, .04);color-scheme:dark}[data-theme=light]{--bg: #faf8f5;--ink: #1c1917;--ink-80: rgba(28, 25, 23, .8);--ink-60: rgba(28, 25, 23, .6);--ink-50: rgba(28, 25, 23, .5);--ink-30: rgba(28, 25, 23, .3);--accent: #c2410c;--stroke-ghost: rgba(28, 25, 23, .12);--toc-bg: linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .5));--toc-border: rgba(28, 25, 23, .08);--toc-shadow: rgba(0, 0, 0, .08);--toc-title-bg: rgba(250, 248, 245, .95);--hover-bg: rgba(28, 25, 23, .04);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink-80);min-height:100vh;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.6;transition:background-color .3s ease,color .3s ease}body,p,a,h1,h2,h3,.separator,.toc,.toc-item,.toc-bullet,.project-item,.project-icon-wrapper,.footer{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease}::selection{background:var(--accent);color:var(--ink)}.container{max-width:650px;margin:0 auto;padding:80px 24px}@media (max-width: 600px){.container{padding:40px 20px}}header{margin-bottom:28px}h1,h2,h3{color:var(--ink);font-family:var(--font-serif);font-weight:400}h1 a,h2 a{color:inherit;text-decoration:none;border-bottom:none;transition:color .15s ease}h1 a:hover,h2 a:hover{color:var(--accent)}h1{font-size:32px;letter-spacing:-.02em;margin-bottom:8px}h2{font-size:24px;letter-spacing:-.01em;margin-top:48px;margin-bottom:8px}h3{font-size:17px;font-weight:600}.separator{width:45px;height:1px;background:var(--ink);border:none;margin-bottom:28px}p{margin-bottom:20px;color:var(--ink-80)}p strong{color:var(--ink);font-weight:600}p a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--stroke-ghost);transition:color .15s ease,border-color .15s ease}p a:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.project-item{position:relative;display:block;padding:10px 16px;margin:0 -16px;border-radius:12px;transition:background .2s cubic-bezier(.25,1,.5,1),color .3s ease}.project-item.has-icon{display:flex;flex-direction:row;gap:10px;align-items:flex-start}.project-icon-wrapper{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;overflow:visible;margin-top:3px;transition:transform .2s cubic-bezier(.25,1,.5,1)}.project-icon{width:100%;height:100%;object-fit:cover;border-radius:4px}.project-content{flex-grow:1;min-width:0}.project-item:hover{background:var(--hover-bg)}.project-item:hover .project-icon-wrapper{transform:scale(1.1)}.project-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px;flex-wrap:wrap;gap:8px}.project-title a{color:var(--ink);text-decoration:none;transition:color .15s ease}.project-title a:hover{color:var(--accent)}.project-title a:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.project-meta{font-family:var(--font-sans);font-size:12px;font-weight:400;color:var(--ink-30);display:inline-flex;gap:8px;align-items:center;position:relative;z-index:2}.project-meta a{color:var(--ink-50);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-bottom-color .15s ease}.project-meta a:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-desc{font-size:14px;line-height:1.5;color:var(--ink-50)}.footer{margin-top:64px;border-top:1px solid var(--stroke-ghost);padding-top:24px}.footer-text{font-size:12px;color:var(--ink-50)}.footer-text a{color:var(--ink-80);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-bottom-color .15s ease}.footer-text a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-divider{margin:0 8px;color:var(--ink-50)}.toc-stepper-container{position:fixed;z-index:100;display:flex;align-items:center;gap:8px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;padding:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.stepper-btn,#theme-toggle-btn{width:36px;height:36px;border-radius:50%;background:var(--toc-bg);border:1px solid var(--toc-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px var(--toc-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-80);position:relative;outline:none;transition:transform .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.stepper-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.stepper-btn.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}@media (hover: hover){.stepper-btn:hover,#theme-toggle-btn:hover{transform:scale(1.1);color:var(--accent);border-color:var(--accent)}.pasito-step:hover{background:var(--accent)!important;transform:scale(1.2)!important}}.toc-title{position:absolute;opacity:0;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--toc-title-bg);border:1px solid var(--stroke-ghost);padding:6px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px var(--toc-shadow);z-index:100}.pasito-container{--pill-bg: var(--ink-30) !important;--pill-active-bg: var(--ink) !important;--pill-container-bg: var(--toc-bg) !important;--pill-container-border: var(--toc-border) !important;--pill-container-radius: 999px !important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 8px 32px var(--toc-shadow)!important;height:36px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease!important;overflow:visible!important}.pasito-vertical{width:36px!important;height:auto!important;padding:16px 0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.pasito-vertical .pasito-step-active{width:var(--pill-dot-size)!important;height:var(--pill-active-width)!important}.pasito-step{overflow:visible!important}@media (min-width: 900px){.toc-stepper-container{right:32px;top:50%;transform:translateY(-50%);flex-direction:column}#stepper-prev svg{transform:rotate(90deg)}#stepper-next svg{transform:rotate(90deg)}.toc-title{right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(10px);bottom:auto;left:auto;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,color .3s ease,border-color .3s ease}.pasito-step:hover .toc-title,.stepper-btn:hover .toc-title,#theme-toggle-btn:hover .toc-title{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 899px){.toc-stepper-container{bottom:24px;left:50%;transform:translate(-50%);flex-direction:row}.toc-title{bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),background-color .3s ease,color .3s ease,border-color .3s ease}@media (hover: hover){.pasito-step:hover .toc-title,.stepper-btn:hover .toc-title,#theme-toggle-btn:hover .toc-title{opacity:1;transform:translate(-50%) translateY(0)}}}.theme-toggle-container-inner{display:inline-flex;align-items:center;justify-content:center;position:relative;width:14px;height:14px}.theme-icon{position:absolute;width:14px;height:14px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}[data-theme=dark] .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .moon-icon{opacity:0;transform:rotate(-90deg) scale(0)}[data-theme=light] .sun-icon{opacity:0;transform:rotate(90deg) scale(0)}[data-theme=light] .moon-icon{opacity:1;transform:rotate(0) scale(1)}header h1{margin-bottom:8px}