.header[data-v-b43d15a8]{position:sticky;top:0;z-index:50;background-color:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background-color .3s,border-color .3s}.dark-mode .header[data-v-b43d15a8]{background-color:rgba(2,6,23,.8)}.header-content[data-v-b43d15a8]{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo[data-v-b43d15a8]{font-size:1.25rem;font-weight:800;color:var(--color-text);letter-spacing:-.025em}.nav-menu[data-v-b43d15a8]{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-menu a[data-v-b43d15a8]{font-size:.95rem;font-weight:500;color:var(--color-gray-500);transition:color .2s}.nav-menu a.active[data-v-b43d15a8],.nav-menu a[data-v-b43d15a8]:hover{color:var(--color-primary)}.actions[data-v-b43d15a8]{display:flex;align-items:center;gap:1rem}.icon-btn[data-v-b43d15a8]{background:none;border:none;color:var(--color-gray-500);padding:.5rem;border-radius:50%;transition:color .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.icon-btn[data-v-b43d15a8]:hover{color:var(--color-text);background-color:var(--color-gray-100)}.dark-mode .icon-btn[data-v-b43d15a8]:hover{background-color:var(--color-gray-800)}.btn-sm[data-v-b43d15a8]{padding:.375rem .75rem;font-size:.875rem}.modal-overlay[data-v-b43d15a8]{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding-top:12rem;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card[data-v-b43d15a8]{background-color:var(--color-surface);padding:2rem;border-radius:.75rem;box-shadow:var(--shadow-lg);width:100%;max-width:400px;border:1px solid var(--color-border)}.modal-card h3[data-v-b43d15a8]{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;color:var(--color-text)}.login-form[data-v-b43d15a8]{display:flex;flex-direction:column;gap:1rem}.login-form input[data-v-b43d15a8]{padding:.75rem;border-radius:.375rem;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-size:1rem}.modal-actions[data-v-b43d15a8]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.error-message[data-v-b43d15a8]{color:#ef4444;font-size:.875rem;margin-top:1rem}#app{display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text)}#app,main{width:100%}main{flex:1}.post-card[data-v-0b3cd957]{background-color:var(--color-surface);border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column}.post-card[data-v-0b3cd957]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-link[data-v-0b3cd957]{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.post-image-container[data-v-0b3cd957]{aspect-ratio:16/9;overflow:hidden;background-color:var(--color-gray-100)}.post-image[data-v-0b3cd957]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.post-card:hover .post-image[data-v-0b3cd957]{transform:scale(1.05)}.post-content[data-v-0b3cd957]{padding:1.5rem;display:flex;flex-direction:column;flex:1}.post-title[data-v-0b3cd957]{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text);line-height:1.4}.post-excerpt[data-v-0b3cd957]{font-size:1rem;color:var(--color-gray-600);margin-bottom:1.5rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-meta[data-v-0b3cd957]{margin-top:auto;font-size:.875rem;color:var(--color-gray-500)}.home-view[data-v-978fd3b4]{display:flex;flex-direction:column}.hero[data-v-978fd3b4]{padding:6rem 0;background:linear-gradient(to bottom,var(--color-bg-light),var(--color-surface));text-align:center}.dark-mode .hero[data-v-978fd3b4]{background:linear-gradient(to bottom,var(--color-bg-dark),var(--color-surface))}.hero-content[data-v-978fd3b4]{max-width:800px}.hero-title[data-v-978fd3b4]{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--color-text)}.gradient-text[data-v-978fd3b4]{background:linear-gradient(135deg,var(--color-primary) 0,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-978fd3b4]{font-size:1.25rem;color:var(--color-gray-500);margin-bottom:2.5rem;line-height:1.6}.hero-actions[data-v-978fd3b4]{display:flex;justify-content:center;gap:1rem}.btn-lg[data-v-978fd3b4]{padding:.75rem 1.5rem;font-size:1.125rem}.recent-posts[data-v-978fd3b4]{padding:4rem 0;background-color:var(--color-bg)}.section-header[data-v-978fd3b4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2[data-v-978fd3b4]{font-size:2rem;margin:0;color:var(--color-text)}.view-all[data-v-978fd3b4]{color:var(--color-primary);font-weight:600;transition:color .2s}.view-all[data-v-978fd3b4]:hover{color:var(--color-primary-hover)}.posts-grid[data-v-978fd3b4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.error-state[data-v-978fd3b4],.loading-state[data-v-978fd3b4]{text-align:center;padding:3rem;color:var(--color-gray-500)}.spinner[data-v-978fd3b4]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--color-primary);animation:spin-978fd3b4 1s linear infinite;margin:0 auto}@keyframes spin-978fd3b4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toc-sidebar[data-v-5dc16ad1]{width:100%;padding:1rem .5rem;background-color:transparent;align-self:flex-start;flex-shrink:0}.toc-sidebar ul[data-v-5dc16ad1]{list-style:none;padding:0;margin:0;border-left:2px solid var(--color-border)}.toc-sidebar li[data-v-5dc16ad1]{position:relative}.toc-sidebar li a[data-v-5dc16ad1]{text-decoration:none;color:var(--color-gray-500);display:block;padding:.5rem 0 .5rem 1rem;font-size:.9rem;line-height:1.4;transition:all .2s ease;border-left:2px solid transparent;margin-left:-2px;word-break:break-word}.toc-sidebar li a[data-v-5dc16ad1]:hover{color:var(--color-text)}.toc-sidebar li a.active[data-v-5dc16ad1]{color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary);background-color:var(--color-gray-50)}.dark-mode .toc-sidebar li a.active[data-v-5dc16ad1]{background-color:var(--color-gray-800)}.toc-item-depth-2 a[data-v-5dc16ad1]{padding-left:1rem}.toc-item-depth-3 a[data-v-5dc16ad1]{padding-left:2rem}.toc-item-depth-4 a[data-v-5dc16ad1]{padding-left:3rem}.toc-sidebar[data-v-5dc16ad1]::-webkit-scrollbar{width:4px}.toc-sidebar[data-v-5dc16ad1]::-webkit-scrollbar-track{background:transparent}.toc-sidebar[data-v-5dc16ad1]::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:4px}.dark-mode .toc-sidebar[data-v-5dc16ad1]::-webkit-scrollbar-thumb{background-color:var(--color-gray-700)}.post-view-container[data-v-6bc6d4e8]{background-color:var(--color-bg);padding-bottom:4rem}.post-grid-layout[data-v-6bc6d4e8]{width:100%;padding:2rem 1.5rem;margin:0 auto;display:block}.layout-sidebar[data-v-6bc6d4e8],.layout-spacer[data-v-6bc6d4e8]{display:none}@media (min-width:1024px){.post-grid-layout[data-v-6bc6d4e8]{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,900px) minmax(200px,1fr);gap:2rem;padding:3rem 2rem;align-items:start}.layout-spacer.left-spacer[data-v-6bc6d4e8]{display:block}.layout-sidebar.right-sidebar[data-v-6bc6d4e8]{display:block;align-self:start}}.post-article[data-v-6bc6d4e8]{background-color:var(--color-surface);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);width:100%}.post-header[data-v-6bc6d4e8]{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.post-title[data-v-6bc6d4e8]{font-size:1.75rem;font-weight:800;color:var(--color-text);margin-bottom:1rem;line-height:1.2}.post-meta-actions[data-v-6bc6d4e8]{display:flex;justify-content:flex-end;align-items:center}@media (min-width:768px){.post-article[data-v-6bc6d4e8]{padding:2rem}.post-header[data-v-6bc6d4e8]{margin-bottom:2rem;padding-bottom:1.5rem}.post-title[data-v-6bc6d4e8]{font-size:2rem}}@media (min-width:1024px){.post-title[data-v-6bc6d4e8]{font-size:2.25rem}}.sidebar-sticky-content[data-v-6bc6d4e8]{position:fixed;top:6rem;right:max(2rem,calc(50vw - 650px));width:min(200px,calc(50vw - 450px - 4rem));max-height:calc(100vh - 8rem)}@media (max-width:1440px){.sidebar-sticky-content[data-v-6bc6d4e8]{right:2rem;width:200px}}.typography[data-v-6bc6d4e8]{color:var(--color-text);line-height:1.8;font-size:.95rem}.typography[data-v-6bc6d4e8] h1,.typography[data-v-6bc6d4e8] h2,.typography[data-v-6bc6d4e8] h3,.typography[data-v-6bc6d4e8] h4{color:var(--color-text);margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.typography[data-v-6bc6d4e8] h1:first-child,.typography[data-v-6bc6d4e8] h2:first-child,.typography[data-v-6bc6d4e8] h3:first-child,.typography[data-v-6bc6d4e8] h4:first-child{margin-top:0}.typography[data-v-6bc6d4e8] h2{font-size:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.typography[data-v-6bc6d4e8] h3{font-size:1.25rem}@media (min-width:768px){.typography[data-v-6bc6d4e8]{font-size:1rem}.typography[data-v-6bc6d4e8] h1,.typography[data-v-6bc6d4e8] h2,.typography[data-v-6bc6d4e8] h3,.typography[data-v-6bc6d4e8] h4{margin-top:2.5rem;margin-bottom:1.25rem}.typography[data-v-6bc6d4e8] h2{font-size:1.65rem}.typography[data-v-6bc6d4e8] h3{font-size:1.4rem}}@media (min-width:1024px){.typography[data-v-6bc6d4e8]{font-size:1.05rem}.typography[data-v-6bc6d4e8] h2{font-size:1.75rem}.typography[data-v-6bc6d4e8] h3{font-size:1.5rem}}.typography[data-v-6bc6d4e8] p{margin-bottom:1.5rem;line-height:1.8}.typography[data-v-6bc6d4e8] ol,.typography[data-v-6bc6d4e8] ul{margin:1.5rem 0;padding-left:2rem}.typography[data-v-6bc6d4e8] li{margin-bottom:.75rem;line-height:1.8}.typography[data-v-6bc6d4e8] li:last-child{margin-bottom:0}.typography[data-v-6bc6d4e8] ol ol,.typography[data-v-6bc6d4e8] ol ul,.typography[data-v-6bc6d4e8] ul ol,.typography[data-v-6bc6d4e8] ul ul{margin-top:.5rem;margin-bottom:.5rem}.typography[data-v-6bc6d4e8] a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.typography[data-v-6bc6d4e8] blockquote{border-left:4px solid var(--color-primary);background-color:var(--color-gray-50);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 .5rem .5rem 0;color:var(--color-gray-700)}.dark-mode .typography[data-v-6bc6d4e8] blockquote{background-color:var(--color-gray-800);color:var(--color-gray-300)}.typography[data-v-6bc6d4e8] pre{background-color:#1e293b!important;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;color:#e5e7eb;border:1px solid #334155;font-size:.85rem;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}@media (min-width:768px){.typography[data-v-6bc6d4e8] pre{padding:1.25rem;font-size:.9rem}}.typography[data-v-6bc6d4e8] pre:hover{scrollbar-color:#475569 #1e293b}.typography[data-v-6bc6d4e8] pre::-webkit-scrollbar{height:8px}.typography[data-v-6bc6d4e8] pre::-webkit-scrollbar-track{background:transparent}.typography[data-v-6bc6d4e8] pre::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.typography[data-v-6bc6d4e8] pre:hover::-webkit-scrollbar-thumb{background-color:#475569}.typography[data-v-6bc6d4e8] pre:hover::-webkit-scrollbar-thumb:hover{background-color:#64748b}.typography[data-v-6bc6d4e8] code{font-family:Menlo,Monaco,Courier New,monospace;font-size:.9em}.typography[data-v-6bc6d4e8] pre code{background-color:transparent!important;color:#e5e7eb!important;padding:0}.typography[data-v-6bc6d4e8] pre code .hljs-addition,.typography[data-v-6bc6d4e8] pre code .hljs-attribute,.typography[data-v-6bc6d4e8] pre code .hljs-doctag,.typography[data-v-6bc6d4e8] pre code .hljs-meta-string,.typography[data-v-6bc6d4e8] pre code .hljs-regexp,.typography[data-v-6bc6d4e8] pre code .hljs-string{color:#a5d6a7!important}.typography[data-v-6bc6d4e8] pre code .hljs-comment,.typography[data-v-6bc6d4e8] pre code .hljs-quote{color:#9ca3af!important}.typography[data-v-6bc6d4e8] pre code .hljs-literal,.typography[data-v-6bc6d4e8] pre code .hljs-number{color:#90caf9!important}.typography[data-v-6bc6d4e8] pre code .hljs-keyword,.typography[data-v-6bc6d4e8] pre code .hljs-selector-tag,.typography[data-v-6bc6d4e8] pre code .hljs-type{color:#ce93d8!important}.typography[data-v-6bc6d4e8] pre code .hljs-section,.typography[data-v-6bc6d4e8] pre code .hljs-selector-id,.typography[data-v-6bc6d4e8] pre code .hljs-title{color:#ffab91!important}.typography[data-v-6bc6d4e8] pre code .hljs-built_in,.typography[data-v-6bc6d4e8] pre code .hljs-builtin-name{color:#80deea!important}.typography[data-v-6bc6d4e8] pre code .hljs-attr,.typography[data-v-6bc6d4e8] pre code .hljs-template-variable,.typography[data-v-6bc6d4e8] pre code .hljs-variable{color:#e5e7eb!important}.typography[data-v-6bc6d4e8] pre code .hljs-class,.typography[data-v-6bc6d4e8] pre code .hljs-function,.typography[data-v-6bc6d4e8] pre code .hljs-params{color:#fff59d!important}.typography[data-v-6bc6d4e8] :not(pre)>code{background-color:var(--color-gray-100);padding:.2em .4em;border-radius:.25rem;color:var(--color-primary)}.dark-mode .typography[data-v-6bc6d4e8] :not(pre)>code{background-color:var(--color-gray-800);color:var(--color-primary)}.typography[data-v-6bc6d4e8] img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem auto;display:block;box-shadow:var(--shadow-md)}.posts-view[data-v-914c7fd8]{padding:4rem 0;min-height:100vh;background-color:var(--color-bg)}.page-header[data-v-914c7fd8]{text-align:center;margin-bottom:4rem}.page-header h1[data-v-914c7fd8]{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--color-text)}.subtitle[data-v-914c7fd8]{font-size:1.125rem;color:var(--color-gray-500)}.posts-grid[data-v-914c7fd8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.error-state[data-v-914c7fd8],.loading-state[data-v-914c7fd8]{text-align:center;padding:3rem;color:var(--color-gray-500)}.spinner[data-v-914c7fd8]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--color-primary);animation:spin-914c7fd8 1s linear infinite;margin:0 auto}@keyframes spin-914c7fd8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}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;word-wrap:break-word;overflow-wrap:break-word;line-height:1.8}.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;color:var(--text-color)}.markdown-preview code,.markdown-preview pre{font-family:Consolas,Monaco,Courier New,monospace}.markdown-preview pre{background:var(--pre-bg-color);padding:16px 20px;border-radius:8px;overflow-x:auto;border:1px solid var(--code-border-color,var(--border-color));margin:1.5rem 0;line-height:1.6;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.markdown-preview pre code{background:transparent;padding:0;font-size:inherit;color:inherit;border-radius:0;display:block;overflow-x:auto;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.markdown-preview pre code.hljs{color:var(--text-color);background:transparent}.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)}:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-bg-light:var(--color-gray-50);--color-bg-dark:var(--color-gray-900);--color-text-light:var(--color-gray-900);--color-text-dark:var(--color-gray-100);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--color-bg:var(--color-bg-light);--color-text:var(--color-text-light);--color-surface:#fff;--color-border:var(--color-gray-200);--color-code-bg:#f6f8fa}.dark-mode{color-scheme:dark;--color-bg:#020617;--color-text:#f8fafc;--color-surface:#0f172a;--color-border:#1e293b;--color-code-bg:#0d1117;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s;border:1px solid transparent}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-gray-100)}.dark-mode .btn-secondary:hover{background-color:var(--color-gray-700)}