@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-normal-DihXLNYH.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-italic-DxWqP7Ku.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-italic-CGbN9UgK.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-italic-lSdLDfvT.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(/assets/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(/assets/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 Label;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/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 Label;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+21-9F,U+A1-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+200B-2027,U+2030-205E,U+206?,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#f4f1ea;--color-bg-elevated:#fbf9f4;--color-bg-inset:#eae5db;--color-bg-invert:#17161a;--color-border:#e2ddd2;--color-border-strong:#cfc8ba;--color-border-invert:#2c2a31;--color-heading:#1a1712;--color-text:#35302a;--color-text-muted:#5f594f;--color-text-dim:#70685c;--color-text-invert:#f3efe7;--color-accent:#1a1712;--color-accent-hover:#322c22;--color-warning:#94590f;--color-success:#3fae6b;--color-chrome:#f4f1ead1;--wash-gold:#a97b3f17;--wash-cool:#78849612;--focus-ring:#0a0a0a14;--note-rule:#a97b3f38;--color-gold:#a97b3f;--color-gold-strong:#855c2a;--color-gold-soft:#a97b3f21;--gold-gradient:linear-gradient(135deg, #c39a5b 0%, #a97b3f 55%, #8f6531 100%);--gold-button:linear-gradient(135deg, #946a33 0%, #8a612e 50%, #7d5829 100%);--color-on-gold:#fffaf2;--skill-fill:var(--gold-gradient);--shadow-sm:0 2px 8px -4px #3c2d142e;--shadow-md:0 16px 36px -26px #3c2d1452;--shadow-lg:0 30px 70px -44px #3226126b;--font-display:"Fraunces Variable", "Pretendard Variable", Georgia, "Times New Roman", serif;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;--font-body:var(--font-sans);--font-mono:"JetBrains Mono Variable", var(--font-sans);--font-code:"JetBrains Mono Variable", ui-monospace, "SF Mono", Consolas, "Pretendard Variable", "Apple SD Gothic Neo", monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:clamp(1.125rem, 1.07rem + .25vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + .45vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + .9vw, 2rem);--text-3xl:clamp(1.9rem, 1.55rem + 1.6vw, 2.85rem);--text-4xl:clamp(2.3rem, 1.75rem + 2.5vw, 3.6rem);--text-5xl:clamp(2.6rem, 1.85rem + 3.6vw, 4.75rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--section-space:clamp(72px, 4.5rem + 4vw, 128px);--container-width:1120px;--container-narrow:720px;--gutter:32px;--header-height:64px;--radius-sm:3px;--radius-md:7px;--radius-lg:14px;--radius-pill:999px;--z-header:100;--z-progress:110;--z-toast:150;--z-skip:200;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-base:.32s;--duration-slow:.6s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#131217;--color-bg-elevated:#1c1a21;--color-bg-inset:#24222b;--color-bg-invert:#f4f1ea;--color-border:#2b2932;--color-border-strong:#3d3a46;--color-border-invert:#e2ddd2;--color-heading:#f4f0e8;--color-text:#ddd7cc;--color-text-muted:#aea698;--color-text-dim:#948c7f;--color-text-invert:#17161a;--color-accent:#f2eee6;--color-accent-hover:#fff;--color-gold:#c9a063;--color-gold-strong:#dcb478;--color-gold-soft:#c9a06326;--gold-gradient:linear-gradient(135deg, #e0bd84 0%, #c9a063 55%, #a97b3f 100%);--gold-button:linear-gradient(135deg, #e0bd84 0%, #d4ad70 55%, #c9a063 100%);--color-on-gold:#17161a;--skill-fill:#fff;--color-warning:#d69b4a;--color-chrome:#131217d1;--wash-gold:#c9a06312;--wash-cool:#7884960f;--focus-ring:#f4f0e824;--note-rule:#c9a06333;--shadow-sm:0 2px 8px -4px #0000008c;--shadow-md:0 16px 36px -26px #000000b3;--shadow-lg:0 30px 70px -44px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:lang(ko){--font-mono:"JetBrains Mono Label", var(--font-sans)}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + var(--space-6));-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100svh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(1200px 620px at 78% -8%, var(--wash-gold), transparent 60%), radial-gradient(980px 560px at -6% 8%, var(--wash-cool), transparent 55%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis-weight:none;background-attachment:fixed;margin:0;line-height:1.7}#root{flex-direction:column;min-height:100svh;display:flex}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.02em;font-optical-sizing:auto;text-wrap:balance;margin:0;font-weight:600;line-height:1.08}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{letter-spacing:-.01em;font-size:1.2rem;line-height:1.3}:lang(ko){word-break:keep-all;overflow-wrap:break-word}:lang(ko) h1,:lang(ko) h2,:lang(ko) h3,:lang(ko) h4{font-family:var(--font-sans);letter-spacing:-.025em;font-weight:700}:lang(ko) h1{line-height:1.22}:lang(ko) h2{line-height:1.28}:lang(ko) h3{letter-spacing:-.015em;line-height:1.4}p{color:var(--color-text-muted);text-wrap:pretty;margin:0}:lang(ko) p{letter-spacing:-.003em}a{color:var(--color-heading);text-decoration:none}a:hover{text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{font-family:inherit}.mono{font-family:var(--font-mono)}code,pre,kbd,samp{font-family:var(--font-code)}.tabular,time{font-variant-numeric:tabular-nums}::selection{color:var(--color-heading);background:#a97b3f47}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px;border-radius:var(--radius-sm)}[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-skip);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-text-invert);font-size:var(--text-sm);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out);padding:10px 18px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(calc(-100% - 24px))}.skip-link:focus-visible{outline-color:var(--color-gold);transform:translateY(0)}.container{width:100%;max-width:var(--container-width);padding:0 var(--gutter);margin:0 auto}@media (width<=640px){:root{--gutter:20px}}.section{padding:var(--section-space) 0;border-bottom:1px solid var(--color-border)}.section:last-of-type{border-bottom:none}.page{padding:clamp(48px, 3rem + 2vw, 80px) 0 var(--section-space);flex:1}.section--dark{--color-heading:#f6f2ea;--color-text:#d9d3c8;--color-text-muted:#b0a89a;--color-text-dim:#948c7f;--color-border:#2c2a31;--color-border-strong:#3a3740;--color-bg-elevated:#201e24;--color-bg-inset:#26242b;--color-accent:#f6f2ea;--color-accent-hover:#fff;--color-text-invert:#17161a;--color-gold:#c9a063;--color-gold-strong:#dcb478;--color-gold-soft:#c9a06326;--gold-button:linear-gradient(135deg, #e0bd84 0%, #d4ad70 55%, #c9a063 100%);--color-on-gold:#17161a;background-color:var(--color-bg-invert);color:var(--color-text);background-image:radial-gradient(900px 460px at 82% 0,#a97b3f38,#0000 60%),radial-gradient(760px 520px at 6% 108%,#7884961f,#0000 60%);border-bottom:none}:root[data-theme=dark] .section--dark{--color-heading:#f6f2ea;--color-text:#ddd7cc;--color-text-muted:#aea698;--color-text-dim:#948c7f;--color-border:#34313c;--color-border-strong:#45414e;--color-bg-elevated:#24222b;--color-bg-inset:#2b2833;--color-accent:#f6f2ea;background-color:#1b1a21;border-top:1px solid #2b2932;border-bottom:1px solid #2b2932}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-heading)}.section--dark p{color:var(--color-text-muted)}.rule-gold{background:var(--gold-gradient);border-radius:3px;width:56px;height:3px}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-gold-strong);text-transform:uppercase;letter-spacing:.14em;margin-bottom:var(--space-5);align-items:center;gap:9px;font-weight:500;line-height:1.4;display:inline-flex}.eyebrow:before{content:"";background:var(--gold-gradient);border-radius:2px;width:22px;height:2px}.section-head{max-width:680px;margin-bottom:clamp(36px,2rem + 2vw,56px)}.section-head p{margin-top:var(--space-5);font-size:var(--text-lg);line-height:1.65}.section-head--split{justify-content:space-between;align-items:flex-end;gap:var(--space-6) var(--space-12);flex-wrap:wrap;max-width:none;display:flex}.section-head--split>div{max-width:680px}.page-header{max-width:760px;margin-bottom:clamp(40px,2.25rem + 2vw,64px)}.page-header h1{font-size:var(--text-4xl);line-height:1.04}:lang(ko) .page-header h1{line-height:1.18}.page-header__description{margin-top:var(--space-5);font-size:var(--text-lg);line-height:1.65}.page-header__meta{gap:var(--space-2) var(--space-5);margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:.04em;flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;line-height:1.2;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;display:inline-flex}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn .icon{transition:transform var(--duration-base) var(--ease-out);flex-shrink:0}.btn:hover .icon--arrow-right{transform:translate(3px)}.btn:hover .icon--arrow-up-right{transform:translate(2px,-2px)}.btn--sm{font-size:var(--text-sm);gap:6px;padding:9px 15px}.btn--primary{background:var(--color-accent);color:var(--color-text-invert);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.btn--ghost{border-color:var(--color-border-strong);color:var(--color-heading);background:0 0}.btn--ghost:hover{border-color:var(--color-gold);color:var(--color-gold-strong);background:var(--color-gold-soft);text-decoration:none}.btn--gold{background:var(--gold-button);color:var(--color-on-gold);box-shadow:var(--shadow-sm);border-color:#0000}.btn--gold:hover{filter:brightness(1.06);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.btn--block{justify-content:center;width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--danger{border:1px solid var(--color-border-strong);color:var(--color-text);background:0 0}.btn--danger:hover{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-invert);text-decoration:none}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-heading);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--color-bg-inset);border-color:var(--color-border-strong)}.text-link{color:var(--color-heading);text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);transition:text-decoration-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.text-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}.arrow-link{font-size:var(--text-sm);color:var(--color-heading);border-bottom:1px solid var(--color-border-strong);transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:8px;padding:6px 0;font-weight:500;display:inline-flex}.arrow-link .icon{transition:transform var(--duration-base) var(--ease-out)}.arrow-link:hover{border-bottom-color:var(--color-gold);color:var(--color-gold-strong)}.arrow-link:hover .icon--arrow-right{transform:translate(3px)}.arrow-link:hover .icon--arrow-left{transform:translate(-3px)}.arrow-link:hover .icon--arrow-up-right{transform:translate(2px,-2px)}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(14px)}.reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal,.reveal--visible{opacity:1;transition:none;transform:none}}.form-error{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);border-left:3px solid var(--color-accent);background:var(--color-bg-inset);color:var(--color-heading);padding:12px 14px;font-size:.85rem}.form-success{border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:3px solid var(--color-text-muted);background:var(--color-bg-elevated);color:var(--color-text);padding:12px 14px;font-size:.85rem}.admin-empty{color:var(--color-text-dim);text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:40px 0;font-size:.9rem}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-inset) 0%, var(--color-border) 50%, var(--color-bg-inset) 100%);animation:skeleton-shimmer 1.6s var(--ease-in-out) infinite;background-size:200% 100%;display:block}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:3px solid var(--color-bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.lang-toggle{height:40px;font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);align-items:center;gap:2px;padding:4px;display:inline-flex}.lang-toggle__btn{border-radius:calc(var(--radius-md) - 3px);min-width:34px;height:100%;color:var(--color-text-dim);cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:.06em;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-weight:500;line-height:1;display:inline-flex}.lang-toggle__btn:not(.lang-toggle__btn--active):hover{color:var(--color-heading);background:var(--color-bg-inset)}.lang-toggle__btn--active{color:var(--color-text-invert);background:var(--color-accent)}.lang-toggle__btn--active:hover{background:var(--color-accent-hover)}.theme-toggle .icon{transition:transform var(--duration-base) var(--ease-out)}.theme-toggle:hover .icon{transform:rotate(-14deg)}.theme-toggle[aria-pressed=true]:hover .icon{transform:rotate(22deg)}.header{z-index:var(--z-header);height:var(--header-height);transition:border-color var(--duration-base) var(--ease-out);border-bottom:1px solid #0000;align-items:center;display:flex;position:sticky;top:0}.header--scrolled,.header--menu-open{border-bottom-color:var(--color-border)}.header:before{content:"";z-index:-1;background:var(--color-chrome);-webkit-backdrop-filter:saturate(180%)blur(16px);position:absolute;inset:0}.header--menu-open:before{background:var(--color-bg)}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.header__brand{flex-shrink:0;align-items:center;gap:11px;padding:6px 0;display:inline-flex}.header__brand-mark{filter:drop-shadow(0 2px 4px #3c2d1447);width:28px;height:28px;transition:transform var(--duration-base) var(--ease-out)}.header__brand:hover .header__brand-mark{transform:rotate(-8deg)translateY(-1px)}.header__brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-heading);font-size:1.06rem;font-weight:600}.header__nav{align-items:center;display:flex}.header__links{align-items:center;gap:2px;display:flex}.header__link{border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);align-items:baseline;gap:7px;padding:10px 14px;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative}.header__link:hover{color:var(--color-heading);background:var(--color-bg-inset)}.header__link--active{color:var(--color-heading)}.header__link--active:after{content:"";background:var(--gold-gradient);border-radius:2px;height:2px;position:absolute;bottom:3px;left:14px;right:14px}.header__link-index{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.header__link--active .header__link-index{color:var(--color-gold-strong)}.header__sheet{display:none}.header__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header__lang{display:flex}.header__cta{margin-left:var(--space-2)}.header__admin{border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);height:40px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-items:center;padding:0 12px;display:inline-flex}.header__admin:hover,.header__admin.active{color:var(--color-heading);border-color:var(--color-gold)}.header__burger{display:none}@media (width<=960px){.header__lang,.header__cta,.header__admin--bar{display:none}.header__burger{display:inline-flex}.header__nav{inset:var(--header-height) 0 0 0;justify-content:flex-start;align-items:stretch;gap:var(--space-8);padding:var(--space-6) var(--gutter) calc(var(--space-10) + env(safe-area-inset-bottom,0px));background:var(--color-bg);overscroll-behavior:contain;visibility:hidden;opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), visibility 0s linear var(--duration-base);flex-direction:column;position:fixed;overflow-y:auto;transform:translateY(-8px)}.header--menu-open .header__nav{visibility:visible;opacity:1;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);transform:none}.header__links{flex-direction:column;align-items:stretch;gap:0}.header__link{gap:var(--space-4);font-family:var(--font-display);letter-spacing:-.02em;border-bottom:1px solid var(--color-border);border-radius:0;padding:18px 4px;font-size:1.75rem;font-weight:500;line-height:1.2;display:flex}:lang(ko) .header__link{font-family:var(--font-sans);font-weight:600}.header__link:hover{background:0 0}.header__link--active:after{display:none}.header__link-index{min-width:24px;font-size:var(--text-xs)}.header--menu-open .header__links li{animation:header-sheet-in var(--duration-slow) var(--ease-out) both}.header--menu-open .header__links li:nth-child(2){animation-delay:40ms}.header--menu-open .header__links li:nth-child(3){animation-delay:80ms}.header--menu-open .header__links li:nth-child(4){animation-delay:.12s}.header__sheet{gap:var(--space-5);flex-direction:column;display:flex}.header__sheet-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.header__sheet-socials{gap:var(--space-2) var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.header__sheet-socials a{min-height:44px;font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:8px;display:inline-flex}.header__sheet-socials a:hover{color:var(--color-heading)}}@keyframes header-sheet-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.footer{border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8);margin-top:auto}.footer__grid{gap:var(--space-10) var(--space-12);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);display:grid}.footer__brand{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.footer__name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-heading);align-items:center;gap:10px;font-size:1.4rem;font-weight:600;display:inline-flex}.footer__role{font-size:var(--text-sm);color:var(--color-text-muted)}.footer__email{font-size:var(--text-sm);color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:.25em;transition:text-decoration-color var(--duration-fast) var(--ease-out);padding:4px 0;display:inline-block}.footer__email:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}.footer__heading{margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);font-weight:500}:lang(ko) .footer__heading{font-family:var(--font-mono);letter-spacing:.08em;font-weight:500}.footer__col ul{gap:var(--space-1);flex-direction:column;display:flex}.footer__col a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:8px;padding:4px 0;display:inline-flex}.footer__col a:hover{color:var(--color-heading)}.footer__ext{color:var(--color-text-dim);transition:transform var(--duration-fast) var(--ease-out)}.footer__col a:hover .footer__ext{color:var(--color-heading);transform:translate(2px,-2px)}.footer__bar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.footer__copy{font-size:var(--text-xs);color:var(--color-text-dim)}.footer__bar-actions{align-items:center;gap:var(--space-5);display:flex}.footer__admin,.footer__top{min-height:32px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-dim);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.footer__admin:hover,.footer__top:hover{color:var(--color-heading)}.footer__top .icon{transition:transform var(--duration-base) var(--ease-out)}.footer__top:hover .icon{transform:translateY(-2px)}@media (width<=760px){.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__brand{grid-column:1/-1}}.layout{flex-direction:column;flex:1;width:100%;min-height:100svh;display:flex}.layout__content{min-width:0;min-height:calc(100svh - var(--header-height));flex-direction:column;flex:1;display:flex}.timeline{flex-direction:column;display:flex;position:relative}.timeline__item{gap:var(--space-6);padding:var(--space-6) 0 var(--space-8);grid-template-columns:128px minmax(0,1fr);display:grid;position:relative}.timeline__item:before{content:"";top:0;bottom:0;left:calc(128px + var(--space-3));background:var(--color-border-strong);width:1px;position:absolute}.timeline__item:first-child:before{top:calc(var(--space-6) + .55em)}.timeline__item:last-child:before{height:calc(var(--space-6) + .55em);bottom:auto}.timeline__item:after{content:"";top:calc(var(--space-6) + .55em - 4px);left:calc(128px + var(--space-3) - 4px);background:var(--color-bg);border:1.5px solid var(--color-gold);border-radius:50%;width:9px;height:9px;position:absolute}.timeline__item--current:after{background:var(--color-gold);box-shadow:0 0 0 4px var(--color-gold-soft)}.timeline__period{font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-dim);font-variant-numeric:tabular-nums;padding-top:.15em;line-height:1.5}.timeline__item--current .timeline__period{color:var(--color-gold-strong)}.timeline__content{padding-left:var(--space-3)}.timeline__title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-heading);font-weight:600;line-height:1.35}:lang(ko) .timeline__title{font-family:var(--font-sans);font-weight:700}.timeline__org{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.timeline__desc{margin-top:var(--space-3);color:var(--color-text-muted);max-width:60ch;font-size:.95rem;line-height:1.7}@media (width<=640px){.timeline__item{gap:var(--space-2);padding:var(--space-5) 0 var(--space-6) var(--space-6);grid-template-columns:minmax(0,1fr)}.timeline__item:before{left:4px}.timeline__item:first-child:before{top:calc(var(--space-5) + .55em)}.timeline__item:last-child:before{height:calc(var(--space-5) + .55em)}.timeline__item:after{top:calc(var(--space-5) + .55em - 4px);left:0}.timeline__content{padding-left:0}}.tag{min-height:26px;font-family:var(--font-mono);letter-spacing:.01em;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);color:var(--color-text-muted);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;line-height:1.3;display:inline-flex}.tag__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tag--accent{color:var(--color-gold-strong);border-color:var(--color-gold);background:var(--color-gold-soft)}.tag--success{color:var(--color-text-invert);border-color:var(--color-accent);background:var(--color-accent)}.tag--warning{color:var(--color-heading);border-style:dashed;border-color:var(--color-text-muted);background:0 0}.status-message{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-6) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.status-message p{color:var(--color-text)}.status-message--empty{text-align:center;padding:var(--space-12) var(--space-6);border:1px dashed var(--color-border-strong);justify-content:center}.status-message--empty p{color:var(--color-text-dim)}.status-message--error{border:1px solid var(--color-border-strong);border-left:3px solid var(--color-warning);background:var(--color-bg-elevated)}.hero{border-bottom:1px solid var(--color-border);padding:clamp(56px,3rem + 5vw,120px) 0 clamp(56px,3rem + 4vw,104px);position:relative;overflow:hidden}.hero__glow{background:radial-gradient(closest-side, var(--color-gold-soft), transparent 72%);pointer-events:none;z-index:0;border-radius:50%;width:620px;height:620px;position:absolute;top:-160px;right:-120px}.hero__inner{z-index:1;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(40px,2rem + 4vw,88px);display:grid;position:relative}.hero__lead h1{text-wrap:wrap;margin-top:4px}.hero__name{white-space:nowrap;font-style:italic;position:relative}.hero__name:after{content:"";background:var(--gold-gradient);border-radius:4px;height:4px;position:absolute;bottom:.02em;left:0;right:0}:lang(ko) .hero__name{font-style:normal}.hero__intro{margin-top:var(--space-8);max-width:34em;font-size:var(--text-xl);color:var(--color-text);line-height:1.55}:lang(ko) .hero__intro{letter-spacing:-.01em;line-height:1.65}.hero__actions{gap:var(--space-3);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.hero__socials{gap:var(--space-2) var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero__socials a{min-height:32px;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:8px;display:inline-flex}.hero__socials a:hover{color:var(--color-heading)}.hero__notice{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);max-width:34em;color:var(--color-text-dim);align-items:baseline;gap:10px;font-size:.8125rem;line-height:1.6;display:flex}.hero__notice-mark{border:1.5px solid var(--color-gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;transform:translateY(-1px)}.hero__card{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero__card:before{content:"";background:var(--gold-gradient);z-index:1;height:3px;position:absolute;inset:0 0 auto}.hero__card-head{border-bottom:1px solid var(--color-border);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);background:var(--color-bg);justify-content:space-between;align-items:center;padding:16px 22px 14px;display:flex}.hero__card-status{color:var(--color-gold-strong);align-items:center;gap:7px;display:inline-flex}.hero__card-dot{background:var(--color-success);width:8px;height:8px;animation:hero-pulse 2.4s var(--ease-out) infinite;border-radius:50%;box-shadow:0 0 #3fae6b8c}@keyframes hero-pulse{0%{box-shadow:0 0 #3fae6b80}70%{box-shadow:0 0 0 7px #3fae6b00}to{box-shadow:0 0 #3fae6b00}}@media (prefers-reduced-motion:reduce){.hero__card-dot{animation:none}}.hero__facts{margin:0;padding:6px 22px}.hero__fact{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding:14px 0;display:flex}.hero__fact:last-child{border-bottom:none}.hero__fact dt{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);flex-shrink:0}.hero__fact dd{color:var(--color-heading);text-align:right;margin:0;font-size:.9375rem;font-weight:500}@media (width<=960px){.hero__inner{gap:var(--space-12);grid-template-columns:minmax(0,1fr)}.hero__card{max-width:460px}}.work-list{border-top:1px solid var(--color-border)}.work-item{border-bottom:1px solid var(--color-border)}.work-item__link{gap:var(--space-6);padding:var(--space-6) var(--space-4);margin:var(--space-2) calc(var(--space-4) * -1);border-radius:var(--radius-lg);color:var(--color-text);transition:background var(--duration-base) var(--ease-out);grid-template-columns:40px minmax(0,1fr) auto 24px;align-items:start;display:grid}.work-item__link:hover{background:var(--color-bg-elevated)}.work-item__index{font-size:var(--text-xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums;padding-top:.55em}.work-item__title{font-size:var(--text-2xl);transition:color var(--duration-fast) var(--ease-out);line-height:1.2}.work-item__summary{margin-top:var(--space-2);max-width:62ch;color:var(--color-text-muted)}.work-item__stack{margin-top:var(--space-4);font-size:var(--text-xs);letter-spacing:.01em;color:var(--color-text-dim);line-height:1.7}.work-item__meta{align-items:flex-end;gap:var(--space-3);flex-direction:column;padding-top:.3em;display:flex}.work-item__period{font-size:var(--text-xs);color:var(--color-text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.work-item__arrow{color:var(--color-text-dim);transition:transform var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);margin-top:.45em}.work-item__link:hover .work-item__arrow{color:var(--color-heading);transform:translate(5px)}.work-skeleton{gap:var(--space-6);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);grid-template-columns:40px minmax(0,1fr);display:grid}@media (width<=720px){.work-item__link{gap:var(--space-2) var(--space-4);padding:var(--space-5) var(--space-3);margin:var(--space-1) calc(var(--space-3) * -1);grid-template-columns:28px minmax(0,1fr)}.work-item__meta{align-items:center;gap:var(--space-3);padding-top:var(--space-3);flex-flow:wrap;grid-column:2}.work-item__arrow{display:none}.work-skeleton{gap:var(--space-4);grid-template-columns:28px minmax(0,1fr)}}.home-about__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(40px,2rem + 5vw,112px);display:grid}.home-about__sticky{top:calc(var(--header-height) + var(--space-10));position:sticky}.home-about__bio{gap:var(--space-5);margin-top:var(--space-8);flex-direction:column;display:flex}.home-about__bio p{font-size:var(--text-md);color:var(--color-text);line-height:1.8}.home-about__history-head{padding-bottom:var(--space-4)}.home-about__history-head h3{font-size:var(--text-xl)}.home-about__history-head p{margin-top:var(--space-2);font-size:var(--text-sm)}@media (width<=900px){.home-about__grid{grid-template-columns:minmax(0,1fr)}.home-about__sticky{position:static}}.home-contact__inner{gap:var(--space-12) clamp(40px, 2rem + 4vw, 96px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;display:grid}.home-contact__text h2{font-size:var(--text-4xl);line-height:1.05}:lang(ko) .home-contact__text h2{line-height:1.2}.home-contact__text p{margin-top:var(--space-5);max-width:34em;font-size:var(--text-lg);line-height:1.65}.home-contact__panel{align-items:flex-start;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:#ffffff06;flex-direction:column;display:flex}.home-contact__email{align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.home-contact__address{color:var(--color-heading);overflow-wrap:anywhere;text-underline-offset:.3em;transition:text-decoration-color var(--duration-fast) var(--ease-out);font-size:clamp(1rem,.92rem + .45vw,1.2rem);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.home-contact__address:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}.copy-btn--done{color:var(--color-gold-strong);border-color:var(--color-gold)}.copy-btn__status{font-size:var(--text-xs);color:var(--color-gold-strong)}.home-contact__links{gap:var(--space-2) var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;width:100%;display:flex}.home-contact__links a{min-height:32px;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:8px;display:inline-flex}.home-contact__links a:hover{color:var(--color-heading)}.home-contact__links .icon--arrow-up-right{color:var(--color-text-dim);transition:transform var(--duration-fast) var(--ease-out)}.home-contact__links a:hover .icon--arrow-up-right{transform:translate(2px,-2px)}@media (width<=900px){.home-contact__inner{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.home-contact__panel{padding:var(--space-6) var(--space-5)}}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);padding:clamp(24px,1rem + 2vw,44px)}.project-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.project-card--targeted{border-color:var(--color-gold);box-shadow:0 0 0 4px var(--color-gold-soft), var(--shadow-md)}.project-card__header{gap:var(--space-2) var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);grid-template-columns:40px minmax(0,1fr) auto;align-items:start;display:grid}.project-card__index{font-size:var(--text-xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums;padding-top:.75em}.project-card__title{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);line-height:1.12}:lang(ko) .project-card__title{line-height:1.25}.project-card__status{align-items:flex-end;gap:var(--space-2);flex-direction:column;padding-top:.4em;display:flex}.project-card__period{font-size:var(--text-xs);color:var(--color-text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.project-card__body{gap:var(--space-8) clamp(32px, 1.5rem + 3vw, 64px);padding-top:var(--space-8);padding-left:calc(40px + var(--space-6));grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.project-card__description{font-size:var(--text-md);color:var(--color-text);line-height:1.75}.project-card__label{margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);font-weight:500;line-height:1.4}:lang(ko) .project-card__label{font-family:var(--font-mono);letter-spacing:.06em;font-weight:500}.project-card__highlights{margin-top:var(--space-8)}.project-card__highlights li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:22px;line-height:1.7;position:relative}.project-card__highlights li+li{margin-top:var(--space-2)}.project-card__highlights li:before{content:"";background:var(--gold-gradient);border-radius:2px;width:12px;height:2px;position:absolute;top:.8em;left:0}.project-card__specs{gap:var(--space-6);border-left:1px solid var(--color-border);flex-direction:column;margin:0;padding-left:clamp(24px,1rem + 1.5vw,40px);display:flex}.project-card__specs dd{font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.65}.project-card__stack{flex-wrap:wrap;gap:6px;display:flex}.project-card__links{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=860px){.project-card__body{grid-template-columns:minmax(0,1fr);padding-left:0}.project-card__specs{padding-left:0;padding-top:var(--space-6);border-left:none;border-top:1px solid var(--color-border)}}@media (width<=600px){.project-card__header{grid-template-columns:minmax(0,1fr)}.project-card__index{padding-top:0}.project-card__status{align-items:center;gap:var(--space-3);padding-top:var(--space-2);flex-flow:wrap}}.projects-list{gap:var(--space-6);flex-direction:column;display:flex}.project-skeleton{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);padding:clamp(24px,1rem + 2vw,40px)}.skill-bar{align-content:start;align-items:center;column-gap:var(--space-4);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;padding:13px 0;display:grid}.skill-bar__head{flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.skill-bar__name{color:var(--color-heading);font-size:.95rem;font-weight:500}.skill-bar__note{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-dim);white-space:nowrap}.skill-bar__track{display:inline-flex}.skill-bar__used{font-size:var(--text-xs);color:var(--color-text-dim);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:2px 6px;margin-top:6px;line-height:1.5;display:flex}.skill-bar__used .icon{color:var(--color-gold)}.skill-bar__used a{color:var(--color-gold-strong);text-underline-offset:.25em;transition:text-decoration-color var(--duration-fast) var(--ease-out);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.skill-bar__used a:hover{text-decoration:underline}.skill-meter{flex-shrink:0;gap:4px;display:inline-flex}.skill-meter__segment{border-radius:var(--radius-pill);background:var(--color-border-strong);width:18px;height:6px}.skill-meter__segment--filled{background:var(--skill-fill)}@media (width<=480px){.skill-meter__segment{width:14px}}.skills-sheet{border-top:1px solid var(--color-border-strong)}.skills-group{gap:var(--space-4) var(--space-12);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,220px) minmax(0,1fr);display:grid}.skills-group__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);top:calc(var(--header-height) + var(--space-6));align-self:start;padding-top:13px;display:flex;position:sticky}.skills-group__title{font-size:var(--text-xl);line-height:1.3}.skills-group__count{font-size:var(--text-xs);color:var(--color-text-dim);font-variant-numeric:tabular-nums}.skills-group__list{column-gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skills-legend{align-items:center;gap:8px;display:inline-flex}.skills-legend .skill-meter__segment{width:12px;height:4px}@media (width<=900px){.skills-group{gap:var(--space-2);padding:var(--space-6) 0;grid-template-columns:minmax(0,1fr)}.skills-group__head{justify-content:flex-start;padding-top:0;position:static}}@media (width<=640px){.skills-group__list{grid-template-columns:minmax(0,1fr)}}.blog-card{gap:var(--space-2) var(--space-6);padding:var(--space-6) var(--space-4);margin:var(--space-2) calc(var(--space-4) * -1);border-radius:var(--radius-lg);color:var(--color-text);transition:background var(--duration-base) var(--ease-out);grid-template-columns:120px minmax(0,1fr) auto;align-items:start;display:grid}.blog-card:hover{background:var(--color-bg-elevated)}.blog-card__date{font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-dim);padding-top:.5em}.blog-card__title{font-size:var(--text-2xl);line-height:1.25}.blog-card__excerpt{margin-top:var(--space-2);max-width:64ch;color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.blog-card__tags{margin-top:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.blog-card__meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-dim);white-space:nowrap;padding-top:.45em;display:flex}.blog-card__external{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:2px 8px}.blog-card__arrow{color:var(--color-text-dim);transition:transform var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out)}.blog-card:hover .blog-card__arrow{color:var(--color-heading)}.blog-card:hover .icon--arrow-right{transform:translate(4px)}.blog-card:hover .icon--arrow-up-right{transform:translate(3px,-3px)}@media (width<=820px){.blog-card{gap:var(--space-2);padding:var(--space-5) var(--space-3);margin:var(--space-1) calc(var(--space-3) * -1);grid-template-columns:minmax(0,1fr)}.blog-card__date{padding-top:0}.blog-card__meta{padding-top:var(--space-2)}.blog-card__arrow{display:none}}.note-card{--note-line:24px;--note-pad-y:12px;width:100%;padding:var(--note-pad-y) 16px var(--note-pad-y) 28px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);line-height:var(--note-line);background-color:var(--color-bg-elevated);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--note-line) - 1px), var(--note-rule) calc(var(--note-line) - 1px), var(--note-rule) var(--note-line));background-position:0 calc(var(--note-pad-y) - 5px);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.note-card:before{content:"";background:var(--color-gold);opacity:.5;width:1px;position:absolute;inset:0 auto 0 14px}.note-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.note-card>*{min-height:var(--note-line);line-height:var(--note-line)}.note-card__meta{height:var(--note-line);font-size:var(--text-2xs);color:var(--color-text-dim);justify-content:space-between;align-items:center;gap:10px;display:flex}.note-card__badges{align-items:center;gap:6px;display:inline-flex}.note-card__badge{border:1px solid var(--color-gold);border-radius:var(--radius-pill);background:var(--color-gold-soft);height:18px;color:var(--color-gold-strong);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;align-items:center;padding:0 7px;line-height:1;display:inline-flex}.note-card__badge--private{border-color:var(--color-warning);color:var(--color-warning);background:0 0}.note-card__category{font-size:var(--text-2xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.note-card .note-card__title{font-family:var(--font-sans);font-size:.9375rem;font-weight:700;line-height:var(--note-line);letter-spacing:-.01em;color:var(--color-heading)}.note-card__summary{color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.note-card__tags{font-size:var(--text-2xs);color:var(--color-gold-strong);flex-wrap:wrap;gap:0 8px;display:flex}.note-card__cta{font-size:var(--text-2xs);color:var(--color-text-dim);transition:color var(--duration-base) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.note-card__cta .icon{transition:transform var(--duration-base) var(--ease-out)}.note-card:hover .note-card__cta,.note-card:focus-visible .note-card__cta{color:var(--color-gold-strong)}.note-card:hover .note-card__cta .icon{transform:translate(3px)}.post-list{border-top:1px solid var(--color-border-strong)}.post-list>li{border-bottom:1px solid var(--color-border)}.post-row-skeleton{gap:var(--space-6);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);grid-template-columns:120px minmax(0,1fr);display:grid}.notes-section{margin-top:clamp(64px,3rem + 4vw,112px)}.notes-section__head{max-width:var(--container-narrow);margin-bottom:var(--space-6)}.notes-section__head h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.notes-section__head p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.notes-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.notes-grid>li{display:flex}.notes-skeleton{border-radius:var(--radius-md);height:168px}@media (width<=1080px){.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-row-skeleton{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.notes-grid{grid-template-columns:minmax(0,1fr)}}.not-found__inner{max-width:calc(640px + var(--gutter) * 2);flex-direction:column;align-items:flex-start;padding-top:clamp(24px,1rem + 4vw,80px);display:flex}.not-found__inner h1{font-size:var(--text-4xl)}.not-found__message{margin:var(--space-5) 0 var(--space-8);font-size:var(--text-lg)}.not-found__links{margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--color-border);width:100%}.not-found__label{margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim)}.not-found__links ul{gap:var(--space-2) var(--space-8);flex-wrap:wrap;display:flex}.app-error{padding:var(--space-16) var(--gutter);flex:1;place-items:center;display:grid}.app-error__card{text-align:center;max-width:460px}.app-error__card img{margin:0 auto var(--space-6)}.app-error__card h1{font-size:var(--text-3xl)}.app-error__card p{margin-top:var(--space-4)}.app-error__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}