:root{--bg: #171717;--surface: #1c1c1c;--surface-warm: var(--surface);--article-paper: #1e1e1e;--fg: #fafafa;--fg-2: #b4b4b4;--muted: #898989;--meta: #4d4d4d;--border: #2e2e2e;--border-soft: #242424;--accent: #3ecf8e;--accent-on: #0f0f0f;--accent-hover: #00c573;--accent-active: color-mix(in oklab, var(--accent), black 14%);--success: #16a34a;--warn: #eab308;--danger: #dc2626;--font-display: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--font-body: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--font-mono: "Pretendard", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 30px;--text-4xl: 38px;--leading-body: 1.5;--leading-tight: 1;--tracking-display: normal;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--section-y-desktop: 128px;--section-y-tablet: 80px;--section-y-phone: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 0 0 1px var(--border), 0 4px 12px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 2px color-mix(in oklab, var(--accent), transparent 50%);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 800px;--container-gutter-desktop: 24px;--container-gutter-tablet: 16px;--container-gutter-phone: 16px}:root[data-theme=light]{--bg: #f4f4f2;--surface: #ffffff;--surface-warm: var(--surface);--article-paper: #ffffff;--fg: #171717;--fg-2: #4d4d4d;--muted: #6f6f6f;--meta: #9a9a9a;--border: #d7d7d2;--border-soft: #e8e8e3;--accent: #008f62;--accent-on: #ffffff;--accent-hover: #007a53;--accent-active: color-mix(in oklab, var(--accent), black 12%);--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 0 0 1px var(--border), 0 4px 14px rgba(15, 15, 15, .08);--focus-ring: 0 0 0 2px color-mix(in oklab, var(--accent), transparent 58%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}p{margin:0;text-wrap:pretty}h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:0;text-wrap:balance}h1{font-weight:700}h2,h3,h4{font-weight:400}.container{width:min(var(--container-max),100% - calc(var(--container-gutter-desktop) * 2));margin-inline:auto}.section{padding-block:var(--section-y-desktop);border-top:1px solid var(--border-soft)}.section:first-of-type{border-top:0}.home-view .section>.container,.article-hero .container,.article-view>.container,.pagefoot .container{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(var(--space-5),4vw,var(--space-8))}.article-view>.container.article-layout{background:var(--article-paper)}.stack{display:flex;flex-direction:column;gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.topnav{position:sticky;inset-block-start:0;z-index:20;background:color-mix(in oklab,var(--bg),transparent 12%);border-bottom:1px solid var(--border-soft);backdrop-filter:blur(14px)}.topnav-inner{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-6)}.logo{display:inline-flex;align-items:center;color:var(--fg);white-space:nowrap}.logo-img{width:138px;height:auto}.logo-img-light{display:none}:root[data-theme=light] .logo-img-light{display:block}:root[data-theme=light] .logo-img-dark{display:none}.topnav nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.menu-item{position:relative}.menu-trigger{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--fg-2);font-size:var(--text-sm);font-weight:500;border:1px solid transparent;border-radius:var(--radius-pill);padding:10px var(--space-3);transition:color var(--motion-fast) var(--ease-standard)}.menu-trigger:after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.68;transition:transform var(--motion-fast) var(--ease-standard)}.menu-trigger:hover,.menu-trigger:focus-visible,.menu-item:focus-within .menu-trigger{color:var(--fg);outline:0}.menu-item:hover .menu-trigger:after,.menu-item:focus-within .menu-trigger:after{transform:translateY(1px) rotate(225deg)}.submenu{position:absolute;left:50%;top:calc(100% + var(--space-2));min-width:184px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--elev-raised);opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),visibility var(--motion-fast) var(--ease-standard)}.menu-item:hover .submenu,.menu-item:focus-within .submenu{opacity:1;visibility:visible;transform:translate(-50%)}.submenu a{display:block;color:var(--fg-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.submenu a:hover,.submenu a:focus-visible{color:var(--fg);background:color-mix(in oklab,var(--fg),transparent 94%);outline:0}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.nav-search{position:relative;display:flex;align-items:center;justify-content:flex-end;width:38px;min-width:0;transition:width var(--motion-base) var(--ease-standard)}.nav-search.is-open,.nav-search:focus-within{width:min(250px,34vw)}.search-toggle,.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--fg-2);transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.search-toggle{position:relative;z-index:2;width:38px;min-height:38px;padding:0;border-radius:var(--radius-pill);display:grid;place-items:center}.search-toggle svg{width:15px;height:15px}.search-toggle:hover,.search-toggle:focus-visible,.nav-search.is-open .search-toggle,.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--fg);border-color:color-mix(in oklab,var(--fg),transparent 74%);outline:0}.nav-search-panel{position:absolute;inset-inline-end:0;inset-block-start:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(8px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),visibility var(--motion-fast) var(--ease-standard)}.nav-search.is-open .nav-search-panel,.nav-search:focus-within .nav-search-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.nav-search-panel input{width:100%;min-height:38px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2) 46px var(--space-2) var(--space-4);font-size:var(--text-sm);outline:0}.nav-search-panel input::placeholder{color:var(--meta)}.theme-toggle{min-width:92px;min-height:38px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.theme-toggle-icon{width:18px;height:18px;border-radius:var(--radius-pill);border:1px solid currentColor;background:linear-gradient(90deg,currentColor 0 50%,transparent 50% 100%)}.btn,.chip{min-height:38px;border:1px solid transparent;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn{padding:var(--space-2) var(--space-6)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.chip:focus-visible,input:focus,textarea:focus,select:focus{outline:0;box-shadow:var(--focus-ring)}.btn-primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary,.btn-ghost,.chip{background:transparent;border-color:var(--border);color:var(--fg)}.btn-ghost{border-color:transparent;color:var(--fg-2)}.btn-secondary:hover,.btn-ghost:hover,.chip:hover{color:var(--fg);border-color:color-mix(in oklab,var(--fg),transparent 74%)}.chip{padding:var(--space-2) var(--space-4);color:var(--fg-2)}.eyebrow,.post-kicker,.meta,.panel-label,.hero-note,.note-meta{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:1.2px}.eyebrow,.post-kicker,.panel-label{text-transform:uppercase}.eyebrow{margin:0 0 var(--space-4)}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}.hero h1{max-width:12ch;font-size:clamp(48px,6.8vw,56px);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.lead{color:var(--fg-2);font-size:var(--text-lg);line-height:1.56}.hero-copy .lead{margin-top:var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.hero-note{margin-top:var(--space-4)}.editorial-panel,.post-card,.pin-card,.lesson-box,.side-card,.filter-shell,.admin-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.editorial-panel{overflow:hidden}.panel-top{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft)}.window-dots{display:flex;gap:var(--space-2)}.window-dots span{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--border)}.hero-feature{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);color:inherit;padding:var(--space-5);gap:var(--space-5);align-items:stretch}.hero-feature-thumb,.post-visual,.pin-thumb,.article-hero-bg,.image-placeholder{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in oklab,var(--fg),transparent 96%),transparent 34%),var(--bg)}.hero-feature-thumb{aspect-ratio:4 / 5;border:1px solid var(--border);border-radius:var(--radius-md)}.hero-feature-thumb img,.post-visual img,.pin-thumb img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.78) contrast(1.04)}.hero-feature-copy{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:0}.hero-feature-copy strong{color:var(--fg);font-size:var(--text-xl);font-weight:500;line-height:1.35}.hero-feature-copy p{color:var(--fg-2);font-size:var(--text-sm)}.note-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-8)}.section-head h2,.archive-head h2{font-size:clamp(28px,4vw,var(--text-3xl));line-height:1.16}.section-head h2{max-width:18ch}.section-head p{max-width:48ch;color:var(--fg-2)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.post-card{overflow:hidden;min-width:0}.post-card a,.pin-card a{display:grid;color:inherit}.post-card:hover,.pin-card:hover{border-color:color-mix(in oklab,var(--fg),transparent 76%);transform:translateY(-2px)}.post-visual{aspect-ratio:4 / 5;border-bottom:1px solid var(--border-soft)}.post-body{display:grid;gap:var(--space-4);padding:var(--space-6)}.post-card h3,.pin-card h3{color:var(--fg);font-size:var(--text-xl);line-height:1.33}.post-card p,.pin-card p,.article-body p,.policy-body p,.policy-body li{color:var(--fg-2)}.archive-head{margin-bottom:var(--space-5)}.category-strip{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.post-list{column-count:2;column-gap:var(--space-4)}.pin-card{display:inline-block;width:100%;overflow:hidden;margin:0 0 var(--space-4);break-inside:avoid}.pin-thumb{aspect-ratio:4 / 5;border-bottom:1px solid var(--border-soft)}.pin-body{display:grid;gap:var(--space-2);padding:var(--space-5)}.empty-state{display:none;color:var(--fg-2);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.empty-state.is-visible{display:block}.form-message{min-height:20px;color:var(--muted);font-size:var(--text-sm)}.form-message.is-success{color:var(--success)}.form-message.is-error{color:var(--warn)}.newsletter{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(var(--space-6),4vw,var(--space-12))}.newsletter h2{font-size:clamp(30px,4vw,var(--text-3xl));line-height:1.16}.newsletter-form{display:grid;gap:var(--space-3)}.field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.email-input{min-height:44px;width:100%;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg);padding:var(--space-2) var(--space-5);outline:0}.email-input::placeholder{color:var(--meta)}.email-input:focus{box-shadow:var(--focus-ring);border-color:color-mix(in oklab,var(--accent),transparent 55%)}.article-view{display:block}.article-hero{padding-block:var(--space-8)}.article-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start;max-width:800px}.article-hero .article-layout{position:relative;overflow:hidden;min-height:clamp(520px,66vw,680px);background:var(--surface);isolation:isolate}.article-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-size:cover;background-position:center}.article-hero-bg:before{content:"";position:absolute;top:50%;right:clamp(-24px,4vw,48px);width:min(34vw,310px);aspect-ratio:4 / 5;transform:translateY(-50%) scale(1.08);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in oklab,var(--fg),transparent 93%),transparent 54%),center / cover no-repeat;background-image:inherit;filter:blur(7px);opacity:.58}.article-hero-bg:after{content:"";position:absolute;inset:-1px;z-index:1;background:linear-gradient(90deg,var(--surface) 0%,color-mix(in oklab,var(--surface),transparent 3%) 34%,color-mix(in oklab,var(--surface),transparent 28%) 61%,color-mix(in oklab,var(--bg),transparent 16%) 100%),linear-gradient(180deg,color-mix(in oklab,var(--bg),transparent 18%),color-mix(in oklab,var(--bg),transparent 42%) 44%,var(--surface) 100%)}.toc{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:1.2px;text-transform:uppercase}.toc .btn{justify-content:flex-start;white-space:nowrap}.article-head{display:grid;position:relative;z-index:1;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:end;max-width:620px}.article-title{font-size:clamp(40px,6vw,56px);line-height:var(--leading-tight);max-width:12ch}.article-dek{margin-top:var(--space-5);color:var(--fg-2);font-size:var(--text-lg);line-height:1.56}.article-body{display:grid;gap:var(--space-8);padding-bottom:var(--space-12)}.article-body :where(h2){color:var(--fg);font-size:var(--text-3xl);line-height:1.18;margin:var(--space-4) 0}.article-body :where(h3){color:var(--fg);font-size:var(--text-xl);line-height:1.35;margin:var(--space-4) 0}.article-body :where(p,ul,ol){color:var(--fg-2);font-size:var(--text-lg);line-height:1.7}.article-body :where(img){border:1px solid var(--border);border-radius:var(--radius-md);margin-block:var(--space-6)}.article-body :where(code),.inline-code{font-family:var(--font-mono);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:1px var(--space-2);font-size:.9em}.side-card{position:relative;z-index:1;padding:var(--space-5)}.core-summary-list,.lesson-list{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;color:var(--fg-2);font-size:var(--text-sm)}.related-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.related-list a{color:var(--fg-2);font-size:var(--text-sm)}.related-list a:hover{color:var(--fg)}.related-admin-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.related-admin-list .btn{justify-content:flex-start;white-space:normal;text-align:left}.category-hero{display:grid;gap:var(--space-4)}.pagefoot{border-top:1px solid var(--border-soft);padding-block:var(--space-8);color:var(--muted);font-size:var(--text-sm)}.pagefoot nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-brand{white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.policy-body{max-width:760px;display:grid;gap:var(--space-6)}.admin-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1fr);gap:var(--space-6)}.admin-panel{padding:var(--space-6)}.admin-form{display:grid;gap:var(--space-4)}.admin-form label{display:grid;gap:var(--space-2);color:var(--fg-2);font-size:var(--text-sm)}.admin-form input,.admin-form textarea,.admin-form select{width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.admin-form textarea{min-height:220px;resize:vertical}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg)}.segmented-control button{min-width:96px;border:0;border-right:1px solid var(--border);padding:var(--space-2) var(--space-4);color:var(--fg-2);background:transparent}.segmented-control button:last-child{border-right:0}.segmented-control button.is-active{color:var(--bg);background:var(--fg)}.admin-filter-grid{grid-template-columns:minmax(0,1.2fr) minmax(140px,.5fr) minmax(160px,.7fr)}.admin-summary{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-summary span{border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);color:var(--fg-2);font-size:var(--text-sm);background:var(--bg)}.status-pill{border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);color:var(--fg-2);font-size:var(--text-sm);background:var(--bg);white-space:nowrap}.status-pill.is-ready{color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 45%)}.readiness-list li span:last-child{display:grid;gap:var(--space-1)}.readiness-list small{color:var(--muted)}.category-manager-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1fr);gap:var(--space-6);align-items:start}.category-row{display:grid;gap:var(--space-1);width:100%;text-align:left;color:var(--fg);border:0;border-top:1px solid var(--border-soft);padding:var(--space-4) 0;background:transparent}.category-row small{color:var(--fg-2)}.admin-post-list{display:grid;gap:var(--space-3)}.admin-post-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding-block:var(--space-4);border-top:1px solid var(--border-soft)}.admin-post-row h3{font-size:var(--text-lg);line-height:1.35}.admin-post-row p{margin-top:var(--space-1);color:var(--fg-2);font-size:var(--text-sm)}.upload-preview{display:grid;gap:var(--space-2);margin:0;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg)}.upload-preview img{width:100%;max-height:240px;object-fit:contain;border-radius:var(--radius-sm);background:var(--surface)}.upload-preview figcaption{color:var(--muted);font-size:var(--text-sm);word-break:break-all}@media(max-width:1024px){.section{padding-block:var(--section-y-tablet)}.featured-grid,.newsletter,.admin-grid{grid-template-columns:1fr}.toc{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-soft)}.category-manager-grid,.admin-filter-grid{grid-template-columns:1fr}}@media(max-width:768px){.container{width:min(100% - calc(var(--container-gutter-tablet) * 2),var(--container-max))}.topnav-inner{grid-template-columns:1fr minmax(180px,260px);min-height:64px;gap:var(--space-4)}.topnav nav{display:none}.nav-actions{width:100%}.nav-search{flex:0 0 38px}.nav-search.is-open,.nav-search:focus-within{flex-basis:min(240px,calc(100vw - 150px));width:min(240px,calc(100vw - 150px))}.hero-grid,.hero-feature{grid-template-columns:1fr}.section-head{display:grid;gap:var(--space-4)}.field-row{grid-template-columns:1fr}.hero-feature{display:grid}.hero-feature-thumb{aspect-ratio:4 / 5}.article-hero .article-layout{min-height:auto}.article-hero-bg:before{right:-28px;width:220px;opacity:.42}.post-list{column-count:1}.pagefoot .row-between{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.container{width:min(100% - calc(var(--container-gutter-phone) * 2),var(--container-max))}.section{padding-block:var(--section-y-phone)}.home-view .section>.container,.article-hero .container,.article-view>.container,.pagefoot .container{padding:var(--space-5)}.topnav-inner{grid-template-columns:1fr;align-items:stretch;padding-block:var(--space-3)}.nav-actions{display:flex;justify-content:flex-end}.nav-search.is-open,.nav-search:focus-within{flex:1 1 auto;width:100%}.hero h1,.article-title{font-size:clamp(38px,12vw,48px)}.hero-actions{align-items:stretch}.hero-actions .btn,.field-row .btn{width:100%}.post-body,.newsletter{padding:var(--space-4)}.theme-toggle{padding-inline:var(--space-3)}}