@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family:"Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#faf8f5;--bg-surface:#f5f2eb;--bg-card:#faf8f5;--bg-hover:#efece4;--bg-active:#e6e2d8;--border-color:#e5e0d8;--border-subtle:#ede9e1;--text-main:#262422;--text-muted:#6e6a64;--text-subtle:#a09a90;--accent:#262422;--accent-soft:#efece4;--font-size-base:.9rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.app-container{background-color:var(--bg-main);flex-direction:column;width:100%;max-width:100vw;height:100dvh;display:flex;overflow:hidden}.main-layout{flex:1;grid-template-columns:240px 340px 1fr;display:grid;position:relative;overflow:hidden}.posts-list-column{border-right:1px solid var(--border-color);background-color:var(--bg-main);flex-direction:column;min-width:0;display:flex;overflow-y:auto}.post-reader-column{background-color:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.post-reader-main{background-color:var(--bg-main);flex-direction:column;flex:1;padding:2.5rem 3rem;display:flex;overflow-y:auto}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=1100px){.main-layout{grid-template-columns:200px 300px 1fr}}@media (width<=850px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.main-layout{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.posts-list-column{border-right:none;width:100%;height:100%}.post-reader-column{z-index:10;background-color:var(--bg-main);width:100%;height:100%;transition:transform .2s ease-in-out;position:absolute;inset:0}.post-reader-column.mobile-hidden{display:none!important}.post-reader-main{padding:1.25rem 1rem}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background-color:#0006;position:fixed;inset:0}.mobile-drawer-content{background-color:var(--bg-main);z-index:100;flex-direction:column;width:80%;max-width:300px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #00000026}}input[type=text]{font-family:var(--font-family);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;outline:none;padding:.4rem .75rem;font-size:.85rem;transition:border-color .15s}input[type=text]:focus{border-color:var(--text-main)}.btn-minimal{font-family:var(--font-family);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:4px;padding:.35rem .75rem;font-size:.85rem;transition:all .15s}.btn-minimal:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-minimal.active{background:var(--text-main);color:var(--bg-main);border-color:var(--text-main)}.tag-minimal{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:3px;padding:.15rem .4rem;font-size:.75rem}.markdown-body{font-family:var(--font-family);color:var(--text-main);word-break:break-word;overflow-wrap:anywhere;max-width:100%;font-size:.95rem;line-height:1.8}.markdown-body p{word-break:break-word;margin-bottom:1.2rem}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-main);word-break:break-word;margin-top:1.5rem;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.markdown-body blockquote{border-left:2px solid var(--text-main);color:var(--text-muted);word-break:break-word;margin:1rem 0;padding-left:1rem}.markdown-body img{cursor:pointer;object-fit:contain;border-radius:2px;max-width:100%;height:auto;margin:1rem 0}.markdown-body pre,.markdown-body code{white-space:pre-wrap;word-break:break-word;max-width:100%;overflow-x:auto}.markdown-body table{max-width:100%;display:block;overflow-x:auto}.markdown-body font{color:inherit;font-family:inherit;font-size:inherit}.markdown-body del,.markdown-body s,.markdown-body strike{color:inherit;text-decoration:none!important}.markdown-body a{color:var(--text-main);word-break:break-all;text-decoration:underline}