@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{border-width:0}.visible{visibility:visible}.static{position:static}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.underline{text-decoration-line:underline}.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)}:root{--canvas:#fff;--canvas-soft:#fafafa;--surface:#f5f5f5;--ink:#171717;--body:#525252;--muted:#8a8a8a;--line:#e6e6e6;--line-s:#d4d4d4;--on-ink:#fff;--ok:#16a34a;--err:#dc2626;--sans:"Pretendard",var(--font-inter),-apple-system,sans-serif;--mono:var(--font-jetbrains),ui-monospace,monospace;--sec:96px;--mw:1120px;--rb:8px;--rc:12px}[data-theme=dark]{--canvas:#0a0a0a;--canvas-soft:#111;--surface:#1a1a1a;--ink:#ededed;--body:#a1a1a1;--muted:#6b6b6b;--line:#262626;--line-s:#3a3a3a;--on-ink:#0a0a0a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--canvas);color:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}.wrap{max-width:var(--mw);margin:0 auto;padding:0 40px;width:100%}.sec{padding:var(--sec) 0}.eyebrow{font-size:13px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:12px}.sec-title{font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--ink);letter-spacing:-1px;line-height:1.15;margin-bottom:48px}.fu{transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;opacity:.4}.fu.vis{transform:none;opacity:1}@media(prefers-reduced-motion:reduce){.fu,.fu.vis{opacity:1;transform:none;transition:none}.cursor,.ha{animation:none!important}}@keyframes fuIn{0%{transform:translateY(20px)}to{transform:none}}.ha{animation:fuIn .55s ease}.ha.d1{animation-delay:.1s}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:var(--canvas);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}nav.scroll{border-bottom-color:var(--line)}.nav-in{max-width:var(--mw);margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;gap:40px}.nav-logo{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.4px;flex-shrink:0}.nav-links{display:flex;gap:2px;list-style:none;flex:1}.nav-links a{display:block;padding:6px 10px;font-size:14px;font-weight:500;color:var(--muted);border-radius:6px;transition:color .15s,background .15s}.nav-links a.act,.nav-links a:hover{color:var(--ink);background:var(--surface)}.nav-right{gap:10px;margin-left:auto}.btn-th,.nav-right{display:flex;align-items:center}.btn-th{width:34px;height:34px;border-radius:50%;background:var(--surface);color:var(--ink);justify-content:center;transition:background .15s;flex-shrink:0}.btn-th:hover{background:var(--line)}.btn-cta-sm{padding:8px 18px;background:var(--ink);color:var(--on-ink);border-radius:var(--rb);font-size:14px;font-weight:600;transition:opacity .15s}.btn-cta-sm:hover{opacity:.82}.ham{display:none;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:34px;height:34px}.ham span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .2s,opacity .2s}#mob{display:none;position:fixed;top:64px;left:0;right:0;background:var(--canvas);z-index:99;padding:8px 18px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.08);max-height:calc(100vh - 64px);overflow-y:auto}[data-theme=dark] #mob{box-shadow:0 10px 24px rgba(0,0,0,.5)}#mob.open{display:block}#mob ul{list-style:none;display:flex;flex-direction:column;gap:2px}#mob a{display:block;padding:12px 8px;font-size:17px;font-weight:600;color:var(--ink);border-radius:8px}#mob a:active{background:var(--surface)}#hero{min-height:88vh;display:flex;padding:80px 0 56px}#hero,.hero-grid{align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.hero-ey{font-size:13px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.hero-name{font-size:clamp(44px,5.5vw,64px);font-weight:700;color:var(--ink);letter-spacing:-2px;line-height:1.05;margin-bottom:6px}.hero-role{font-family:var(--mono);font-size:19px;color:var(--body);margin-bottom:18px;min-height:28px}.cursor{display:inline-block;width:2px;height:1.1em;background:var(--ink);margin-left:1px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-tag{font-size:17px;color:var(--body);line-height:1.65;margin-bottom:32px;letter-spacing:-.1px;max-width:480px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.btn-solid{padding:12px 24px;background:var(--ink);color:var(--on-ink);border-radius:var(--rb);font-size:15px;font-weight:600;display:inline-block;transition:opacity .15s;white-space:nowrap}.btn-solid:hover{opacity:.82}.btn-ghost{padding:11px 23px;border:1px solid var(--line-s);color:var(--ink);border-radius:var(--rb);font-size:15px;font-weight:600;display:inline-block;transition:border-color .15s,background .15s;white-space:nowrap}.btn-ghost:hover{border-color:var(--ink);background:var(--surface)}.hero-soc{gap:18px}.hero-soc,.soc-lnk{display:flex;align-items:center}.soc-lnk{color:var(--muted);transition:color .15s}.soc-lnk:hover{color:var(--ink)}.code-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--rc);padding:28px 32px;font-family:var(--mono);font-size:12.5px;line-height:1.75;color:var(--body);overflow:hidden}.c-kw{color:var(--ink);font-weight:500}.c-cm{color:var(--muted);font-style:italic}.c-str{color:var(--body)}.about-grid{display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}.photo-box{width:100%;aspect-ratio:1;border-radius:var(--rc);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.photo-box svg{width:72px;height:72px;color:var(--line-s)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;background:var(--surface);border:1px solid var(--line);font-size:13px;color:var(--body);margin-bottom:16px}.dot-ok{width:7px;height:7px;border-radius:50%;background:var(--ok)}.ps-stats,.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.stat{padding:15px;background:var(--surface);border-radius:10px;border:1px solid var(--line)}.stat-n{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.5px;line-height:1}.stat-l{font-size:12px;color:var(--muted);margin-top:4px}.about-body h3{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.3px;margin-bottom:14px}.about-body p{font-size:16px;color:var(--body);line-height:1.72;margin-bottom:14px}.learn-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-family:var(--mono);color:var(--body);margin:3px 3px 3px 0}.mini-label{font-size:10px;margin-bottom:8px}.ll,.mini-label{font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--muted)}.ll{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:1px 5px}.btn-dl{margin-top:26px;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:1px solid var(--line-s);border-radius:var(--rb);font-size:14px;font-weight:600;color:var(--ink);transition:background .15s,border-color .15s}.btn-dl:hover{background:var(--surface);border-color:var(--ink)}#blog,#experience,#skills{background:var(--canvas-soft)}.s-tabs{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:40px;background:var(--surface);padding:5px;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.s-tab,.s-tabs{border-radius:9999px}.s-tab{padding:6px 15px;font-size:13px;font-weight:500;color:var(--muted);transition:all .15s;cursor:pointer;white-space:nowrap}.s-tab.act{background:var(--canvas);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}[data-theme=dark] .s-tab.act{box-shadow:0 1px 4px rgba(0,0,0,.35)}.s-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.s-item{padding:18px 12px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--rc);display:flex;flex-direction:column;align-items:center;gap:9px;transition:border-color .15s;cursor:default}.s-item:hover{border-color:var(--line-s)}.s-item.pri{border-color:var(--ink);border-width:1.5px}.s-icon{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink);text-align:center;line-height:1.2}.s-icon,.s-icon img{width:30px;height:30px}.s-icon img{-o-object-fit:contain;object-fit:contain}.s-name{font-size:12px;font-weight:700;color:var(--ink);text-align:center;letter-spacing:-.2px}.pfilt{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:40px}.filt{padding:6px 15px;border:1px solid var(--line);border-radius:9999px;font-size:13px;font-weight:500;color:var(--muted);background:var(--canvas);transition:all .15s;cursor:pointer}.filt.act,.filt:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}.feat{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--rc);margin-bottom:24px}.feat-badge{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}.p-title{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.5px;margin-bottom:10px}.p-desc{font-size:16px;color:var(--body);line-height:1.7;margin-bottom:18px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.tag{padding:4px 10px;background:var(--canvas);border:1px solid var(--line);border-radius:6px;font-size:12.5px;font-family:var(--mono);color:var(--body)}.p-links{display:flex;gap:9px;flex-wrap:wrap}.btn-lnk{display:inline-flex;align-items:center;gap:5px;padding:9px 18px;border-radius:var(--rb);font-size:14px;font-weight:600;transition:opacity .15s}.btn-lnk.sol{background:var(--ink);color:var(--on-ink)}.btn-lnk.sol:hover{opacity:.82}.btn-lnk.out{border:1px solid var(--line-s);color:var(--ink);background:var(--canvas);transition:border-color .15s,background .15s}.btn-lnk.out:hover{border-color:var(--ink);background:var(--surface)}.arch-preview{background:var(--canvas);border:1px solid var(--line);border-radius:10px;min-height:220px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11.5px;color:var(--muted);padding:24px;line-height:1.9}.architecture-diagram{margin:0;border:1px solid var(--line);border-radius:var(--rc);background:var(--canvas-soft);overflow:hidden}.architecture-diagram figcaption{display:flex;flex-direction:column;gap:5px;padding:20px 22px;border-bottom:1px solid var(--line);background:var(--canvas)}.architecture-diagram figcaption strong{font-size:16px;color:var(--ink);letter-spacing:-.25px}.architecture-diagram figcaption span{font-size:13px;color:var(--body);line-height:1.65}.architecture-flows{display:grid;gap:14px;padding:18px}.architecture-flow{min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.architecture-flow-header{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr);gap:18px;align-items:baseline;margin-bottom:16px}.architecture-flow-header h4{font:700 12px/1.4 var(--mono);letter-spacing:.02em;color:var(--ink)}.architecture-flow-header p{font-size:12.5px;line-height:1.55;color:var(--muted)}.architecture-flow-track{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}.architecture-step{position:relative;display:flex;gap:11px;align-items:flex-start;min-width:132px;flex:1;padding:15px 14px;border:1px solid var(--line-s);border-radius:10px;background:var(--canvas-soft)}.architecture-step-index{font:600 9px/1.5 var(--mono);color:var(--muted);padding-top:1px}.architecture-step-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.architecture-step-copy strong{font:700 12.5px/1.35 var(--mono);color:var(--ink);overflow-wrap:anywhere}.architecture-step-copy small{font-size:11px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.architecture-connector{position:relative;display:flex;flex:0 0 66px;align-items:center;justify-content:center;list-style:none;min-height:66px}.architecture-connector-label{position:absolute;top:8px;left:2px;right:2px;text-align:center;font:500 8.5px/1.3 var(--mono);color:var(--muted);overflow-wrap:anywhere}.architecture-connector-line{position:relative;display:block;width:42px;height:1px;background:var(--line-s)}.architecture-connector-line:after,.architecture-connector-line:before{content:"";position:absolute;top:-3px;width:7px;height:7px;border-top:1px solid var(--line-s);border-right:1px solid var(--line-s)}.architecture-connector-line:after{right:0;transform:rotate(45deg)}.architecture-connector-line:before{display:none;left:0;transform:rotate(-135deg)}.architecture-connector.is-reverse .architecture-connector-line:after{display:none}.architecture-connector.is-bidirectional .architecture-connector-line:before,.architecture-connector.is-reverse .architecture-connector-line:before{display:block}.architecture-legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:13px 20px;border-top:1px solid var(--line);font:500 10px/1.4 var(--mono);color:var(--muted);background:var(--canvas)}.architecture-legend li{display:flex;align-items:center;gap:6px}.architecture-legend-swatch{width:14px;height:9px;border-radius:3px;background:var(--canvas-soft);border:1px solid var(--line-s)}.architecture-legend-swatch.kind-backend,.architecture-step.kind-backend{border-color:var(--ink);background:var(--surface)}.architecture-legend-swatch.kind-database,.architecture-step.kind-database{border-color:var(--body)}.architecture-legend-swatch.kind-message,.architecture-step.kind-message{border-style:dashed;background:var(--surface)}.architecture-legend-swatch.kind-deploy,.architecture-step.kind-deploy{border-color:var(--ink);border-style:dashed}.architecture-legend-swatch.kind-observe,.architecture-step.kind-observe{background:var(--surface)}.architecture-legend-swatch.kind-security,.architecture-step.kind-security{border-width:2px;border-color:var(--ink);background:var(--surface)}.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:4px}.p-card{background:var(--canvas);border:1px solid var(--line);border-radius:var(--rc);overflow:hidden;transition:border-color .2s;text-align:left;display:flex;flex-direction:column}.p-card:hover{border-color:var(--line-s)}.p-thumb{min-height:130px;flex-shrink:0;background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--muted);padding:16px;line-height:1.8;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.p-body{padding:22px;flex:1}.p-card-title{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.3px;margin-bottom:8px}.p-card-desc{font-size:14.5px;color:var(--body);line-height:1.7;margin-bottom:16px}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.exp-sub{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:28px}.tl{position:relative;padding-left:28px}.tl:before{content:"";position:absolute;left:6px;top:8px;bottom:0;width:1px;background:var(--line)}.tl-item{position:relative;margin-bottom:40px}.tl-item:before{content:"";position:absolute;left:-24px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--canvas);border:1.5px solid var(--ink)}.tl-period{font-size:12px;font-family:var(--mono);color:var(--muted);margin-bottom:5px}.tl-co{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.3px;margin-bottom:2px}.tl-role{font-size:15px;color:var(--body);margin-bottom:12px}.tl-ul{list-style:none}.tl-ul li{font-size:15px;color:var(--body);padding:3px 0 3px 16px;position:relative;line-height:1.65}.tl-ul li:before{content:"-";position:absolute;left:0;color:var(--line-s)}.tl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.act-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.act-card{background:var(--canvas);border:1px solid var(--line);border-radius:var(--rc);padding:32px;min-width:0}.act-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:22px;letter-spacing:-.2px}.hm{overflow-x:auto;padding-bottom:4px}.hm,.hm-col{display:flex;gap:3px}.hm-col{flex-direction:column}.hm-cell{width:12px;height:12px;border-radius:2px;background:#ededed;flex-shrink:0}.hm-cell[data-v="1"]{background:#c2c2c2}.hm-cell[data-v="2"]{background:#8f8f8f}.hm-cell[data-v="3"]{background:#565656}.hm-cell[data-v="4"]{background:#1f1f1f}[data-theme=dark] .hm-cell{background:#1e1e1e}[data-theme=dark] .hm-cell[data-v="1"]{background:#454545}[data-theme=dark] .hm-cell[data-v="2"]{background:#6e6e6e}[data-theme=dark] .hm-cell[data-v="3"]{background:#9e9e9e}[data-theme=dark] .hm-cell[data-v="4"]{background:#e8e8e8}.hm-stats{display:flex;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.hm-n{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.hm-l{font-size:11px;color:var(--muted)}.tier-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.tier{gap:10px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.tier,.tier-icon{display:flex;align-items:center}.tier-icon{width:34px;height:34px;border-radius:50%;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;background:#fef9c3;color:#854d0e}[data-theme=dark] .tier-icon{background:#29230a;color:#fbbf24}.tier-name{font-size:13px;font-weight:700;color:var(--ink)}.tier-sub{font-size:11px;color:var(--muted)}#blog{border-top:1px solid var(--line)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{display:block;padding:26px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--rc);text-decoration:none;transition:border-color .15s}.blog-card:hover{border-color:var(--line-s)}.blog-dt{font-size:11px;font-family:var(--mono);color:var(--muted);margin-bottom:9px}.blog-ttl{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.3px;line-height:1.45;margin-bottom:10px}.blog-ex{font-size:14px;color:var(--body);line-height:1.65;margin-bottom:14px}.blog-tags{display:flex;gap:5px;flex-wrap:wrap}.blog-tag{font-size:10px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;color:var(--muted);padding:3px 8px;background:var(--surface);border-radius:4px}.blog-search{display:flex;align-items:center;gap:14px;margin-bottom:26px}.blog-search input{flex:1;max-width:420px;padding:11px 15px;font:inherit;font-size:14px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:var(--rb);outline:none;transition:border-color .15s}.blog-search input:focus{border-color:var(--ink)}.blog-search input::-moz-placeholder{color:var(--muted)}.blog-search input::placeholder{color:var(--muted)}.blog-count{font-size:12px;color:var(--muted);font-family:var(--mono);white-space:nowrap}.blog-empty{text-align:center;padding:44px 26px;border:1px solid var(--line);border-radius:var(--rc);background:var(--canvas)}.blog-empty p{font-size:14px;color:var(--body);margin-bottom:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.con-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.con-h{font-size:clamp(26px,3.5vw,36px);font-weight:700;color:var(--ink);letter-spacing:-1px;line-height:1.2;margin-bottom:14px}.con-sub{font-size:16px;color:var(--body);line-height:1.7;margin-bottom:28px}.con-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--body)}.con-row:last-child{border-bottom:none}.soc-row{display:flex;gap:10px;margin-top:22px}.soc-btn{width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--body);transition:border-color .15s,color .15s}.soc-btn:hover{border-color:var(--ink);color:var(--ink)}form{gap:14px}.fg,form{display:flex;flex-direction:column}.fg{gap:5px}label{font-size:13px;font-weight:600;color:var(--ink)}input,textarea{padding:10px 14px;border:1px solid var(--line);border-radius:var(--rb);font-family:inherit;font-size:15px;background:var(--canvas);color:var(--ink);transition:border-color .15s;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--ink)}textarea{min-height:130px;resize:vertical}.ferr{font-size:11px;color:var(--err);display:none;margin-top:2px}.ferr.show{display:block}.btn-sub{padding:12px 24px;background:var(--ink);color:var(--on-ink);border-radius:var(--rb);font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s;border:none;font-family:inherit;width:100%}.btn-sub:hover{opacity:.82}.btn-sub:disabled{opacity:.4;cursor:not-allowed}.fmsg{font-size:14px;padding:12px 16px;border-radius:var(--rb);margin-bottom:4px;display:none}.fmsg.ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;display:block}.fmsg.er{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;display:block}[data-theme=dark] .fmsg.ok{background:#052e16;color:#4ade80;border-color:#166534}[data-theme=dark] .fmsg.er{background:#2d0a0a;color:#fca5a5;border-color:#991b1b}.project-page{padding:118px 0 96px;background:var(--canvas-soft);min-height:100vh}.project-shell{width:min(1080px,calc(100% - 40px));margin:0 auto}.project-back{display:inline-block;margin-bottom:28px;font:600 12px/1.4 var(--mono);color:var(--muted);text-decoration:none}.project-back:hover{color:var(--ink)}.project-header{padding:44px;border:1px solid var(--line);border-radius:18px;background:var(--canvas);margin-bottom:20px}.project-kicker{font:700 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.project-header h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-1.8px;color:var(--ink);margin-bottom:16px}.project-lead{max-width:820px;font-size:16px;line-height:1.75;color:var(--body);margin-bottom:22px}.project-actions{margin-top:4px}.project-section{padding:34px 38px;border:1px solid var(--line);border-radius:16px;background:var(--canvas);margin-top:16px}.project-section>p{font-size:15px;line-height:1.8;color:var(--body)}.project-table-wrap{overflow-x:auto}.project-section .architecture-diagram{margin-top:4px}.project-section .tr-item:last-child{margin-bottom:0}.project-section .tr-item h3{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:5px}.project-contact{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px 38px;margin-top:18px;border:1px solid var(--ink);border-radius:16px;background:var(--canvas)}.project-contact h2{font-size:24px;line-height:1.3;color:var(--ink);letter-spacing:-.5px}.project-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.project-nav a{display:flex;flex-direction:column;gap:5px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--canvas);text-decoration:none;transition:border-color .15s}.project-nav a:last-child{text-align:right}.project-nav a:hover{border-color:var(--ink)}.project-nav span{font:600 10px/1.4 var(--mono);color:var(--muted)}.project-nav strong{font-size:15px;color:var(--ink)}.not-found-page{display:flex;align-items:center;min-height:72vh;padding:120px 0 80px;background:var(--canvas-soft)}.not-found-page h1{font-size:clamp(34px,5vw,54px);color:var(--ink);letter-spacing:-1.5px;margin-bottom:14px}.not-found-page p:not(.project-kicker){font-size:16px;color:var(--body);margin-bottom:26px}footer{background:#111;color:#787878;padding:60px 0 36px}.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}.ft-name{font-size:15px;font-weight:700;color:#ededed;margin-bottom:8px}.ft-desc{font-size:13px;line-height:1.65;margin-bottom:14px}.ft-lnks-row{display:flex;gap:16px}.ft-lnks-row a,.ft-ul a{font-size:13px;color:#505050;transition:color .15s}.ft-col-h,.ft-lnks-row a:hover,.ft-ul a:hover{color:#ededed}.ft-col-h{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:14px}.ft-ul{list-style:none;display:flex;flex-direction:column;gap:9px}.ft-bot{padding-top:22px;border-top:1px solid #222;display:flex;justify-content:space-between;align-items:center;font-size:12px}.ft-motto{font-family:var(--mono);font-size:11px;color:#333}.bt{position:fixed;bottom:88px;right:28px;width:42px;height:42px;background:var(--ink);color:var(--on-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none;cursor:pointer;z-index:99;border:none}.bt.vis{opacity:1;transform:none;pointer-events:auto}.mo{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .25s}.mo.open{opacity:1;pointer-events:auto}.mo-box{background:var(--canvas);border-radius:16px;max-width:1080px;width:100%;max-height:88vh;overflow-y:auto;padding:44px;position:relative;transform:translateY(14px);transition:transform .25s}.mo.open .mo-box{transform:none}.mo-x{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:var(--surface);color:var(--body);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--line);transition:background .15s}.mo-x:hover{background:var(--line)}.mo-h2{font-size:26px;font-weight:700;color:var(--ink);letter-spacing:-.5px;margin-bottom:6px}.mo-meta{font-size:13px;color:var(--muted)}.mo-meta,.mo-sec{margin-bottom:26px}.mo-sl{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.mo-sec p{font-size:14px;color:var(--body);line-height:1.7}.api-t{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--mono)}.api-t th{text-align:left;padding:7px 10px;color:var(--muted);font-size:10px;letter-spacing:.4px;text-transform:uppercase}.api-t td,.api-t th{border-bottom:1px solid var(--line)}.api-t td{padding:9px 10px;color:var(--body)}.api-m{font-weight:700;color:var(--ink)}.tr-item{border-left:2px solid var(--line);padding-left:14px;margin-bottom:18px}.tr-item h4{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}.tr-item p{font-size:13px;color:var(--body);line-height:1.65}.tr-item.has-log{border-left-color:var(--ink)}.tr-item h4 a{color:inherit;text-decoration:none}.tr-item h4 a:hover{text-decoration:underline;text-underline-offset:3px}.tr-ext{font-size:10px;margin-left:5px;color:var(--muted);vertical-align:1px}.tr-more{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-s);padding-bottom:1px}.tr-more:hover{border-bottom-color:var(--ink)}.met-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.met-c{padding:14px;background:var(--surface);border-radius:9px}.met-v{font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.met-k{font-size:10px;color:var(--muted);margin-top:3px}.architecture-diagram{container-type:inline-size}@container(max-width:900px){.architecture-flow{padding:16px}.architecture-flow-header{grid-template-columns:1fr;gap:4px}.architecture-flow-track{display:grid;gap:0}.architecture-step{width:100%;min-width:0}.architecture-connector{min-height:54px;flex-basis:auto}.architecture-connector-label{top:20px;left:calc(50% + 14px);right:auto;width:-moz-max-content;width:max-content;max-width:42%;text-align:left}.architecture-connector-line{width:1px;height:32px}.architecture-connector-line:after,.architecture-connector-line:before{top:auto;left:-3px;right:auto}.architecture-connector-line:after{bottom:0;transform:rotate(135deg)}.architecture-connector-line:before{top:0;transform:rotate(-45deg)}.architecture-connector.is-reverse .architecture-connector-label{top:7px}}@media(max-width:1023px){:root{--sec:68px}.wrap{padding:0 24px}.hero-grid{grid-template-columns:1fr}.code-card{display:none}.about-grid{grid-template-columns:1fr}.photo-box{width:100px;height:100px}.feat{grid-template-columns:1fr}.arch-preview{display:none}.p-grid{grid-template-columns:1fr 1fr}.act-grid,.con-grid,.exp-grid{grid-template-columns:1fr}.con-grid{gap:40px}.ft-grid{gap:28px}.blog-grid,.ft-grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){:root{--sec:52px}.wrap{padding:0 18px}.btn-cta-sm,.nav-links{display:none}.ham{display:flex}.nav-in{padding:0 18px}.blog-grid,.p-grid{grid-template-columns:1fr}.met-grid{grid-template-columns:1fr 1fr}.ft-grid{grid-template-columns:1fr}.mo{padding:12px}.mo-box{padding:26px 14px}.project-page{padding:92px 0 64px}.project-shell{width:min(100% - 24px,1080px)}.project-header{padding:28px 20px}.project-header h1{font-size:34px;letter-spacing:-1px}.project-section{padding:24px 18px}.project-contact{align-items:flex-start;flex-direction:column;padding:26px 20px}.project-contact h2{font-size:21px}.project-nav{grid-template-columns:1fr}.project-nav a:last-child{text-align:left}.architecture-diagram figcaption{padding:17px 16px}.architecture-flows{padding:12px;gap:12px}.architecture-flow{padding:14px}.architecture-legend{padding:12px 16px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:14px}.stat-n{font-size:18px}.bt{bottom:80px;right:18px}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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_3c557b;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:__JetBrains_Mono_3c557b,__JetBrains_Mono_Fallback_3c557b;font-style:normal}.__variable_3c557b{--font-jetbrains:"__JetBrains_Mono_3c557b","__JetBrains_Mono_Fallback_3c557b"}