:root{--bg: #f6f3ee;--bg-strong: #efe9df;--surface: rgba(255, 255, 255, .76);--surface-strong: rgba(255, 255, 255, .92);--line: rgba(15, 23, 42, .1);--text: #111827;--muted: #5b6474;--accent: #e76f51;--accent-soft: rgba(231, 111, 81, .12);--shadow: 0 20px 60px rgba(15, 23, 42, .08);--radius: 26px;--container: min(1120px, calc(100vw - 32px) );--font-body: "MaruBuri", serif;--font-display: "NanumBarunGothic", sans-serif;--font-mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-width:320px;color:var(--text);background:radial-gradient(circle at top left,rgba(231,111,81,.18),transparent 28%),radial-gradient(circle at right 20%,rgba(17,24,39,.08),transparent 24%),linear-gradient(180deg,#faf7f2 0%,var(--bg) 46%,#f0ebe4 100%);font-family:var(--font-body);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{position:relative;z-index:1}.backdrop{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:32px 32px;opacity:.6;mask-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.28) 55%,transparent 88%)}.container{width:var(--container);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;padding:18px 0}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(18px);background:#f6f3eec7;box-shadow:var(--shadow)}.brand-mark{display:flex;flex-direction:column;gap:2px;margin-left:clamp(22px,4.5vw,80px);padding-top:6px;padding-bottom:4px}.brand-title,.footer-title{font-family:var(--font-display);font-size:1.18rem;font-weight:700;letter-spacing:-.01em;line-height:1.1}.brand-subtitle{color:var(--muted);font-size:.85rem}.site-nav{display:flex;flex-wrap:wrap;gap:10px}.nav-link,.button,.inline-link,.tag-title-row a{transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.nav-link{padding:10px 14px;border-radius:999px;color:var(--muted)}.nav-link:hover,.nav-link.is-active{color:var(--text);background:var(--surface)}.hero-grid,.section-shell,.prose-shell,.article-shell{margin-top:40px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:24px;align-items:stretch}.hero-copy,.hero-panel,.post-card,.feature-card,.tag-column,.article-body,.article-header,.contact-block,.site-footer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-copy,.hero-panel,.article-header,.article-body,.prose-shell{padding:28px}.eyebrow{margin:0 0 12px;color:var(--accent);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--font-display);letter-spacing:-.04em;line-height:1.05}.hero-copy h1{max-width:12ch;font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.14}.hero-copy h1 span{display:block;color:var(--accent)}.hero-text,.lead,.card-excerpt,.feature-card p,.footer-copy,.contact-block p,.signal-list li,.article-meta,.section-heading p:last-child{color:var(--muted)}.hero-text,.lead{max-width:60ch;margin:20px 0 0;font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700}.button:hover,.inline-link:hover,.tag-title-row a:hover{transform:translateY(-1px)}.button.primary{background:var(--text);color:#fff}.button.secondary{border-color:var(--line);background:var(--surface-strong)}.profile-image{width:96px;height:96px;border-radius:24px;object-fit:cover;border:1px solid var(--line)}.profile-head{display:flex;align-items:center;gap:22px;padding-bottom:16px;border-bottom:2px solid rgba(15,23,42,.18)}.profile-copy{min-width:0}.profile-name{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.profile-body{padding-top:16px}.panel-label{margin:0 0 10px;font-family:var(--font-display);font-size:1.2rem;font-weight:700}.signal-list,.tag-row,.mini-list{margin:0;padding:0;list-style:none}.signal-list{display:grid;gap:12px}.profile-links{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.profile-links li{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;color:var(--muted);font-size:.9rem;letter-spacing:.01em}.link-bullet{display:inline-flex;width:18px;height:18px;color:var(--text);align-items:center;justify-content:center}.link-bullet svg{width:100%;height:100%}.link-icon{width:16px;height:16px}.profile-link-text{color:var(--text)}.inline-link,.feature-link,.tag-title-row a{color:var(--accent);font-weight:700}.feature-link:hover,.category-link:hover{color:var(--accent)}.section-heading,.split-heading,.tag-title-row,.footer-shell{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading h2{font-size:clamp(1.75rem,3vw,2.7rem);letter-spacing:.06em}.page-title{font-size:clamp(2rem,4vw,3.4rem)}.card-grid,.feature-grid,.tag-shelf,.list-stack{margin-top:22px}.card-grid,.feature-grid{display:grid;gap:18px}.card-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card,.feature-card,.tag-column{padding:24px}.card-meta,.article-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.92rem}.meta-dot:before{content:"• ";margin-right:2px}.card-title{margin-top:14px;font-size:1.6rem}.card-title a:hover,.mini-list a:hover,.article-body a:hover{color:var(--accent)}.category-link{color:var(--muted)}.card-excerpt{margin:14px 0 0}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag-row li{padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:#833d2b;font-size:.9rem}.feature-card h3{font-size:1.45rem}.feature-card p{margin:14px 0 0}.tag-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tag-shelf.full-width{grid-template-columns:repeat(3,minmax(0,1fr))}.tag-title-row h2,.tag-title-row h3{font-size:1.35rem}.mini-list{display:grid;gap:12px;margin-top:16px}.mini-list a{display:inline-block;color:var(--muted)}.prose-shell{background:transparent;border:none;box-shadow:none;padding:0}.lead-line{display:block}.contact-block{margin-top:24px;padding:22px 24px}.list-stack{display:grid;gap:18px}.article-shell{width:min(1260px,calc(100vw - clamp(24px,7vw,140px)));max-width:100%}.article-frame{display:grid;grid-template-columns:minmax(210px,240px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}.article-frame.no-toc{grid-template-columns:minmax(0,1fr)}.article-main{display:grid;gap:5px;min-width:0;width:min(100%,clamp(760px,78vw,920px));margin-left:auto}.article-frame.no-toc .article-main{margin-inline:auto}.article-main>*{min-width:0;max-width:100%}.article-toc-shell{position:sticky;top:132px;align-self:start}.article-toc{padding:18px 18px 20px;max-height:calc(100vh - 164px);overflow:auto;border:1px solid var(--line);border-radius:22px;background:#ffffff9e;backdrop-filter:blur(12px);box-shadow:var(--shadow)}.toc-label{margin:0 0 12px;color:var(--accent);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.toc-list{margin:0;padding:0;list-style:none}.toc-item+.toc-item{margin-top:10px}.toc-item a{display:block;color:var(--muted);font-size:.94rem;line-height:1.45}.toc-item a:hover{color:var(--accent)}.toc-item.is-sub a{padding-left:12px;font-size:.88rem}.article-header h1{max-width:16ch;font-size:clamp(2.5rem,4vw,5rem);margin-top:8px;line-height:1.16;letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-word}.article-body{font-size:clamp(1rem,1vw + .7rem,1.08rem);line-height:1.9;letter-spacing:-.005em;overflow-wrap:anywhere;overflow-x:hidden}.article-header,.article-body{width:100%;min-width:0;max-width:100%;padding:clamp(24px,3vw,44px)}.article-body>:first-child{margin-top:0}.article-body>*{min-width:0;max-width:72ch}.article-body>:is(pre,table,.expressive-code,.astro-code){width:100%;min-width:0;max-width:100%}.article-body p,.article-body li,.article-body td,.article-body th{overflow-wrap:anywhere;word-break:break-word}.article-body :is(h2,h3,h4){max-width:30ch;margin-top:2.4rem;margin-bottom:.9rem;line-height:1.28;letter-spacing:-.016em}.article-body h2{font-size:clamp(1.7rem,2vw,2.25rem)}.article-body h3{font-size:clamp(1.3rem,1.4vw,1.65rem)}.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin-top:1rem;margin-bottom:0}.article-body pre{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:22px;border-radius:20px;background:#0f172a}.article-body :is(pre,.astro-code,.expressive-code) code{display:block;min-width:max-content}.article-body code{font-family:var(--font-mono);font-size:.92em}.article-body :not(pre)>code{padding:.18em .42em;border-radius:8px;background:#0f172a0f;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.article-body blockquote{margin:1.4rem 0;padding-left:18px;border-left:3px solid var(--accent);color:var(--muted)}.article-body table{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5rem 0;border-radius:18px}.article-body th,.article-body td{padding:12px 14px;text-align:left;border:1px solid rgba(15,23,42,.08)}.site-footer{width:min(1320px,calc(100vw - clamp(20px,7vw,140px)));margin:44px auto 24px;padding:clamp(18px,2.2vw,26px) clamp(20px,2.8vw,30px)}.footer-shell{width:100%;margin:0;align-items:start}.footer-title,.footer-copy{margin:0}.footer-copy{margin-top:8px;max-width:none}.footer-links{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted)}@media(max-width:980px){.hero-grid,.card-grid,.feature-grid,.tag-shelf,.tag-shelf.full-width{grid-template-columns:1fr}.article-shell{width:min(100%,calc(100vw - 20px))}.article-frame,.article-frame.no-toc{grid-template-columns:1fr;gap:18px}.article-main{width:100%}.article-toc-shell{position:static}.article-toc{max-height:none}.nav-shell,.section-heading,.split-heading,.footer-shell{align-items:start;flex-direction:column}.brand-mark{margin-left:0}}@media(max-width:720px){.site-header{padding-top:12px}.nav-shell{padding:16px;border-radius:28px}.hero-copy,.hero-panel,.post-card,.feature-card,.tag-column,.article-header,.article-body{padding:20px}.article-shell{width:min(100%,calc(100vw - 20px))}.site-footer{width:min(100%,calc(100vw - 20px));padding:18px 20px}.article-body>*{max-width:100%}.hero-copy h1,.article-header h1,.page-title{letter-spacing:-.05em}.profile-links li{flex-wrap:wrap}}@media(min-width:721px){.footer-copy{white-space:nowrap}}