:root{--color-bg: #fffdfb;--color-surface: #ffffff;--color-surface-strong: #fff4ed;--color-text: #111111;--color-muted: #6d6d6d;--color-border: #ece7e1;--color-primary: #ef6c2f;--color-primary-soft: #fff0e8;--color-code-bg: #171717;--color-code-text: #fff8f4;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Segoe UI", sans-serif;--font-serif: var(--font-sans);--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--container-wide: 68rem;--container-content: 44rem;--transition-base: .18s ease}html.dark{--color-bg: #0f0f10;--color-surface: #161617;--color-surface-strong: #241a15;--color-text: #f6f2ed;--color-muted: #b4aba3;--color-border: #2a2521;--color-primary: #ff8b4c;--color-primary-soft: #2c1d14;--color-code-bg: #0b0b0c;--color-code-text: #fff8f4}html{background:radial-gradient(circle at top,rgba(239,108,47,.12),transparent 28%),var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}body{margin:0;background:transparent}*,*:before,*:after{box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{color:inherit}::selection{background:var(--color-primary);color:#fffaf7}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column;width:min(100%,72rem);margin:0 auto}#main-content{flex:1}.container{width:min(calc(100% - 2rem),var(--container-wide));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--color-border) 82%,transparent)}.site-footer{margin-top:var(--space-9);border-top:1px solid var(--color-border)}.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:1.15rem}.brand{display:inline-flex;align-items:baseline;gap:var(--space-3);text-decoration:none}.brand__mark{font-size:.95rem;font-weight:700;letter-spacing:-.04em;color:var(--color-primary)}.brand__name{font-family:var(--font-sans);font-size:1.28rem;font-weight:800;letter-spacing:-.04em}.nav-shell,.nav-tools{display:flex;align-items:center;gap:var(--space-4)}.nav-list,.footer-links,.meta-list,.hero-actions,.guide-row,.tag-row,.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.nav-list,.footer-links{list-style:none;margin:0;padding:0}.nav-list a,.footer-links a,.text-link,.back-link,.archive-post__title a,.post-pagination a,.nav-tool{text-decoration:none}.nav-list a,.footer-links a,.text-link,.post-meta,.archive-post__summary,.archive-post__meta,.page-intro p,.hero-copy,.post-lead,.empty-state p,.manifesto-text,.footer-note{color:var(--color-muted)}.nav-list a,.text-link,.archive-post,.post-pagination a,.button,.tag,.back-link,.nav-tool{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.nav-list a:hover,.nav-list a[aria-current=page],.footer-links a:hover,.text-link:hover,.back-link:hover,.archive-post__title a:hover,.post-pagination a:hover,.nav-tool:hover{color:var(--color-primary)}.nav-tool{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0;border:0;background:transparent;color:var(--color-muted);cursor:pointer;font-size:.88rem;font-weight:600}.page-section,.hero-section,.empty-state,.post-layout{padding-block:var(--space-9)}.hero-section,.page-intro,.post-hero{display:grid;gap:var(--space-4)}.hero-section{padding-top:clamp(4.5rem,12vw,7.5rem)}.eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary)}.hero-section h1,.page-intro h1,.post-hero h1{margin:0;max-width:12ch;font-family:var(--font-sans);font-size:clamp(2.85rem,6.5vw,5rem);font-weight:800;line-height:1;letter-spacing:-.05em;text-wrap:balance}.hero-copy,.page-intro p,.post-lead,.manifesto-text,.empty-state p{max-width:40rem;margin:0;font-size:1rem;line-height:1.85}.hero-section:after,.page-intro:after,.post-hero:after{content:"";width:min(9rem,28vw);height:1px;background:var(--color-border);margin-top:var(--space-2)}.section-block,.guide-section{padding-bottom:var(--space-8)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.section-heading h2,.guide-section h2,.archive-year__title{margin:0;font-family:var(--font-sans);font-size:clamp(1.8rem,3.6vw,2.2rem);font-weight:800;letter-spacing:-.04em}.section-heading p{margin:var(--space-2) 0 0;max-width:34rem}.archive-year{display:grid;gap:var(--space-5)}.archive-year+.archive-year{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.archive-month{display:grid;gap:var(--space-4)}.archive-month__title{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.archive-list{display:grid;gap:0;border-top:1px solid var(--color-border)}.archive-post{display:grid;gap:var(--space-2);padding:1.4rem 0;border-bottom:1px solid var(--color-border)}.archive-post:hover{background:color-mix(in srgb,var(--color-primary-soft) 66%,transparent)}.archive-post__head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.archive-post__title{margin:0;font-family:var(--font-sans);font-size:clamp(1.35rem,2.7vw,1.8rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.archive-post__summary{margin:0;max-width:44rem;line-height:1.8}.archive-post__meta{font-size:.84rem;white-space:nowrap}.home-feed{padding-top:var(--space-8);padding-bottom:var(--space-9)}.media-post-list{display:grid;gap:0}.media-post{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);gap:var(--space-6);align-items:start;padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.media-post:first-child{border-top:1px solid var(--color-border)}.media-post__thumb{display:block;overflow:hidden;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface-strong);aspect-ratio:16 / 9}.media-post__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.media-post:hover .media-post__thumb img{transform:scale(1.03)}.media-post__body{display:grid;gap:var(--space-3);padding-top:var(--space-2)}.media-post__meta{font-size:.82rem;font-weight:600;color:var(--color-muted)}.media-post__title{margin:0;font-family:var(--font-sans);font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:800;line-height:1.2;letter-spacing:-.03em}.media-post__title a{text-decoration:none}.media-post__title a:hover{color:var(--color-primary)}.media-post__summary{margin:0;max-width:42rem;color:var(--color-muted);line-height:1.8}.editorial-grid{display:grid;gap:var(--space-8)}.manifesto{display:grid;gap:var(--space-4);padding-top:var(--space-7);border-top:1px solid var(--color-border)}.manifesto h2{margin:0;font-family:var(--font-sans);font-size:clamp(1.7rem,3.5vw,2.15rem);font-weight:800;letter-spacing:-.04em}.meta-list{list-style:none;margin:0;padding:0}.meta-list li{padding:.5rem .85rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-size:.92rem;background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.8rem 1.1rem;border:1px solid var(--color-border);border-radius:.8rem;font-size:.95rem;font-weight:600}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fffaf7}.button--ghost{background:transparent;color:var(--color-text)}.button--ghost:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.tag{display:inline-flex;align-items:center;padding:.32rem .72rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-size:.85rem;letter-spacing:.02em;background:color-mix(in srgb,var(--color-surface) 94%,transparent)}.tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.card{background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.page-intro{margin-bottom:var(--space-8)}.post-layout{width:min(calc(100% - 2rem),var(--container-wide));margin:0 auto}.post-header-row,.post-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted)}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.92rem}.post-cover{width:100%;margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.post-body-shell{display:grid;gap:var(--space-7)}.post-body-shell .prose{max-width:var(--container-content)}.reading-progress{position:fixed;top:0;left:0;z-index:60;width:100%;height:3px}.reading-progress__bar{width:0%;height:100%;background:var(--color-primary);transition:width .12s ease-out}.post-toc{display:none;position:sticky;top:5.75rem;align-self:start;height:fit-content}.post-toc__inner{width:16rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:0 14px 30px #1111110a}.post-toc__title{margin:0 0 var(--space-4);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary)}.post-toc__list{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0;border-left:1px solid var(--color-border)}.post-toc__item,.post-toc-mobile__panel .post-toc__item{position:relative}.post-toc__item a,.post-toc-mobile__panel a{display:block;padding:.1rem 0 .1rem var(--space-4);text-decoration:none;color:var(--color-muted);font-size:.92rem;line-height:1.5;transition:color var(--transition-base),transform var(--transition-base)}.post-toc__item--depth-3 a,.post-toc-mobile__panel .post-toc__item--depth-3 a{padding-left:calc(var(--space-4) + var(--space-3));font-size:.88rem}.post-toc__item--depth-4 a,.post-toc-mobile__panel .post-toc__item--depth-4 a{padding-left:calc(var(--space-4) + var(--space-3) * 1.9);font-size:.84rem}.post-toc a.is-active,.post-toc-mobile a.is-active{color:var(--color-text);font-weight:700}html.dark .post-toc a.is-active,html.dark .post-toc-mobile a.is-active{color:#fff}.post-toc__item.is-active,.post-toc-mobile__panel .post-toc__item.is-active{color:inherit}.post-toc__item.is-active:before,.post-toc-mobile__panel .post-toc__item.is-active:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:1px;background:var(--color-primary)}.post-toc-mobile{position:fixed;right:1rem;bottom:1rem;z-index:55}.post-toc-mobile__button{min-height:2.9rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-primary);color:#fffaf7;font-weight:700}.post-toc-mobile__panel{position:absolute;right:0;bottom:3.5rem;width:min(18rem,calc(100vw - 2rem));padding:var(--space-5);border:1px solid var(--color-border);border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:0 20px 40px #11111114;opacity:0;pointer-events:none;transform:translateY(.5rem) scale(.98);overflow-y:auto;max-height:min(60vh,28rem);transition:opacity var(--transition-base),transform var(--transition-base)}.post-toc-mobile__panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.callout{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--color-border);border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:0 12px 28px #1111110a}.callout__head{display:flex;align-items:center;gap:.7rem;margin-bottom:var(--space-3)}.callout__icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .35rem;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.08em}.callout__label{margin:0;font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.callout__body>:first-child{margin-top:0}.callout__body>:last-child{margin-bottom:0}.callout--note{border-color:color-mix(in srgb,#5f89ff 18%,var(--color-border));background:color-mix(in srgb,#5f89ff 8%,var(--color-surface))}.callout--note .callout__icon{background:color-mix(in srgb,#5f89ff 16%,transparent);color:#456fe8}.callout--tip{border-color:color-mix(in srgb,#24a36a 18%,var(--color-border));border-left-color:#24a36a;background:color-mix(in srgb,#24a36a 8%,var(--color-surface))}.callout--tip .callout__icon{background:color-mix(in srgb,#24a36a 16%,transparent);color:#188553}.callout--warning{border-color:color-mix(in srgb,#e09a1d 20%,var(--color-border));border-left-color:#e09a1d;background:color-mix(in srgb,#e09a1d 10%,var(--color-surface))}.callout--warning .callout__icon{background:color-mix(in srgb,#e09a1d 18%,transparent);color:#b77b10}.callout--pro-tip{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 11%,var(--color-surface)),color-mix(in srgb,#ffb48e 7%,var(--color-surface)))}.callout--pro-tip .callout__icon{background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary)}.quote-block{margin:var(--space-7) 0;padding:var(--space-6);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--color-surface-strong) 42%,var(--color-surface));box-shadow:0 12px 28px #1111110a}.quote-block__mark{margin-bottom:var(--space-4);color:color-mix(in srgb,var(--color-primary) 38%,transparent);font-size:clamp(2rem,5vw,3rem);line-height:.8;font-weight:700}.quote-block__content{margin:0;font-size:clamp(1.05rem,1rem + .35vw,1.25rem);font-weight:600;font-style:italic;line-height:1.9;color:color-mix(in srgb,var(--color-text) 92%,transparent)}.quote-block__meta{margin-top:var(--space-4);color:var(--color-muted);display:flex;flex-wrap:wrap;gap:.4rem}.steps-block{margin:var(--space-7) 0;padding-left:var(--space-6);border-left:2px solid var(--color-border)}.steps-block>*{position:relative;margin-top:0;margin-bottom:var(--space-7)}.steps-block>*:last-child{margin-bottom:0}.steps-block>*:before{content:"";position:absolute;left:calc(-1 * var(--space-6) - .42rem);top:.4rem;width:.7rem;height:.7rem;border-radius:999px;background:var(--color-primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary) 12%,transparent)}.article-figure{margin:var(--space-7) 0}.article-figure img{width:100%;border:1px solid var(--color-border);border-radius:1rem}.article-figure figcaption{margin-top:var(--space-3);text-align:center;color:var(--color-muted);font-size:.92rem;font-style:italic}.pros-cons{display:grid;gap:var(--space-4);margin:var(--space-7) 0}.pros-cons__card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:0 12px 28px #1111110a}.pros-cons__head{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--space-4)}.pros-cons__head h3{margin:0;font-size:1rem}.pros-cons__icon{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:999px;font-weight:800}.pros-cons__card ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}.pros-cons__card li{position:relative;padding-left:1.1rem;color:color-mix(in srgb,var(--color-text) 90%,transparent)}.pros-cons__card li:before{content:"";position:absolute;left:0;top:.7rem;width:.38rem;height:.38rem;border-radius:999px;background:currentColor}.pros-cons__card--pros{border-color:color-mix(in srgb,#24a36a 18%,var(--color-border));background:color-mix(in srgb,#24a36a 7%,var(--color-surface));color:#167a4b}.pros-cons__card--pros .pros-cons__icon{background:color-mix(in srgb,#24a36a 16%,transparent)}.pros-cons__card--cons{border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));color:#cc6127}.pros-cons__card--cons .pros-cons__icon{background:color-mix(in srgb,var(--color-primary) 16%,transparent)}.link-card{display:block;margin:var(--space-7) 0;text-decoration:none;color:inherit}.link-card__content{padding:var(--space-5);border:1px solid var(--color-border);border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:0 12px 28px #1111110a;transition:border-color var(--transition-base),transform var(--transition-base),background var(--transition-base)}.link-card:hover .link-card__content{transform:translateY(-.15rem);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface))}.link-card__eyebrow{margin:0 0 var(--space-2);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.link-card h3{margin:0;font-size:1.05rem}.link-card__description{margin:var(--space-3) 0 0;color:var(--color-muted)}.link-card__meta{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);font-size:.88rem;color:var(--color-muted)}.youtube-embed{position:relative;overflow:hidden;margin:var(--space-7) 0;border:1px solid var(--color-border);border-radius:1rem;background:#000;box-shadow:0 12px 28px #11111114;aspect-ratio:16 / 9}.youtube-embed iframe{width:100%;height:100%;border:0}.post-pagination{padding-top:var(--space-7);margin-top:var(--space-8);border-top:1px solid var(--color-border)}.post-pagination a,.post-pagination span{max-width:20rem}.footer-inner{padding-block:var(--space-6)}.footer-note{margin:0;font-size:.94rem}#cursor{position:fixed;top:0;left:0;z-index:9999;width:12px;height:12px;border-radius:999px;background:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-bg) 78%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 10%,transparent),0 0 18px color-mix(in srgb,var(--color-primary) 30%,transparent);mix-blend-mode:normal;opacity:0;pointer-events:none}html.dark #cursor{border-color:color-mix(in srgb,var(--color-surface) 68%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,white 16%,transparent),0 0 22px color-mix(in srgb,var(--color-primary) 45%,transparent)}.theme-transition::view-transition-group(root),.theme-transition::view-transition-old(root),.theme-transition::view-transition-new(root){animation:none;mix-blend-mode:normal}.theme-transition::view-transition-old(root){z-index:1}.theme-transition::view-transition-new(root){z-index:2;animation:theme-fade-in .24s ease}@keyframes theme-fade-in{0%{opacity:0;transform:scale(.985);filter:saturate(.92)}to{opacity:1;transform:scale(1);filter:saturate(1)}}@media(pointer:fine){html.has-custom-cursor,html.has-custom-cursor a,html.has-custom-cursor button{cursor:none}}@media(min-width:840px){.editorial-grid{grid-template-columns:minmax(0,1.65fr) minmax(18rem,.9fr);align-items:start}.post-body-shell{grid-template-columns:minmax(0,1fr) 16rem;align-items:start}.post-toc{display:block}.post-toc-mobile{display:none}.pros-cons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.header-inner,.footer-inner,.section-heading,.archive-post__head,.post-header-row,.post-pagination{flex-direction:column;align-items:start}.nav-shell{width:100%;justify-content:space-between}.nav-list{gap:var(--space-2)}.hero-section,.page-section,.empty-state,.post-layout{padding-block:var(--space-8)}.home-feed{padding-top:var(--space-6)}.hero-section{padding-top:var(--space-8)}.archive-post{padding:1.1rem 0}.archive-post__meta{white-space:normal}.media-post{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5) 0}.media-post__body{padding-top:0}}