/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--f-mono);--ease-io:var(--ease-io)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{background:var(--bg);color:var(--fg);font-family:var(--f-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.7;transition:background-color .5s,color .5s}a{color:inherit;text-decoration:none}::selection{background:var(--acc);color:var(--on-acc)}:focus-visible{outline:2px solid var(--acc);outline-offset:3px}h1,h2,h3,p,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}button{font:inherit;color:inherit}sup{vertical-align:baseline;top:0}}@layer components{.site{position:relative;overflow-x:clip}.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,4vw,56px)}.title{font-family:var(--f-title);letter-spacing:-.04em;font-weight:700;line-height:.95}.mut{color:var(--mut)}.acc{color:var(--acc)}.skip{z-index:60;background:var(--acc);color:var(--on-acc);border-radius:8px;padding:10px 14px;font-size:13px;transition:top .25s;position:absolute;top:-80px;left:16px}.skip:focus{top:12px}.no-js .js-only{display:none!important}.to-top{--p:0;z-index:60;background:conic-gradient(var(--acc) calc(var(--p) * 1turn), var(--line2) 0);width:58px;height:58px;color:var(--fg);font-family:var(--f-mono);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .4s var(--ease), transform .55s var(--ease), visibility 0s linear .55s;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:max(16px,2.2vw);right:max(16px,2.2vw);transform:translateY(18px)scale(.86)}.to-top.is-on{opacity:1;visibility:visible;transition:opacity .4s var(--ease), transform .55s var(--ease), visibility 0s;transform:none}.to-top-in{background:var(--card);border-radius:50%;place-items:center;width:52px;height:52px;transition:background-color .35s,color .35s;display:grid;box-shadow:0 14px 34px -18px #0000008c}.to-top:hover .to-top-in{background:var(--acc);color:var(--on-acc)}.to-top svg{transition:transform .45s var(--ease)}.to-top:hover svg{transform:translateY(-3px)}.to-top:active .to-top-in{transform:scale(.94)}.to-top-tip{background:var(--fg);color:var(--bg);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s, transform .45s var(--ease);border-radius:999px;padding:6px 12px;font-size:11px;position:absolute;top:50%;right:calc(100% + 12px);transform:translate(8px,-50%)}.to-top:hover .to-top-tip,.to-top:focus-visible .to-top-tip{opacity:1;transform:translateY(-50%)}.nav{z-index:40;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.nav{background:color-mix(in srgb, var(--bg) 82%, transparent)}}.nav{backdrop-filter:blur(16px)saturate(140%);transition:background-color .5s,border-color .5s}.nav-in{height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{font-family:var(--f-title);letter-spacing:-.05em;align-items:baseline;font-size:24px;font-weight:800;line-height:1;display:inline-flex}.logo .caret-l{color:var(--acc);animation:1.1s step-end infinite blink}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{height:44px;color:var(--mut);border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:13px;transition:color .3s,background-color .3s;display:inline-flex}.nav-link:hover{color:var(--fg);background:var(--bg2)}.nav-link sup{color:var(--acc);align-self:flex-start;margin-top:11px;font-size:9px;line-height:1}.roll{line-height:1.5;display:block;position:relative;overflow:hidden}.roll>span{transition:transform .5s var(--ease-io);display:block}.roll>span+span{position:absolute;top:100%;left:0}.nav-link:hover .roll>span,.btn:hover .roll>span{transform:translateY(-100%)}.nav-right{align-items:center;gap:10px;display:flex}.colon{animation:1.2s step-end infinite blink}.icon-btn{border:1px solid var(--line2);cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:border-color .3s,background-color .3s,transform .2s;display:inline-grid}.icon-btn:hover{border-color:var(--acc);background:var(--acc-soft)}.icon-btn:active{transform:scale(.9)}.icon-btn svg{transition:transform .7s var(--ease)}.theme-btn:hover svg{transform:rotate(-40deg)scale(1.08)}.lang-switch{border:1px solid var(--line2);border-radius:999px;flex:none;justify-content:space-between;align-items:center;width:84px;height:44px;padding:0 13px;transition:border-color .3s,background-color .3s;display:inline-flex;position:relative}.lang-switch:hover{border-color:var(--acc);background:var(--acc-soft)}.ls-end{text-align:center;letter-spacing:.04em;width:18px;color:var(--mut);font-size:10px;font-weight:700}.ls-knob{background:var(--acc);width:34px;height:34px;color:var(--on-acc);letter-spacing:.04em;box-shadow:0 4px 12px var(--acc);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:4px;left:4px}@supports (color:color-mix(in lab, red, red)){.ls-knob{box-shadow:0 4px 12px color-mix(in srgb, var(--acc) 45%, transparent)}}.ls-knob{transition:left .35s cubic-bezier(.3,1.4,.4,1)}.lang-switch[data-current=en] .ls-knob,.lang-switch.is-switching .ls-knob{left:calc(100% - 38px)}.lang-switch[data-current=en].is-switching .ls-knob{left:4px}.theme-btn .i-moon,[data-theme=light] .theme-btn .i-sun{display:none}[data-theme=light] .theme-btn .i-moon{display:block}.menu-btn .i-close{display:none}.menu-btn[aria-expanded=true] .i-close{display:block}.menu-btn[aria-expanded=true] .i-menu{display:none}.mmenu{inset:var(--nav-h) 0 auto 0;width:auto;height:min(calc(100dvh - var(--nav-h)), 900px);border:0;border-bottom:1px solid var(--line);background:var(--bg);color:var(--fg);flex-direction:column;justify-content:space-between;gap:32px;margin:0;padding:16px clamp(16px,4vw,56px) 32px;position:fixed;overflow-y:auto}.mmenu:popover-open{animation:menuin .5s var(--ease) both;display:flex}.mmenu::backdrop{background:0 0}.mm-links{flex-direction:column;display:flex}.mm-link{border-bottom:1px solid var(--line);font-family:var(--f-title);letter-spacing:-.045em;animation:fadeup .7s var(--ease) both;align-items:flex-start;gap:12px;padding:16px 0;font-size:clamp(36px,11vw,60px);font-weight:700;line-height:1;display:flex}.mm-link:nth-child(2){animation-delay:40ms}.mm-link:nth-child(3){animation-delay:80ms}.mm-link:nth-child(4){animation-delay:.12s}.mm-link:nth-child(5){animation-delay:.16s}.mm-link sup{font-family:var(--f-mono);letter-spacing:0;color:var(--acc);font-size:12px;font-weight:400}.mm-foot{color:var(--mut);flex-direction:column;align-items:flex-start;gap:12px;font-size:13px;display:flex}.btn{isolation:isolate;border:1px solid var(--line2);min-height:48px;font-family:var(--f-mono);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:color .4s var(--ease-io), border-color .4s var(--ease-io);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;border-radius:inherit;background:var(--acc);transition:transform .5s var(--ease-io);position:absolute;inset:-1px;transform:translateY(102%)}.btn:hover{color:var(--on-acc);border-color:var(--acc)}.btn:hover:before{transform:translateY(0)}.btn-solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-sm{min-height:44px;padding:0 18px;font-size:12px}.btn svg{transition:transform .45s var(--ease);flex:none}.btn:hover .i-ne{transform:translate(2px,-2px)}.btn:hover .i-dn{transform:translateY(3px)}.u{transition:background-size .6s var(--ease-io), color .3s;background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-repeat:no-repeat;background-size:0% 2px}.u:hover{background-position:0 100%;background-size:100% 2px}.hero{isolation:isolate;padding-top:clamp(28px,4vw,64px);padding-bottom:clamp(56px,6vw,96px);position:relative}.hero>:not(.goo-layer){z-index:1;position:relative}.goo-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.goo-defs{width:0;height:0;position:absolute;overflow:hidden}.goo{filter:url(#goo-f);position:absolute;inset:0}.slash-pos{will-change:transform;width:max(6.5vw,26px);height:28vw;position:absolute;top:150px;left:56vw}.slash-anchor{display:inline}.slash{background:var(--slash);border-radius:clamp(8px,1.1vw,18px);width:100%;height:100%;transition:background-color .5s;display:block;transform:skew(-18deg)}.blob{background:var(--slash);will-change:transform;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-200px,-200px)scale(0)}.blob-main{width:58px;height:58px;margin:-29px 0 0 -29px}.blob-trail{width:22px;height:22px;margin:-11px 0 0 -11px}.goo-on{cursor:none}.goo-on a,.goo-on button{cursor:pointer}.goo-on .code-card{cursor:auto}.hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.hero-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--line2);border-radius:999px;align-items:center;height:32px;padding:0 12px;font-size:12px;transition:border-color .3s,color .3s;display:inline-flex}.tag:hover{border-color:var(--acc);color:var(--acc)}.status{letter-spacing:.03em;color:var(--mut);align-items:center;gap:10px;font-size:12px;display:inline-flex}.pulse{background:var(--acc);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;position:relative}.pulse:after{content:"";background:var(--acc);border-radius:50%;animation:2.2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.hero-name{letter-spacing:-.055em;white-space:nowrap;margin-top:clamp(28px,4vw,64px);font-size:clamp(52px,15.5vw,228px);font-weight:700;line-height:.9}.line{margin-bottom:-.07em;padding-bottom:.07em;display:block;overflow:hidden}.line>span{display:inline-block}.line-2{padding-left:min(9vw,130px)}.hero-bottom{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));align-items:start;gap:clamp(32px,4vw,72px);margin-top:clamp(36px,4.5vw,72px);display:grid}.lead{max-width:54ch;font-size:clamp(15px,1.25vw,18px);line-height:1.7}.lead em{color:var(--acc);font-style:normal}.btn-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.code-card{border:1px solid var(--line2);background:var(--card);width:100%;max-width:540px;transition:border-color .4s, transform .6s var(--ease), box-shadow .6s var(--ease);border-radius:16px;justify-self:end;overflow:hidden}.code-card:hover{border-color:var(--acc);box-shadow:0 28px 60px -34px var(--acc);transform:translateY(-4px)}.code-head{border-bottom:1px solid var(--line);height:44px;color:var(--mut);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:12px;display:flex}.dots{gap:6px;display:flex}.dots i{background:var(--line2);border-radius:50%;width:10px;height:10px;transition:background-color .3s;display:block}.code-card:hover .dots i:first-child{background:var(--acc)}.code{font-family:var(--f-mono);counter-reset:ln;padding:16px 0 18px;font-size:13px;line-height:1.8;display:block;overflow-x:auto}.cl{white-space:pre;padding:0 18px;transition:background-color .2s;display:block}.cl:before{counter-increment:ln;content:counter(ln, decimal-leading-zero);text-align:right;width:2.2ch;color:var(--dim);margin-right:2ch;display:inline-block}.cl:hover{background:var(--acc-soft)}.in{width:2ch;display:inline-block}.k{color:var(--acc)}.s{color:var(--acc-mid)}.c{color:var(--mut);font-style:italic}.p{color:var(--mut)}.caret{vertical-align:-.22em;background:var(--acc);width:.6em;height:1.15em;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}.marquee{border-block:1px solid var(--line);-webkit-user-select:none;user-select:none;padding-block:clamp(18px,2vw,28px);overflow:hidden}.mq-track{width:max-content;animation:40s linear infinite mq;display:flex}.marquee:hover .mq-track{animation-play-state:paused}.mq-group{font-family:var(--f-title);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:clamp(20px,2.4vw,40px);padding-right:clamp(20px,2.4vw,40px);font-size:clamp(28px,4.2vw,64px);font-weight:600;line-height:1.1;display:flex}.mq-o{color:var(--bg);-webkit-text-stroke:2px var(--fg);paint-order:stroke fill}.mq-sep{color:var(--acc);font-weight:400}.sec{padding-block:clamp(72px,9vw,150px)}.sec-line{border-top:1px solid var(--line)}.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1.3fr);align-items:end;gap:24px;margin-bottom:clamp(40px,5vw,80px);display:grid}.sec-idx{color:var(--acc);align-self:start;padding-top:.5em;font-size:13px}.sec-title{font-size:clamp(40px,6.4vw,104px)}.sec-aside{max-width:40ch;color:var(--mut);justify-self:end;font-size:14px}.works-feat,.works-grid{gap:clamp(20px,2vw,28px);display:grid}.works-feat{grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr))}.works-grid{grid-template-columns:minmax(0,1fr);margin-top:clamp(28px,3vw,44px)}.card{flex-direction:column;gap:16px;display:flex}.card-media{aspect-ratio:808/632;border:1px solid var(--line);background:var(--bg2);border-radius:14px;transition:border-color .4s;position:relative;overflow:hidden}.card:hover .card-media{border-color:var(--acc)}.card-img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease);position:absolute;inset:0}.card:hover .card-img{transform:scale(1.045)}.live-head{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:clamp(20px,2vw,28px);padding-bottom:14px;font-size:12px;display:flex}.live-label{color:var(--fg);align-items:center;gap:10px;display:inline-flex}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2vw,28px);margin-bottom:clamp(64px,6vw,104px);display:grid}.live-card{border:1px solid var(--line2);background:var(--card);border-radius:16px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.live-card:hover{border-color:var(--acc)}.tilt{--rx:0deg;--ry:0deg;--mx:0;--my:0;--gx:50%;--gy:50%;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--ease), box-shadow .7s var(--ease), border-color .4s;will-change:transform}.tilt:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff29, transparent 55%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.tilt.is-tilt{transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(14px);transition:transform .3s cubic-bezier(.2, .7, .3, 1), box-shadow .35s var(--ease), border-color .4s;box-shadow:calc(var(--mx) * -8px) calc(var(--my) * -8px) 0 -1px var(--edge), calc(var(--mx) * -18px) calc(var(--my) * -18px + 34px) 56px -26px #0000008c}.tilt.is-tilt:after{opacity:1}.card-media.is-tilt .card-img{transform:scale(1.09) translate(calc(var(--mx) * -9px), calc(var(--my) * -9px));transition:transform .5s cubic-bezier(.2,.7,.3,1)}.live-card.tilt.is-tilt .live-bg{opacity:.85;transform:scale(1.09) translate(calc(var(--mx) * -10px), calc(var(--my) * -10px));transition:opacity .6s var(--ease), transform .5s cubic-bezier(.2, .7, .3, 1)}.live-card.is-tilt .live-info{transform:translate(calc(var(--mx) * 7px), calc(var(--my) * 7px))}.live-card.is-tilt .live-arrow{translate:calc(var(--mx) * 5px) calc(var(--my) * 5px)}.live-card:hover .dots i:first-child{background:var(--acc)}.browser-bar{z-index:2;border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:14px;height:42px;padding:0 14px;display:flex;position:relative}.browser-url{background:var(--bg2);min-width:0;height:26px;color:var(--mut);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.live-body{isolation:isolate;aspect-ratio:16/9;background:var(--bg2);flex-direction:column;flex:1;justify-content:flex-end;padding:clamp(20px,2.2vw,32px);display:flex;position:relative;overflow:hidden}.live-bg{z-index:-2;object-fit:cover;object-position:top left;opacity:.5;width:100%;height:100%;transition:opacity .6s var(--ease), transform 1.1s var(--ease);position:absolute;inset:0}.live-card:hover .live-bg{opacity:.85;transform:scale(1.04)}.live-body:after{content:"";z-index:-1;background:linear-gradient(to top, var(--card) 10%, var(--card) 45%, transparent 80%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.live-body:after{background:linear-gradient(to top, var(--card) 10%, color-mix(in srgb, var(--card) 72%, transparent) 45%, transparent 80%)}}.live-body:after{pointer-events:none}.live-info{flex-direction:column;align-items:flex-start;gap:10px;transition:transform .5s cubic-bezier(.2,.7,.3,1);display:flex}.live-name{letter-spacing:-.045em;font-size:clamp(32px,3.8vw,60px);line-height:1;transition:color .4s}.live-card:hover .live-name{color:var(--acc)}.live-desc{color:var(--mut);font-size:13px}.live-arrow{border:1px solid var(--line2);background:var(--card);border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:16px;right:16px}@supports (color:color-mix(in lab, red, red)){.live-arrow{background:color-mix(in srgb, var(--card) 82%, transparent)}}.live-arrow{transition:transform .5s var(--ease), background-color .3s, border-color .3s, color .3s}.live-card:hover .live-arrow{background:var(--acc);border-color:var(--acc);color:var(--on-acc);transform:rotate(45deg)}.card-cta{z-index:4;background:var(--acc);height:36px;color:var(--on-acc);transition:transform .55s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:16px;left:16px;transform:translateY(calc(100% + 24px))}.card:hover .card-cta,.card:focus-visible .card-cta{transform:translateY(0)}.card-info{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-title{letter-spacing:-.035em;font-size:clamp(22px,2vw,30px);line-height:1.1}.works-feat .card-title{font-size:clamp(26px,2.6vw,40px)}.card-desc{color:var(--mut);margin-top:6px;font-size:13px}.card-arrow{border:1px solid var(--line2);width:44px;height:44px;transition:transform .5s var(--ease), background-color .3s, border-color .3s, color .3s;border-radius:999px;flex:none;place-items:center;display:grid}.card:hover .card-arrow{background:var(--acc);border-color:var(--acc);color:var(--on-acc);transform:rotate(45deg)}.archive{margin-top:clamp(64px,6vw,104px)}.archive-head{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding-bottom:14px;font-size:12px;display:flex}.row{isolation:isolate;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:20px;min-height:92px;padding-block:16px;display:grid;position:relative}.row:before{content:"";z-index:-1;background:var(--acc-soft);transform-origin:bottom;transition:transform .5s var(--ease-io);position:absolute;inset:0;transform:scaleY(0)}.row:hover:before{transform:scaleY(1)}.row-main{grid-template-columns:minmax(0,1fr) minmax(0,240px);align-items:center;gap:20px;display:grid}.row-title{letter-spacing:-.035em;transition:transform .55s var(--ease);font-size:clamp(22px,2.6vw,40px);line-height:1.1}.row:hover .row-title{transform:translate(12px)}.row-type{color:var(--mut);font-size:13px}.row-arrow{width:44px;height:44px;transition:transform .5s var(--ease), color .3s;place-items:center;display:grid}.row:hover .row-arrow{color:var(--acc);transform:rotate(45deg)}.works-more{justify-content:center;margin-top:clamp(40px,4vw,64px);display:flex}.about-grid{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:start;gap:clamp(32px,5vw,96px);display:grid}.statement{font-family:var(--f-title);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,3.4vw,54px);font-weight:600;line-height:1.08}.statement em{color:var(--acc);font-style:normal}.about-left{flex-direction:column;gap:clamp(28px,3vw,44px);display:flex}.photo{aspect-ratio:1;border:1px solid var(--line2);background:var(--bg2);border-radius:16px;width:min(100%,340px);position:relative;overflow:hidden}.photo img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .8s var(--ease), transform 1.1s var(--ease);display:block;transform:scale(1.02)}.photo:hover img{filter:grayscale(0)contrast();transform:scale(1.07)}.about-text{max-width:62ch;color:var(--mut);flex-direction:column;gap:18px;display:flex}.about-text strong{color:var(--fg);font-weight:500}.facts{border-top:1px solid var(--line);margin-top:32px}.fact{border-bottom:1px solid var(--line);transition:padding-left .45s var(--ease);grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;font-size:14px;display:grid}.fact:hover{padding-left:8px}.fact dt{color:var(--acc)}.services{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(28px,2.4vw,40px);margin-top:clamp(64px,6vw,104px);display:grid}.svc{border-top:1px solid var(--line2);flex-direction:column;gap:14px;padding-top:28px;display:flex;position:relative}.svc:before{content:"";background:var(--acc);width:0;height:1px;transition:width .8s var(--ease);position:absolute;top:-1px;left:0}.svc:hover:before{width:100%}.svc-n{color:var(--mut);font-size:12px;transition:color .3s}.svc:hover .svc-n{color:var(--acc)}.svc-t{letter-spacing:-.035em;font-size:clamp(24px,2.2vw,32px);line-height:1.1}.svc p{max-width:44ch;color:var(--mut);font-size:14px}.stack{border-top:1px solid var(--line)}.stack-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:16px 24px;padding-block:clamp(22px,2.4vw,34px);display:grid}.stack-label{color:var(--mut);font-size:14px}.stack-label b{color:var(--acc);font-weight:500}.stack-items{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--line2);min-height:52px;font-family:var(--f-title);letter-spacing:-.03em;transition:border-color .3s, background-color .3s, transform .45s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:8px 20px;font-size:clamp(18px,1.6vw,24px);font-weight:600;line-height:1.2;display:inline-flex}.pill small{font-family:var(--f-mono);letter-spacing:.02em;color:var(--mut);font-size:11px;font-weight:400;transition:color .3s}.pill:hover{border-color:var(--acc);background:var(--acc-soft);transform:translateY(-3px)}.pill:hover small{color:var(--acc)}.pill-soft{border-style:dashed}.stack-note{color:var(--mut);grid-column:2;font-size:13px}.xp{border-top:1px solid var(--line)}.xp-item{border-bottom:1px solid var(--line)}.xp-btn{text-align:left;cursor:pointer;grid-template-columns:200px minmax(0,1.3fr) minmax(0,1fr) 44px;grid-template-areas:"period company role plus";align-items:center;gap:24px;width:100%;min-height:108px;padding:20px 0;list-style:none;display:grid}.xp-btn::-webkit-details-marker{display:none}.xp-btn::marker{content:""}.xp-period{color:var(--mut);grid-area:period;font-size:13px}.xp-company{letter-spacing:-.04em;transition:transform .55s var(--ease), color .3s;grid-area:company;font-size:clamp(26px,3vw,44px);line-height:1.05}.xp-btn:hover .xp-company{transform:translate(10px)}.xp-item[open] .xp-company{color:var(--acc)}.xp-role{grid-area:role;font-size:14px}.xp-plus{border:1px solid var(--line2);width:44px;height:44px;transition:transform .5s var(--ease), background-color .3s, border-color .3s, color .3s;border-radius:999px;grid-area:plus;place-self:center end;position:relative}.xp-plus:before,.xp-plus:after{content:"";background:currentColor;width:14px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xp-plus:after{transform:translate(-50%,-50%)rotate(90deg)}.xp-btn:hover .xp-plus{border-color:var(--acc)}.xp-item[open] .xp-plus{background:var(--acc);border-color:var(--acc);color:var(--on-acc);transform:rotate(45deg)}.xp-body{grid-template-columns:200px minmax(0,1fr);gap:24px;padding-bottom:36px;display:grid}.xp-item[open] .xp-body{animation:fadeup .6s var(--ease) both}.xp-list{flex-direction:column;grid-column:2;gap:10px;max-width:80ch;display:flex}.xp-list li{color:var(--mut);padding-left:26px;font-size:14px;position:relative}.xp-list li:before{content:"→";color:var(--acc);position:absolute;left:0}.edu{margin-top:clamp(64px,6vw,104px)}.edu-h{letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:20px;font-size:12px;font-weight:400}.edu-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.edu-card{border:1px solid var(--line);background:var(--card);transition:border-color .3s, transform .5s var(--ease);border-radius:14px;flex-direction:column;gap:10px;padding:22px;display:flex}.edu-card:hover{border-color:var(--acc);transform:translateY(-4px)}.edu-years{color:var(--acc);font-size:12px}.edu-course{letter-spacing:-.03em;font-size:20px;line-height:1.2}.edu-school{color:var(--mut);font-size:13px}.contact{border-top:1px solid var(--line);padding-block:clamp(80px,10vw,170px)}.contact-title{letter-spacing:-.055em;margin-top:24px;font-size:clamp(48px,10.5vw,176px);line-height:.92}.contact-title em{color:var(--acc);font-style:normal}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));align-items:end;gap:clamp(40px,4vw,72px);margin-top:clamp(40px,5vw,80px);display:grid}.mail-col{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.mail-col p{max-width:46ch;color:var(--mut);font-size:14px}.mail{font-family:var(--f-title);letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(24px,3.6vw,56px);font-weight:600;line-height:1.15}.mail:hover{color:var(--acc)}.copy-btn .i-check{display:none}.copy-btn.is-copied .i-check{display:block}.copy-btn.is-copied .i-copy{display:none}.links{border-top:1px solid var(--line)}.lnk{border-bottom:1px solid var(--line);min-height:68px;transition:padding .45s var(--ease), color .3s;justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}.lnk:hover{color:var(--acc);padding-inline:12px}.lnk-meta{color:var(--mut);align-items:center;gap:14px;font-size:12px;display:inline-flex}.lnk svg{transition:transform .45s var(--ease)}.lnk:hover svg{transform:rotate(45deg)}.lnk:hover .i-dl{transform:translateY(3px)}.foot{border-top:1px solid var(--line);color:var(--mut);padding-block:24px;font-size:12px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.top-link{min-height:44px;color:var(--fg);align-items:center;gap:8px;display:inline-flex}.top-link svg{transition:transform .45s var(--ease)}.top-link:hover svg{transform:translateY(-3px)}}@layer utilities{.\@container{container-type:inline-size}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-cyrillic-ext-wght-normal.okcGN4Nq.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-cyrillic-wght-normal.BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-greek-ext-wght-normal.DQgQPNk4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-greek-wght-normal.sS1B39LI.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-vietnamese-wght-normal.TKKdAiBA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-latin-ext-wght-normal.B4u9PlvR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-latin-wght-normal.DX-nOvPD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Consolas);size-adjust:109%}:root,[data-theme=dark]{--bg:#0a0a0b;--bg2:#131315;--card:#141416;--line:#232327;--line2:#37373d;--fg:#f4f4f5;--mut:#a0a0a8;--dim:#5c5c64;--acc:#9b6bff;--on-acc:#0a0a0b;--slash:oklab(53.212% .0883179 -.191272);color-scheme:dark}[data-theme=light]{--bg:#f4f4f2;--bg2:#eaeae7;--card:#fff;--line:#dcdcd8;--line2:#c3c3be;--fg:#0d0d0f;--mut:#55555c;--dim:#a6a6a2;--acc:#6a2ee8;--on-acc:#fff;--slash:#9b6bff;color-scheme:light}:root{--edge:var(--acc)}@supports (color:color-mix(in lab, red, red)){:root{--edge:color-mix(in srgb, var(--acc) 42%, var(--card))}}:root{--acc-soft:var(--acc)}@supports (color:color-mix(in lab, red, red)){:root{--acc-soft:color-mix(in srgb, var(--acc) 14%, transparent)}}:root{--acc-mid:var(--acc)}@supports (color:color-mix(in lab, red, red)){:root{--acc-mid:color-mix(in srgb, var(--acc) 58%, var(--fg))}}:root{--ease:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.7, 0, .2, 1);--f-title:"Inter Tight Variable", "Inter Tight", "Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono Variable", "JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, Consolas, monospace;--nav-h:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}@keyframes blink{50%{opacity:0}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes mq{to{transform:translate(-50%)}}@keyframes lineup{0%{transform:translateY(108%)}}@keyframes fadeup{0%{opacity:0;transform:translateY(18px)}}@keyframes menuin{0%{opacity:0;transform:translateY(-10px)}}@keyframes slashin{0%{transform:skew(-18deg)scaleY(0)}}@media (prefers-reduced-motion:no-preference){.slash{animation:slashin 1.3s .5s var(--ease) backwards}.line>span{animation:lineup 1.2s var(--ease) both}.line-2>span{animation-delay:.1s}.hero-meta,.hero-bottom{animation:fadeup 1s .35s var(--ease) both}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rv{animation:linear both fadeup view();animation-range:entry cover 22%}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (hover:none){.to-top-tip{display:none}}@media (hover:none),(pointer:coarse){.blob{display:none}}@media (width<=1020px){.nav-links,.nav-cta{display:none}}@media (width>=1021px){.menu-btn,.mmenu{display:none!important}.hero{padding-top:clamp(20px,2vw,36px)}.hero-name{margin-top:clamp(10px,1.2vw,24px)}}@media (width>=641px) and (width<=960px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid>:last-child:nth-child(odd){grid-column:span 2}}@media (width>=961px){.works-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.works-grid>*{grid-column:span 2}.works-grid>:nth-child(3n+1):nth-last-child(2),.works-grid>:nth-child(3n+1):nth-last-child(2)+*{grid-column:span 3}}@media (width<=960px){.live-grid{grid-template-columns:minmax(0,1fr)}.live-body{aspect-ratio:16/10}.sec-head{grid-template-columns:minmax(0,1fr);gap:14px}.sec-aside{justify-self:start}.code-card{justify-self:stretch;max-width:none}.row-main{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.stack-row{grid-template-columns:minmax(0,1fr)}.stack-note{grid-column:auto}.xp-btn{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"period plus""company plus""role plus";gap:6px 16px}.xp-body{grid-template-columns:minmax(0,1fr)}.xp-list{grid-column:auto}}@media (width<=640px){:root{--nav-h:60px}.goo{filter:none}.blob{display:none}.goo-on{cursor:auto}.slash-pos{width:8.5vw;transform:none!important}.slash{border-radius:4px}.hero-name{font-size:16vw}.line-2{padding-left:0}.btn-row .btn{flex:auto}.code{font-size:12px}.cl{padding:0 14px}.fact{grid-template-columns:92px minmax(0,1fr)}.pill{min-height:46px;padding:8px 16px}.lnk-meta .lnk-url{display:none}.foot-in{flex-direction:column;align-items:flex-start}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}