:root{--color-bg:#fff;--color-bg-secondary:#f5f5f5;--color-text:#1a1a1a;--color-text-secondary:#666;--color-primary:#06c;--color-primary-hover:#0052a3;--color-border:#e0e0e0;--color-text-muted:#999;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-mono:"JetBrains Mono","D2Coding","Fira Code",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-heading:"JetBrains Mono","Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--max-width:1200px;--content-width:768px;--transition-fast:150ms ease;--transition-normal:300ms ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgb(0 0 0/5%);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.15)}@media(prefers-color-scheme:dark){:root{--color-bg:#1a1a1a;--color-bg-secondary:#2a2a2a;--color-text:#f0f0f0;--color-text-secondary:#a0a0a0;--color-primary:#66b3ff;--color-primary-hover:#9cf;--color-border:#404040;--color-text-muted:#777}}.about{font-family:var(--font-mono);margin:0 auto;padding:68px 22px 64px;width:clamp(0px,1180px,100%)}.about [x-cloak]{display:none!important}.about__section{margin-top:46px}.about-panel{background:var(--palette-background-dimmed);border:1px solid var(--palette-sub-opacity);border-radius:6px;padding:20px}.about-hero{display:grid;gap:20px;grid-template-columns:1fr}@media screen and ((min-width:720px)){.about-hero{align-items:stretch;grid-template-columns:1.55fr 1fr}}.about-hero__body{padding:30px 30px 34px}.about-hero__name{color:var(--palette-grayscale-900);font-family:var(--font-heading);font-size:clamp(2rem,6vw,2.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.04;margin:0}.about-hero__tagline{color:var(--palette-text);font-family:var(--font-sans);font-size:1.125rem;font-weight:600;line-height:1.5;margin:20px 0 0}.about-hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.about-hero__tag{background:var(--palette-main-opacity);border:1px solid var(--palette-sub-opacity);border-radius:9999px;color:var(--palette-sub);font-size:.75rem;padding:5px 11px}.about-hero__tag span{color:var(--palette-theme)}.about-metrics{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}@media screen and ((min-width:720px)){.about-metrics{grid-template-columns:repeat(4,1fr)}}.about-metric__value{color:var(--palette-theme);font-family:var(--font-heading);font-size:1.875rem;font-weight:800;letter-spacing:-.02em}.about-metric__label{color:var(--palette-sub);font-size:.75rem;margin-top:6px}.about-summary{color:var(--palette-list-text);display:flex;flex-direction:column;font-family:var(--font-sans);font-size:.9375rem;gap:16px;line-height:1.78;padding:28px 30px}.about-summary p{margin:0}.about-stack{display:grid;gap:16px;grid-template-columns:1fr}@media screen and ((min-width:720px)){.about-stack{grid-template-columns:repeat(2,1fr)}}.about-stack-group__cat{color:var(--palette-comment-text);font-size:.75rem;letter-spacing:.04em;margin-bottom:13px}.about-stack-group__cat span{color:var(--palette-theme)}.about-stack-group__items{display:flex;flex-wrap:wrap;gap:8px}.about-stack-group__item{background:var(--palette-main-opacity);border:1px solid var(--palette-sub-opacity);border-radius:4px;color:var(--palette-text);font-size:.78rem;padding:5px 11px;transition:color .15s ease,border-color .15s ease,transform .15s ease}@media(any-hover:hover)and (any-pointer:fine){.about-stack-group__item:hover{border-color:var(--palette-theme);color:var(--palette-theme);transform:translateY(-1px)}}.about-career{display:flex;flex-direction:column;gap:18px}.about-job__body{padding:24px 28px 22px}.about-job__head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px}.about-job__company{color:var(--palette-grayscale-900);font-family:var(--font-heading);font-size:1.375rem;font-weight:800;margin:0}.about-job__role{color:var(--palette-theme);font-size:.875rem;font-weight:600}.about-job__period{color:var(--palette-comment-text);font-size:.8125rem;margin-left:auto}.about-job__metrics{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 4px}.about-job__metric{align-items:baseline;display:flex;gap:8px}.about-job__metric strong{color:var(--palette-theme);font-family:var(--font-heading);font-size:1.25rem;font-weight:800}.about-job__metric span{color:var(--palette-sub);font-size:.75rem}.about-job__groups{display:flex;flex-direction:column;gap:14px;margin-top:18px}.about-job__group-title{align-items:center;color:var(--palette-text);display:flex;font-family:var(--font-sans);font-size:.875rem;font-weight:600;gap:9px}.about-job__group-title span{color:var(--palette-theme);font-family:var(--font-mono)}.about-job__count{color:var(--palette-comment-text);font-family:var(--font-mono);font-size:.6875rem}.about-job__items{border-left:1px solid var(--palette-sub-opacity);display:flex;flex-direction:column;gap:7px;margin:10px 0 0 18px;padding-left:16px}.about-job__item{color:var(--palette-sub);font-family:var(--font-sans);font-size:.84rem;line-height:1.55}.about-job__item span{color:var(--palette-grayscale-400);font-family:var(--font-mono);margin-right:8px}.about-job__toggle{background:transparent;border:1px solid var(--palette-sub-opacity);border-radius:4px;color:var(--palette-theme);font-family:var(--font-mono);font-size:.75rem;margin-top:20px;padding:8px 14px;transition:border-color .15s ease,background-color .15s ease}@media(any-hover:hover)and (any-pointer:fine){.about-job__toggle:hover{background:var(--palette-main-opacity);border-color:var(--palette-theme)}}.about-projects__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.about-projects__filters{display:flex;gap:8px}.about-projects__filter{background:var(--palette-main-opacity);border:1px solid var(--palette-sub-opacity);border-radius:4px;color:var(--palette-sub);font-family:var(--font-mono);font-size:.75rem;padding:6px 12px;transition:color .15s ease,border-color .15s ease}.about-projects__filter span{color:var(--palette-comment-text)}.about-projects__filter[data-active=true]{background:var(--palette-main-opacity);border-color:var(--palette-theme);color:var(--palette-theme)}@media(any-hover:hover)and (any-pointer:fine){.about-projects__filter:hover{color:var(--palette-theme)}}.about-projects__grid{display:grid;gap:16px;grid-template-columns:1fr}@media screen and ((min-width:480px)){.about-projects__grid{grid-template-columns:repeat(2,1fr)}}@media screen and ((min-width:720px)){.about-projects__grid{grid-template-columns:repeat(3,1fr)}}.about-project{display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease}@media(any-hover:hover)and (any-pointer:fine){.about-project:hover{border-color:color-mix(in srgb,var(--palette-theme) 45%,transparent);transform:translateY(-2px)}}.about-project__body{display:flex;flex:1;flex-direction:column;padding:16px 18px 18px}.about-project__tags{color:var(--palette-theme);display:flex;flex-wrap:wrap;font-size:.72rem;gap:7px;margin-bottom:11px}.about-project__title{color:var(--palette-grayscale-900);font-family:var(--font-heading);font-size:1.0625rem;font-weight:800;margin:0}.about-project__desc{color:var(--palette-sub);font-family:var(--font-sans);font-size:.84rem;line-height:1.6;margin:10px 0 0}.about-project__tech{border-top:1px solid var(--palette-sub-opacity);color:var(--palette-comment-text);font-family:var(--font-sans);font-size:.6875rem;line-height:1.5;margin-top:auto;padding-top:14px}.about-project__footer{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-top:13px}.about-project__period{color:var(--palette-comment-text)}.about-project__link{color:var(--palette-theme)}@media(any-hover:hover)and (any-pointer:fine){.about-project__link:hover{color:var(--palette-highlight)}}.about-misc{display:grid;gap:16px;grid-template-columns:1fr}@media screen and ((min-width:480px)){.about-misc{grid-template-columns:repeat(3,1fr)}}.about-misc-card__label{color:var(--palette-comment-text);font-size:.75rem;letter-spacing:.04em;margin-bottom:14px}.about-misc-card__label span{color:var(--palette-theme)}.about-misc-card__title{color:var(--palette-grayscale-900);font-size:.9375rem;font-weight:700;line-height:1.4}.about-misc-card__meta{color:var(--palette-sub);font-family:var(--font-sans);font-size:.8125rem;line-height:1.5;margin-top:7px}.about-misc-card__date{color:var(--palette-comment-text);font-size:.75rem;margin-top:10px}