.header[data-v-3aeb312a]{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--bg-color);border-bottom:1px solid var(--border-color)}.nav[data-v-3aeb312a]{display:flex;align-items:center;gap:20px;flex:1}.nav-menu[data-v-3aeb312a]{display:flex;gap:20px;list-style:none;padding:0;margin:0}.nav-menu li a[data-v-3aeb312a]{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s}.nav-menu li a[data-v-3aeb312a]:hover{color:var(--button-bg-color)}.buttons[data-v-3aeb312a]{margin-left:auto;display:flex;align-items:center;gap:10px}.drafts-button[data-v-3aeb312a],.write-button[data-v-3aeb312a]{padding:8px 16px;border:2px solid var(--button-bg-color);color:var(--button-bg-color);text-decoration:none;border-radius:5px;transition:background-color .3s,color .3s}.drafts-button[data-v-3aeb312a]:hover,.write-button[data-v-3aeb312a]:hover{background-color:var(--button-bg-color);color:#fff}.dark-mode-button[data-v-3aeb312a]{padding:8px 16px;background:transparent;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-color);transition:transform .3s,color .3s}.dark-mode .dark-mode-button[data-v-3aeb312a]{color:#f5f5f5}.dark-mode-button[data-v-3aeb312a]:hover{transform:scale(1.2)}.login-modal[data-v-3aeb312a]{position:fixed;width:300px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:1000}.modal-content[data-v-3aeb312a]{display:flex;flex-direction:column;gap:10px}.modal-content input[data-v-3aeb312a]{padding:10px;border:1px solid #ccc;border-radius:5px}.modal-content button[data-v-3aeb312a]{padding:10px;background-color:var(--button-bg-color);color:#fff;border:none;border-radius:5px;cursor:pointer}.modal-content button[data-v-3aeb312a]:hover{background-color:var(--button-hover-bg-color)}.logout-button[data-v-3aeb312a]{padding:8px 16px;background-color:var(--button-bg-color);color:#fff;border:2px solid var(--button-bg-color);border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-button[data-v-3aeb312a]:hover{background-color:var(--button-hover-bg-color)}body,html{height:100%;width:100%;margin:0;padding:0}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.home-container[data-v-20d88f16]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);text-align:center;background-color:var(--bg-color);color:var(--text-color);padding:0;box-sizing:border-box}.intro[data-v-20d88f16]{max-width:1000px;padding:20px}h1[data-v-20d88f16]{font-size:3.5rem;margin-bottom:10px;color:var(--text-color);animation:fadeInOut-20d88f16 6s ease-in-out}@keyframes fadeInOut-20d88f16{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.toc-sidebar[data-v-64386908]{width:250px;padding:20px;background-color:var(--bg-color-secondary);border-radius:10px;position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 100px);overflow-y:auto;flex-shrink:0}.toc-sidebar h4[data-v-64386908]{font-size:1.1rem;margin-bottom:15px;color:var(--text-color)}.toc-sidebar ul[data-v-64386908]{list-style:none;padding:0;margin:0}.toc-sidebar li a[data-v-64386908]{text-decoration:none;color:var(--text-color-light);display:block;padding:5px 0;font-size:.9rem;transition:color .2s ease}.toc-sidebar li a[data-v-64386908]:hover{color:var(--text-color)}.toc-item-depth-2[data-v-64386908]{padding-left:15px}.toc-item-depth-3[data-v-64386908]{padding-left:30px}.toc-item-depth-4[data-v-64386908]{padding-left:45px}@media (max-width:1024px){.toc-sidebar[data-v-64386908]{display:none}}main[data-v-2bc52626]{background-color:var(--bg-color)}.post-container[data-v-2bc52626]{display:flex;justify-content:center;align-items:flex-start;width:100%;padding:40px 20px;position:relative}.sidebar-spacer[data-v-2bc52626]{width:250px;padding-left:30px;flex-shrink:0}.post[data-v-2bc52626]{width:100%;max-width:800px;padding:30px;background-color:var(--bg-color);border-radius:10px}.post-content[data-v-2bc52626]{color:var(--text-color);text-align:left;margin:0 10px;max-width:100%}.post h1[data-v-2bc52626]{font-size:2rem;color:var(--text-color);margin-bottom:20px}.post-content[data-v-2bc52626] pre{background:var(--pre-bg-color);padding:15px;border-radius:5px;overflow-x:auto}.post-content[data-v-2bc52626] blockquote{border-left:4px solid #444;display:block;margin:2rem 0;padding:1rem 1rem 1rem 2rem;border-top-right-radius:4px;border-bottom-right-radius:4px}.post-content[data-v-2bc52626] code{background-color:var(--bg-inline-code);padding:.2em .4em;font-size:85%;border-radius:3px}.post-content[data-v-2bc52626] table{width:100%;border-collapse:collapse;margin-bottom:1rem}.post-content[data-v-2bc52626] td,.post-content[data-v-2bc52626] th{border:1px solid #ccc;padding:8px;text-align:left}.post-content[data-v-2bc52626] th{font-weight:700}.post-content[data-v-2bc52626] img{max-width:100%;height:auto;display:block;margin:10px auto;max-height:650px}@media (max-width:1024px){.sidebar-spacer[data-v-2bc52626]{display:none}.post[data-v-2bc52626]{width:100%;margin-right:0}}.post-card[data-v-5e5aa609]{display:flex;flex-direction:column;justify-content:space-between;height:300px;padding:20px;border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.post-preview-image[data-v-5e5aa609]{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:10px;margin-bottom:15px}.post-card[data-v-5e5aa609]:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.post-link[data-v-5e5aa609]{text-decoration:none;color:inherit}.post-card h3[data-v-5e5aa609]{font-size:1.5rem;margin-bottom:10px;color:#333}.post-card p[data-v-5e5aa609]{flex-grow:1;color:#555;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.post-card small[data-v-5e5aa609]{color:#888;font-size:.9rem}.posts-view[data-v-fb626f26]{padding:20px;background-color:var(--bg-color);color:var(--text-color);min-height:100vh}h1[data-v-fb626f26]{font-size:2.5rem;margin-bottom:20px;color:var(--text-color)}.posts[data-v-fb626f26]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.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-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{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}.create-post{padding:20px;background-color:var(--bg-color);color:var(--text-color);height:100vh;margin:0;display:flex;flex-direction:column}h1{text-align:center;margin:0 0 20px 0;color:#333}.editor-container{flex:1;display:flex;gap:20px}.editor-left{width:50%;display:flex;flex-direction:column;gap:10px}.title-input{font-size:1.2rem}.markdown-input,.title-input{padding:10px;border:1px solid #ccc;border-radius:5px}.markdown-input{flex:1;font-size:1rem;resize:none}.button-group{display:flex;gap:8px;justify-content:flex-end;margin:5px 5px}.draft-button,.submit-button{padding:8px 12px;font-size:.9rem;text-align:center;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;color:#fff;height:40px;width:100px;min-width:100px}.submit-button{background-color:#333}.submit-button:hover{background-color:#000}.draft-button{background-color:#777}.draft-button:hover{background-color:#555}.markdown-preview{width:50%;padding:20px;border-radius:5px;background-color:var(--bg-color);overflow-y:auto}.markdown-preview blockquote{border-left:4px solid #444;display:block;margin:2rem 0;padding:1rem 1rem 1rem 2rem;border-top-right-radius:4px;border-bottom-right-radius:4px}.markdown-preview code{background-color:var(--bg-inline-code);padding:.2em .4em;font-size:85%;border-radius:3px}.markdown-preview table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-preview td,.markdown-preview th{border:1px solid #ccc;padding:8px;text-align:left}.markdown-preview th{background-color:#f4f4f4;font-weight:700}.markdown-preview tr:nth-child(2n){background-color:#f9f9f9}.markdown-preview img{max-width:100%;height:auto;display:block;margin:10px auto;max-height:400px}main{background-color:var(--bg-color);height:100vh}.not-found{text-align:center;margin-top:50px}.not-found,.not-found h1{color:var(--text-color)}body{font-family:Arial,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:Roboto,sans-serif}:root{--bg-color:#fff;--text-color:#333;--text-color-light:#888;--border-color:#ccc;--button-bg-color:#333;--button-text-color:#fff;--button-hover-bg-color:#000;--preview-bg-color:#f9f9f9;--bg-inline-code:#e9ecef;--pre-bg-color:#f5f5f5}.dark-mode{--bg-color:#1e1e1e;--bg-color-secondary:#2e2e2e;--text-color:#f5f5f5;--text-color-light:#ccc;--border-color:#555;--button-bg-color:#444;--button-text-color:#f5f5f5;--button-hover-bg-color:#222;--preview-bg-color:#2e2e2e;--bg-inline-code:#3d3d3d;--pre-bg-color:#2d2d2d}