@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-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";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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(--font-mono)}}@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]){-webkit-text-decoration:underline dotted;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;-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}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}.inline{display:inline}.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,)}.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))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fffdf8;--surface:#f3eee5;--foreground:#172b31;--muted:#6f797b;--line:#172b31;--soft-line:#d8d6cf;--accent:#2457d6;--green:#208f4e;--blue:#167da9;--yellow:#aa7900;--code:#172124;--code-text:#f8f3e9}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101615;--surface:#1a2321;--foreground:#edf1eb;--muted:#a1aaa6;--line:#dbe3dc;--soft-line:#35403d;--accent:#83a7ff;--green:#56dc83;--blue:#63c5ee;--yellow:#f0c75e;--code:#070a0a;--code-text:#f2eee5}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101615;--surface:#1a2321;--foreground:#edf1eb;--muted:#a1aaa6;--line:#dbe3dc;--soft-line:#35403d;--accent:#83a7ff;--green:#56dc83;--blue:#63c5ee;--yellow:#f0c75e;--code:#070a0a;--code-text:#f2eee5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-weight:380;line-height:1.62;transition:background-color .18s,color .18s}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(100% - 48px,980px);margin-inline:auto}.site-header{background:var(--background);padding-top:52px}.header-inner{flex-direction:column;align-items:center;gap:22px;max-width:700px;display:flex}.brand{justify-content:center;align-items:center;gap:40px;width:100%;min-width:0;display:flex}.brand-copy{flex-direction:column;width:min(350px,55vw);min-width:0;line-height:1.15;display:flex}.pointer-avatar{--gaze-x:0px;--gaze-y:0px;border:1px solid var(--soft-line);background:var(--surface);width:160px;height:160px;box-shadow:0 3px 16px var(--foreground);border-radius:50%;flex:none;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pointer-avatar{box-shadow:0 3px 16px color-mix(in srgb,var(--foreground) 10%,transparent)}}.pointer-avatar{transform:translate3d(var(--gaze-x),var(--gaze-y),0);will-change:transform;isolation:isolate}.pointer-avatar-frame{object-fit:cover;-webkit-user-select:none;user-select:none;will-change:opacity;transition:opacity .1s cubic-bezier(.22,1,.36,1)}.wordmark{letter-spacing:-.065em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.85rem,4vw,2.25rem);font-weight:700}.wordmark span{color:var(--accent)}.brand-description{color:var(--muted);letter-spacing:-.02em;margin-top:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.18rem;line-height:1.15}.site-header nav{justify-content:center;align-items:center;gap:25px;width:100%;padding-block:12px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;font-weight:600;display:flex}.site-header nav a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.github-link{place-items:center;width:22px;height:22px;display:grid}.github-link svg{width:20px;height:20px}.theme-toggle{border:1px solid var(--soft-line);width:38px;height:38px;color:var(--foreground);cursor:pointer;background:0 0;border-radius:50%;padding:0;position:relative}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-icon{place-items:center;font-size:1.05rem;transition:opacity .15s,transform .2s;display:grid;position:absolute;inset:0}.theme-icon-sun{opacity:0;transform:rotate(-35deg)scale(.75)}.theme-icon-moon,:root[data-theme=dark] .theme-icon-sun{opacity:1;transform:none}:root[data-theme=dark] .theme-icon-moon{opacity:0;transform:rotate(35deg)scale(.75)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-sun{opacity:1;transform:none}:root:not([data-theme=light]) .theme-icon-moon{opacity:0;transform:rotate(35deg)scale(.75)}}.home-grid{grid-template-columns:1fr;gap:54px;max-width:700px;padding-block:54px 120px;display:grid}.writing-column{min-width:0}.year-list{gap:48px;display:grid}.year-heading{color:var(--muted);letter-spacing:.02em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;font-weight:700;line-height:1}.section-heading{border-bottom:2px solid var(--line);justify-content:space-between;align-items:flex-end;padding-bottom:15px;display:flex}.section-heading h1{letter-spacing:-.045em;margin:2px 0 0;font-size:1.65rem;line-height:1}.section-heading>span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.eyebrow,.sidebar-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700}.post-list{display:grid}.post-card{--post-accent:var(--accent);border-bottom:1px dotted var(--soft-line)}.post-card:nth-child(4n+2){--post-accent:var(--green)}.post-card:nth-child(4n+3){--post-accent:var(--blue)}.post-card:nth-child(4n+4){--post-accent:var(--yellow)}.post-card-link{padding-block:24px 28px;display:block}.post-meta{color:var(--muted);gap:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;display:flex}.post-card h3{letter-spacing:-.04em;margin:10px 0 8px;font-size:clamp(1.4rem,3vw,1.82rem);line-height:1.23}.post-cover{border:1px solid var(--soft-line);object-fit:cover;width:100%;height:auto;max-height:330px;margin-top:24px;display:block}.post-card-footer{color:var(--muted);justify-content:space-between;gap:18px;margin-top:20px;font-size:.72rem;display:flex}.post-card-footer span:first-child{color:var(--post-accent)}.post-card-link:hover h3{text-decoration:underline;-webkit-text-decoration-color:var(--post-accent);-webkit-text-decoration-color:var(--post-accent);-webkit-text-decoration-color:var(--post-accent);text-decoration-color:var(--post-accent);text-underline-offset:.2em;text-decoration-thickness:.16em}.post-card-link:hover .post-card-footer span:first-child{text-underline-offset:3px;text-decoration:underline}.article-shell{max-width:780px;padding-block:60px 120px}.article-header{border-bottom:2px solid var(--line);margin:0 0 48px;padding-bottom:30px}.back-link{color:var(--accent);margin-bottom:46px;font-size:.8rem;display:inline-block}.back-link:hover{text-underline-offset:3px;text-decoration:underline}.article-header h1{letter-spacing:-.035em;max-width:640px;margin:15px 0 14px;font-size:clamp(1.85rem,3.4vw,2.45rem);font-weight:520;line-height:1.2}.tags{color:var(--muted);flex-wrap:wrap;gap:7px 12px;margin-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;display:flex}.tags span:before{content:"#";color:var(--accent)}.hero-image{border:1px solid var(--soft-line);object-fit:cover;background:var(--surface);width:100%;height:auto;max-height:520px;margin-bottom:58px;display:block}.prose{word-break:keep-all;overflow-wrap:anywhere;max-width:680px;margin-inline:auto;font-size:1.02rem;line-height:1.9}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.035em;scroll-margin-top:32px;line-height:1.35}.prose h1{margin:2.4em 0 .75em;font-size:2rem}.prose h2{margin:2.3em 0 .72em;padding-top:.3em;font-size:1.55rem}.prose h3{margin:2em 0 .62em;font-size:1.25rem}.prose h4{margin:1.8em 0 .55em;font-size:1.08rem}.prose p{margin:1.35em 0}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose strong{font-weight:720}.prose blockquote{color:var(--foreground);letter-spacing:-.025em;border:0;margin:2em 0;padding:0;font-size:1.35rem;line-height:1.6}.prose ul,.prose ol{margin:1.3em 0;padding-left:1.5em}.prose li{margin:.45em 0}.prose img{border:1px solid var(--soft-line);width:auto;max-width:100%;height:auto;margin:2.2em auto;display:block}.prose pre{background:var(--code);color:var(--code-text);border-radius:2px;margin:1.8em 0;padding:22px;font-size:.84rem;line-height:1.65;overflow-x:auto}.prose :not(pre)>code{background:var(--surface);color:var(--accent);border-radius:2px;padding:.14em .36em;font-size:.88em}.video-frame{background:#080a0a;width:100%;margin:2.2em 0;padding-top:56.25%;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.post-navigation{border-top:1px dotted var(--soft-line);grid-template-columns:1fr 1fr;gap:26px;margin-top:86px;padding-top:24px;display:grid}.post-navigation a{flex-direction:column;gap:5px;display:flex}.post-navigation-newer{text-align:right;grid-column:2}.post-navigation span{color:var(--muted);font-size:.72rem}.post-navigation strong{line-height:1.35}.post-navigation a:hover strong{color:var(--accent)}.not-found{min-height:65vh;padding-block:120px}.not-found h1{letter-spacing:-.05em;margin:10px 0 18px;font-size:clamp(2rem,5vw,3.5rem)}.not-found a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.about-shell{max-width:680px;padding-block:48px 100px}.about-header{border-bottom:1px solid var(--soft-line);padding-bottom:18px}.about-header h1{letter-spacing:-.05em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.1}.resume{padding-top:6px;font-size:.94rem;line-height:1.72}.resume>h1{letter-spacing:-.035em;border:0;margin:2.8em 0 1em;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem}.resume>h2{letter-spacing:-.025em;margin:2.15em 0 .35em;font-size:1.08rem}.resume p{margin:.65em 0}.resume>h2+p{color:var(--muted);margin-top:.25em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.resume>h2+p strong{font-weight:560}.resume code{white-space:nowrap}.site-footer{color:var(--muted);font-size:.72rem}.footer-inner{border-top:2px solid var(--line);justify-content:space-between;gap:20px;max-width:700px;padding-block:28px 42px;display:flex}@media (max-width:760px){.shell{width:min(100% - 30px,980px)}.site-header{padding-top:28px}.header-inner{gap:16px}.brand{gap:20px}.brand-copy{width:min(260px,55vw)}.pointer-avatar{width:112px;height:112px}.brand-description{margin-top:10px;font-size:.9rem}.site-header nav{flex-wrap:wrap;gap:14px;font-size:.82rem}.home-grid{gap:48px;padding-block:42px 80px}.year-list{gap:40px}.post-cover{max-height:270px}.article-shell{padding-block:42px 80px}.back-link{margin-bottom:36px}.article-header{margin-bottom:38px}.hero-image{margin-bottom:42px}.prose{word-break:normal;font-size:1rem;line-height:1.82}.post-navigation{grid-template-columns:1fr}.post-navigation-newer{text-align:left;grid-column:1}}@media (max-width:460px){.wordmark{font-size:1.32rem}.post-card-footer{flex-direction:column;align-items:flex-start;gap:6px}.sidebar{grid-template-columns:1fr}.sidebar section:first-child{grid-column:auto}.footer-inner{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,.theme-icon,.pointer-avatar-frame{transition:none}}@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}
