@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+KR:wght@400;450;500;550;600;650;700&display=swap";pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#242624;background:#fcfcfa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #242624;--muted: #777a75;--line: #e5e6e1;--surface: #f3f4ef;--accent: #536c58;--measure: 1104px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{background:none;border:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,p{margin:0}svg{flex-shrink:0}input,textarea{min-width:0}::selection{background:#dfe7db;color:#243626}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;padding:12px 18px;background:var(--ink);color:#fff;border-radius:4px}.skip-link:focus{top:12px}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.site-header{border-bottom:1px solid var(--line)}.header-inner,.search-panel,main,.site-footer{max-width:var(--measure);width:100%;margin-inline:auto;padding-inline:32px}.header-inner{min-height:96px;display:flex;align-items:center;gap:64px}.brand{font-size:29px;line-height:1;font-weight:700;letter-spacing:-1.9px;white-space:nowrap}.brand span{color:var(--accent)}.primary-nav{display:flex;align-items:center;gap:29px}.primary-nav a{font-size:12px;color:var(--muted);padding-block:12px;white-space:nowrap}.primary-nav a[aria-current=page]{color:var(--ink);font-weight:600}.primary-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:20px;margin-inline-start:auto}.icon-button{width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:var(--muted);padding:0}.icon-button:hover,.icon-button.active{background:var(--surface);color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:10px 16px;font-size:12px;font-weight:500;border-radius:4px;white-space:nowrap}.primary{background:var(--ink);color:#fff}.primary:hover{background:#454944}.secondary{border:1px solid var(--line);background:transparent;color:#666c62}.secondary:hover{background:var(--surface)}.mobile-menu{display:none}.search-panel{display:flex;align-items:center;gap:18px;min-height:84px;padding-block:20px;border-top:1px solid var(--line);color:var(--muted)}.search-panel input{border:0;background:transparent;outline:none;flex:1;color:var(--ink);font-size:17px;padding:10px 0}.search-panel input::placeholder{color:#95998f}.search-panel:focus-within{border-top-color:#929b8d}.search-panel input::-webkit-search-cancel-button{-webkit-appearance:none}main{flex:1;outline:none}.journal-intro{padding-block:88px 65px}.eyebrow{display:block;font-size:10px;font-weight:500;letter-spacing:2.2px;color:var(--muted)}.journal-intro h1{margin-block:24px 19px;font-size:clamp(30px,3.5vw,47px);letter-spacing:-2.2px;font-weight:550;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.journal-intro p{color:var(--muted);font-size:14px;font-weight:400;line-height:1.8;letter-spacing:-.25px}.feed-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.category-tabs{display:flex;align-items:center;gap:26px;min-width:0}.category-tabs button{position:relative;padding:0 0 18px;font-size:12px;color:var(--muted);white-space:nowrap;line-height:1.8}.category-tabs button.active{color:var(--ink);font-weight:550}.category-tabs button.active:after{position:absolute;content:"";height:2px;background:var(--ink);inset:auto 0 -1px}.category-tabs button span{font-size:9px;font-weight:400;color:#8b9085;margin-inline-start:7px;font-variant-numeric:tabular-nums}.category-tabs button:hover{color:var(--ink)}.sort-select{display:flex;align-items:center;gap:5px;position:relative;color:var(--muted);margin-bottom:16px;flex-shrink:0}.sort-select select{appearance:none;border:0;background:transparent;color:inherit;font-size:11px;padding:4px 19px 4px 4px;cursor:pointer}.sort-select svg{position:absolute;right:1px;pointer-events:none}.post-card{display:grid;grid-template-columns:125px minmax(0,1fr) 38px;gap:25px;padding-block:36px 38px;border-bottom:1px solid var(--line)}.post-date{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.35px;color:#82877b;padding-top:4px;line-height:1.7}.category-label{display:block;font-size:11px;color:#73796b;line-height:1.8;font-weight:400}.post-card h2{font-size:23px;line-height:1.55;letter-spacing:-.85px;font-weight:550;word-break:keep-all;overflow-wrap:anywhere;margin-block:9px 11px}.post-card h2 a{transition:color .15s}.post-card h2 a:hover{color:var(--accent)}.post-excerpt{color:var(--muted);font-size:13px;line-height:1.9;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.post-meta{display:flex;gap:9px;color:#7c8273;font-size:11px;margin-top:18px;line-height:1.7}.post-meta>span:first-child{color:#5f6656}.post-meta>span:nth-child(2){color:#bdc2b4}.bookmark-button{align-self:start;color:#989f8e;min-width:38px;min-height:38px;display:grid;place-items:center;border-radius:4px;margin-top:24px}.bookmark-button:hover{color:var(--ink);background:var(--surface)}.is-saved{color:var(--accent)!important}.load-more{display:flex;justify-content:center;align-items:center;gap:12px;margin:35px auto 10px;font-size:12px;min-height:44px;padding:10px 22px;color:#6e7563}.load-more:hover{color:var(--ink)}.active-filter{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:15px}.active-filter .icon-button{width:28px;min-height:28px}.personal-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:27px}.personal-tabs a{color:var(--muted);font-size:12px;padding-bottom:16px}.personal-tabs a span{margin-left:7px;color:#8e9584;font-size:10px}.personal-tabs a.active{color:var(--ink);border-bottom:2px solid var(--ink)}.draft-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px;border-bottom:1px solid var(--line)}.draft-list>a>div{min-width:0}.draft-list h2{font-size:22px;font-weight:550;margin:10px 0;word-break:keep-all;overflow-wrap:anywhere}.draft-list p{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-list small{display:block;font-size:11px;color:var(--muted);margin-top:15px}.draft-list>a>svg{color:#89927c}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:32px;padding:4px 0;font-size:12px;color:#626e55}.text-link:hover{color:var(--ink)}.empty-state{padding:100px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:17px;color:#8b927f}.empty-state h1,.empty-state h2{font-size:23px;color:var(--ink);font-weight:500;word-break:keep-all}.empty-state p{font-size:13px;line-height:1.9;color:var(--muted);max-width:370px;word-break:keep-all}.empty-state .text-link,.empty-state .button{margin-top:10px}.loading-state{padding-block:100px;color:var(--muted);font-size:14px}.skeleton{height:120px;border-bottom:1px solid var(--line);margin-block:20px;background:linear-gradient(90deg,var(--surface),transparent)}.site-footer{display:flex;align-items:center;gap:22px;padding-block:30px 38px;margin-top:80px;border-top:1px solid var(--line);color:#8a9180}.footer-brand{font-size:18px;font-weight:600;letter-spacing:-1px;color:#686f5e}.site-footer>span{font-size:10px}.site-footer button{display:flex;gap:6px;align-items:center;margin-left:auto;color:var(--muted);font-size:10px;padding:10px 0}.article-page{max-width:960px;margin:auto;padding-top:48px}.back-link{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);width:max-content;min-height:32px;margin-bottom:56px}.back-link:hover{color:var(--ink)}.article-heading h1{font-size:39px;line-height:1.5;letter-spacing:-1.6px;font-weight:550;word-break:keep-all;overflow-wrap:anywhere;margin-block:15px 18px}.article-heading>.category-label{font-size:12px}.article-deck{color:var(--muted);font-size:15px;line-height:1.9;word-break:keep-all}.article-byline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 0;border-bottom:1px solid var(--line)}.article-author{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.article-author strong{font-size:12px;font-weight:500;color:#555e4a}.article-actions{display:flex;gap:3px}.article-outline{margin:22px 0 36px;color:var(--muted)}.article-outline summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:11px;width:max-content;padding-block:7px}.article-outline summary::-webkit-details-marker{display:none}.article-outline[open] summary svg{transform:rotate(180deg)}.article-outline nav{padding:15px 0 5px 15px;border-left:1px solid var(--line);margin-top:10px}.article-outline nav button{display:block;padding:8px 0;font-size:12px;text-align:left;color:#6e7960}.article-outline nav button:hover{color:var(--ink)}.markdown{font-size:16px;line-height:2;color:#50594a;overflow-wrap:anywhere}.markdown p{margin-block:20px}.markdown h1,.markdown h2,.markdown h3{color:var(--ink);font-weight:550;word-break:keep-all;scroll-margin-top:30px}.markdown h1{font-size:29px;line-height:1.5;margin-block:40px 20px}.markdown h2{font-size:23px;line-height:1.6;letter-spacing:-.7px;margin-block:45px 19px}.markdown h3{font-size:19px;margin-block:32px 15px}.markdown strong{color:#3b4633;font-weight:600}.markdown ul,.markdown ol{padding-left:25px;margin-block:20px}.markdown li{margin-block:7px;padding-left:4px}.markdown blockquote{border-left:2px solid #c6cebb;padding:2px 0 2px 24px;margin:30px 0;color:#748362}.markdown a{color:#526c43;text-decoration:underline;text-underline-offset:4px}.markdown pre{padding:23px;border-radius:4px;background:#f0f2eb;overflow:auto;margin-block:25px;line-height:1.8}.markdown code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;padding:2px 5px;background:#eef1e7;border-radius:2px}.markdown pre code{display:block;overflow:visible;background:transparent;padding:0}.markdown img{display:block;max-width:100%;height:auto;outline:1px solid #0000001a;outline-offset:-1px}.markdown table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.markdown th,.markdown td{border-bottom:1px solid var(--line);padding:13px 15px;min-width:120px}.markdown th{font-weight:550;color:#536545;background:#f3f5ee}.table-scroll{overflow:auto;margin-block:27px}.markdown hr{border:0;border-top:1px solid var(--line);margin-block:35px}.article-end{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:48px}.tag-list{display:flex;flex-wrap:wrap;gap:16px}.tag-list button{padding:6px 0;font-size:11px;color:#7a876c}.tag-list button:hover{color:var(--ink)}.article-end>.text-link{flex-shrink:0}.sample-note,.updated-note{color:#88927c;font-size:10px;line-height:1.8;margin-top:20px}.related{border-top:1px solid var(--line);margin-top:48px;padding-top:27px}.related h2{font-size:11px;font-weight:400;color:var(--muted);margin-bottom:17px}.related a{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:16px;padding:15px 0;line-height:1.7;word-break:keep-all}.related a svg{color:#8b957e}.related a:hover{color:var(--accent)}.editor-page{max-width:820px;margin:auto;padding-top:40px}.editor-page .back-link{margin-bottom:36px}.editor-heading h1{font-size:34px;font-weight:550;letter-spacing:-1.2px;margin-block:18px 13px}.editor-heading p{font-size:13px;line-height:1.8;color:var(--muted)}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block:38px 27px}.save-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#7f8a71}.editor-actions{display:flex;align-items:center;gap:10px}.editor-paper{border-top:1px solid var(--line);padding-top:28px}.field-label{font-size:11px;color:var(--muted);margin-right:12px}.editor-paper select{border:1px solid var(--line);background:transparent;color:#647355;padding:7px 9px;border-radius:4px;font-size:11px}.title-input{display:block;width:100%;border:0;background:transparent;font-size:31px;line-height:1.5;font-weight:550;letter-spacing:-1.1px;padding:29px 0 12px;color:var(--ink)}.title-input::placeholder{color:#b4bbab}.excerpt-input{display:block;width:100%;border:0;background:transparent;font-size:13px;padding:8px 0 24px;color:#637254}.excerpt-input::placeholder{color:#8c987e}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-block:1px solid var(--line)}.format-tools{display:flex;gap:6px}.format-tools button{display:grid;place-items:center;min-width:32px;min-height:34px;color:#7f8b70;border-radius:3px}.format-tools button:hover{background:var(--surface);color:var(--ink)}.preview-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#758366;padding:9px 7px;border-radius:4px}.preview-toggle.selected{color:var(--ink);background:var(--surface)}.editor-paper textarea{width:100%;min-height:380px;border:0;background:transparent;padding:25px 0;resize:vertical;font-size:15px;line-height:2;color:#526347}.editor-paper textarea::placeholder{color:#9aa78c}.editor-preview{min-height:380px;padding-block:5px 25px}.editor-footnote{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-block:14px;font-size:10px;color:#88977a}.tag-field{display:flex;align-items:center;gap:18px;padding-block:20px;border-bottom:1px solid var(--line)}.tag-field label{font-size:12px;color:#72885d}.tag-field input{border:0;background:transparent;flex:1;font-size:12px;padding:8px 0;color:#72885d}.tag-field input::placeholder{color:#879a72}.editor-note{font-size:10px;color:#859975;line-height:1.9;margin-top:17px}.form-error{padding:15px 18px;color:#965b4f;border-left:2px solid #ba8377;background:#faf2ee;font-size:12px;margin-bottom:20px;line-height:1.8}.toast{position:fixed;inset-inline-start:50%;inset-block-end:28px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;background:#fff;color:#485b3e;border-radius:5px;opacity:0;pointer-events:none;max-width:calc(100% - 32px);width:max-content;font-size:12px}.toast.visible{padding:13px 14px 13px 18px;border:1px solid #dce2d5;box-shadow:0 3px 20px #263a2410;opacity:1;pointer-events:auto}.toast>span{line-height:1.8}.toast button{display:grid;place-items:center;min-width:26px;min-height:26px;color:#809471}.help-dialog{width:calc(100% - 40px);max-width:480px;max-height:calc(100dvh - 40px);overflow:auto;padding:40px;border:1px solid var(--line);background:#fcfcfa;border-radius:7px;color:var(--ink);box-shadow:0 15px 70px #1e2e1c20}.help-dialog::backdrop{background:#18211845;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;right:12px}.help-dialog h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin-block:21px}.help-dialog p{font-size:13px;line-height:1.9;color:#718465;margin-block:16px;word-break:keep-all}.help-dialog kbd{font-size:10px;border:1px solid var(--line);padding:3px 5px;border-radius:3px;margin-right:4px}.dialog-note{border-top:1px solid var(--line);padding-top:6px;margin-top:25px}.dialog-note p{font-size:11px;color:#839776}.help-dialog>.button{width:100%;margin-top:15px}@media(max-width:900px){.header-inner{gap:40px;min-height:85px}.header-inner,.search-panel,main,.site-footer{padding-inline:40px}.primary-nav{gap:24px}.journal-intro{padding-block:72px 55px}.journal-intro h1{font-size:39px}.post-card{grid-template-columns:90px minmax(0,1fr) 32px;gap:22px}.post-card h2{font-size:21px}.post-date{font-size:10px}.bookmark-button{min-width:32px}}@media(max-width:640px){.header-inner,.search-panel,main,.site-footer{padding-inline:24px}.header-inner{min-height:77px;gap:30px}.brand{font-size:26px}.primary-nav{gap:18px}.primary-nav a{font-size:11px}.header-actions{gap:10px}.write-button{font-size:11px;padding-inline:13px;min-height:36px}.write-button svg{display:none}.journal-intro{padding-block:62px 46px}.journal-intro h1{font-size:34px;letter-spacing:-1.7px;margin-block:20px 16px}.journal-intro p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.8px}.category-tabs{gap:21px}.category-tabs button{font-size:11px;padding-bottom:16px}.post-card{grid-template-columns:minmax(0,1fr) 32px;column-gap:15px;row-gap:8px;padding-block:29px 31px}.post-date{grid-column:1;font-size:10px;padding:0}.post-card-content{grid-row:2;grid-column:1}.post-card .category-label{font-size:10px}.post-card h2{font-size:21px;letter-spacing:-.65px;margin-block:8px 10px}.post-excerpt{font-size:12px;line-height:1.9}.post-meta{font-size:10px;margin-top:15px}.bookmark-button{grid-row:2;grid-column:2;margin-top:23px}.site-footer{margin-top:58px;padding-block:25px 30px;gap:14px}.site-footer>span{font-size:9px}.site-footer button{font-size:9px}.footer-brand{font-size:17px}.article-page{padding-top:30px}.back-link{margin-bottom:35px;font-size:11px}.article-heading h1{font-size:31px;letter-spacing:-1px}.article-deck{font-size:13px}.article-byline{padding-block:24px}.article-author{flex-direction:column;align-items:flex-start;gap:8px;font-size:10px}.markdown{font-size:15px}.markdown h2{font-size:21px}.markdown pre{padding:18px}.markdown code{font-size:11px}.related a{font-size:15px}.article-end{align-items:flex-start}.tag-list{gap:10px}.tag-list button{font-size:10px}.editor-page{padding-top:26px}.editor-heading h1{font-size:30px}.editor-heading p{font-size:12px}.editor-top{flex-direction:column;align-items:flex-start;gap:18px;margin-block:29px 20px}.editor-actions{align-self:flex-end}.title-input{font-size:27px}.excerpt-input,.tag-field input,.editor-paper textarea{font-size:16px}.excerpt-input::placeholder,.tag-field input::placeholder{font-size:12px}.editor-paper textarea::placeholder{font-size:14px}.editor-note{font-size:10px}.toast{font-size:11px;bottom:18px}.help-dialog{padding:32px 25px}}@media(max-width:520px){.header-inner{flex-wrap:wrap;gap:0;padding-block:16px;min-height:72px}.header-actions{gap:9px}.mobile-menu{display:inline-flex;width:30px;margin-right:-6px}.primary-nav{display:none;order:3;width:100%;gap:30px;padding-top:17px;margin-top:16px;border-top:1px solid var(--line)}.primary-nav.mobile-open{display:flex}.primary-nav a{font-size:12px;padding-block:6px}.search-panel{min-height:73px;padding-block:13px;gap:12px}.search-panel input{font-size:16px}.search-panel input::placeholder{font-size:12px}.journal-intro{padding-top:53px}.journal-intro h1{font-size:30px;letter-spacing:-1.6px}.category-tabs{gap:18px}.category-tabs button{font-size:10px}.category-tabs button span{font-size:8px;margin-left:5px}.feed-controls{gap:10px}.sort-select select{font-size:10px}.post-card h2{font-size:20px}.post-date{color:#929b85}.site-footer>span{display:none}.draft-list h2{font-size:20px}.empty-state{padding:65px 10px}.empty-state h1,.empty-state h2{font-size:20px}}@media(max-width:370px){.header-inner,.search-panel,main,.site-footer{padding-inline:20px}.journal-intro h1{font-size:27px}.journal-intro p{font-size:11px}.category-tabs{gap:12px}.category-tabs button{font-size:9px}.category-tabs button span{font-size:7px;margin-left:4px}.sort-select select{font-size:9px;padding-right:15px}.post-card h2{font-size:19px}.post-excerpt{font-size:11px}.article-heading h1{font-size:28px}.format-tools{gap:1px}.format-tools button{min-width:29px}.preview-toggle{font-size:10px;padding-inline:3px;gap:5px}}@media(prefers-reduced-motion:no-preference){.button,.icon-button,.bookmark-button{transition:color .15s,background .15s}.toast{transition:opacity .15s}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}