body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.blog-list{width:100%}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.post-card{background:#fefefe;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 8px rgba(0,0,0,.281);cursor:pointer;padding:1.5rem;transition:all .2s ease}.post-card:hover{border-color:#cfcfce;box-shadow:0 4px 18px #00000014;transform:translateY(-6px)}.post-card.visited{background-color:#b0d8ee0d}.post-header{margin-bottom:1rem}.post-title{font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.post-date{font-size:.9rem}.post-excerpt{color:#555;font-size:.95rem;line-height:1.5}.post-excerpt,.post-tags{margin-bottom:1rem}.tag{align-items:center;background-color:#fbfbfb;border:1px solid #5d5d58;border-radius:20px;color:#5d5d58;cursor:pointer;display:inline-flex;font-size:.9rem;margin:.2rem;padding:.4rem 1.2rem;transition:all .2s ease}.tag:hover{background-color:#b0d8ee1a;border-color:#5d5d58}.read-more{color:#007bffb0;font-size:.9rem;font-weight:500;margin-top:auto}.no-posts{color:#666;padding:4rem 2rem;text-align:center}.no-posts h2{color:#333;margin-bottom:1rem}.sexy-share{align-items:center;background:linear-gradient(90deg,#5f8cfd,#00c6ff70);border:none;border-radius:20px;box-shadow:0 1px 2px #007bff1a;cursor:pointer;display:inline-flex;font-weight:600;gap:.4em;margin-top:1rem;padding:.5rem 1.25rem;transition:background .2s,transform .2s,box-shadow .2s}.sexy-share:focus,.sexy-share:hover{background:linear-gradient(90deg,#0056b3,#0af);box-shadow:0 4px 16px #007bff2e;color:#fff;outline:none;transform:translateY(-2px) scale(1.04)}.sexy-share:active{background:linear-gradient(90deg,#004080,#08c);color:#fff;transform:scale(.98)}.sexy-share span[role=img],.sexy-share svg{font-size:1.2em;margin-right:.5em}.button,.nav-button{align-items:center;background-color:#fbfbfb;border:1px solid #5d5d58;border-radius:20px;color:#5d5d58;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.4rem 1.2rem;transition:all .2s ease}.button:hover,.nav-button:hover{background-color:#b0d8ee1a;border-color:#5d5d58}@media (max-width:768px){.posts-grid{gap:1.5rem;grid-template-columns:1fr}.post-card{padding:1.25rem}.post-title{font-size:1.1rem}}.blog-post{margin:0 auto;max-width:800px}.back-button.nav-button,.blog-post .back-button{align-items:center;background-color:#fefefe!important;border:1.5px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d;color:#444!important;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-button.nav-button:hover,.blog-post .back-button:hover{background-color:#f5f5f5!important;border-color:#4d4d4d!important}.post-content{background:#fefefe;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:2rem}.post-header{border-bottom:1px solid #e5e5e5;margin-bottom:2rem;padding-bottom:1.5rem}.post-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.post-meta{display:flex;flex-direction:column;gap:1rem}.post-date{color:#666;font-size:1rem;font-weight:400}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.post-tags .tag{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#495057;font-size:.85rem;font-weight:500;padding:.4rem 1rem}.markdown-content{color:#333;line-height:1.7}.markdown-content .md-h1{border-bottom:2px solid #e5e5e5;color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1.3;margin:2rem 0 1rem;padding-bottom:.5rem}.markdown-content .md-h1:first-child{margin-top:0}.markdown-content .md-h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;line-height:1.3;margin:1.8rem 0 1rem}.markdown-content .md-h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;line-height:1.3;margin:1.5rem 0 .8rem}.markdown-content .md-p{font-size:1rem;line-height:1.7;margin-bottom:1.2rem}.markdown-content .md-ol,.markdown-content .md-ul{margin:1rem 0;padding-left:2rem}.markdown-content .md-li{line-height:1.6;margin-bottom:.5rem}.markdown-content .md-blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;color:#555;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.markdown-content .md-code-inline{border-radius:3px;color:#e83e8c;font-size:.9em;padding:.2rem .4rem}.markdown-content .md-code-inline,.markdown-content pre{background-color:#f8f9fa;border:1px solid #e9ecef;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.markdown-content pre{border-radius:6px;font-size:.9rem;line-height:1.4;margin:1.5rem 0;overflow-x:auto;padding:1rem}.markdown-content pre code{background:none;border:none;color:inherit;padding:0}.markdown-content a{border-bottom:1px solid #0000;color:#007bff;text-decoration:none;transition:border-color .2s ease}.markdown-content a:hover{border-bottom-color:#007bff}.markdown-content img{border-radius:4px;box-shadow:0 2px 8px #0000001a;height:auto;margin:1rem 0;max-width:100%}.markdown-content table{border-collapse:collapse;font-size:.95rem;margin:1.5rem 0;width:100%}.markdown-content td,.markdown-content th{border:1px solid #e5e5e5;padding:.75rem;text-align:left}.markdown-content th{background-color:#f8f9fa;color:#333;font-weight:600}.markdown-content hr{border:none;border-top:1px solid #e5e5e5;margin:2rem 0}.markdown-content .md-table{background-color:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000001a;font-size:.95rem;margin:1.5rem 0;overflow:hidden;width:100%}.markdown-content .md-thead{background-color:#f8f9fa;border-bottom:2px solid #e5e5e5}.markdown-content .md-th{border:1px solid #e5e5e5;color:#333;font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.markdown-content .md-tbody .md-tr:nth-child(2n){background-color:#f8f9fa}.markdown-content .md-tbody .md-tr:hover{background-color:#f0f7ff}.markdown-content .md-td{border:1px solid #e5e5e5;line-height:1.5;padding:.75rem 1rem;vertical-align:top}@media (max-width:768px){.blog-post{margin:0}.post-content{border-radius:0;box-shadow:none;padding:1.5rem}.post-title{font-size:2rem}.post-meta{flex-direction:column;gap:.8rem}.markdown-content .md-h1{font-size:1.75rem}.markdown-content .md-h2{font-size:1.4rem}.markdown-content .md-h3{font-size:1.2rem}.markdown-content .md-ol,.markdown-content .md-ul{padding-left:1.5rem}.markdown-content pre{font-size:.85rem;padding:.8rem}.back-button{margin-bottom:1rem}.markdown-content .md-table{-webkit-overflow-scrolling:touch;border-radius:4px;display:block;overflow-x:auto}.markdown-content .md-td,.markdown-content .md-th{min-width:120px;padding:.6rem .8rem}.markdown-content .md-thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}}@media (max-width:480px){.post-content{padding:1rem}.post-title{font-size:1.75rem}.markdown-content .md-h1{font-size:1.5rem}.markdown-content .md-h2{font-size:1.3rem}}code[class*=language-],pre[class*=language-]{color:#393a34;direction:ltr;font-family:Consolas,Bitstream Vera Sans Mono,Courier New,Courier,monospace;font-size:.9em;-webkit-hyphens:none;hyphens:none;line-height:1.2em;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre>code[class*=language-]{font-size:1em}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc}pre[class*=language-]{background-color:#fff;border:1px solid #ddd;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-]{background:#f8f8f8;border:1px solid #ddd;padding:1px .2em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#998;font-style:italic}.token.namespace{opacity:.7}.token.attr-value,.token.string{color:#e3116c}.token.operator,.token.punctuation{color:#393a34}.token.boolean,.token.constant,.token.entity,.token.inserted,.token.number,.token.property,.token.regex,.token.symbol,.token.url,.token.variable{color:#36acaa}.language-autohotkey .token.selector,.token.atrule,.token.attr-name,.token.keyword{color:#00a4db}.language-autohotkey .token.tag,.token.deleted,.token.function{color:#9a050f}.language-autohotkey .token.keyword,.token.selector,.token.tag{color:#00009f}.token.bold,.token.function,.token.important{font-weight:700}.token.italic{font-style:italic}.contact-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:500px;padding:2rem}.contact-form h2{margin-bottom:1rem;position:relative;text-align:center}.contact-form .close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:-1rem;top:-1rem}.contact-form .close-btn:hover{color:#333}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1rem;padding:.5rem 1rem}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button:not(:disabled){background:#f0f0f0;border:1px solid #404040;border-radius:4px;color:#404040;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.7rem 1rem;transition:background-color .2s}.contact-form button:hover:not(:disabled){background:#e8e8e8;border-color:#333;color:#333}.contact-form button:disabled{background:#fbfbfb;border:1px solid #5d5d58;color:#5d5d58;cursor:not-allowed}.contact-form .error{background:#ffeaea;color:#b00020}.contact-form .error,.contact-form .success{border-radius:4px;padding:.5rem;text-align:center}.contact-form .success{background:#eaffea;color:#006400}.settings-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:500px;padding:2rem}.settings-form h2{margin-bottom:1rem;text-align:center}.settings-form input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem 1rem}.settings-form button:not(:disabled){background:#f0f0f0;border:1px solid #404040;border-radius:4px;color:#404040;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.7rem 1rem;transition:background-color .2s}.settings-form button:hover:not(:disabled){background:#e8e8e8;border-color:#333;color:#333}.settings-form button:disabled{background:#fbfbfb;border:1px solid #5d5d58;color:#5d5d58;cursor:not-allowed}.profile-pic-preview{background:#f0f0f0;border-radius:50%;height:100px;margin:0 auto 1rem;overflow:hidden;position:relative;width:100px}.profile-pic-preview img{height:100%;object-fit:cover;width:100%}.profile-pic-placeholder{align-items:center;background:#e0e0e0;display:flex;height:100%;justify-content:center;width:100%}.file-input{display:none}.file-input-label{background:#007bff;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:0 auto;padding:.5rem 1rem;transition:background-color .2s;width:-webkit-fit-content;width:fit-content}.file-input-label:hover{background:#0056b3}.form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffbf6;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.version-number{color:#6666;display:block;font-size:.9rem;font-weight:400;margin-top:.25rem}.app-header{background-color:#fffbf6;border-bottom:1px solid #e5e5e5;padding:2rem 0;position:relative;text-align:center}.header-row{gap:1.5rem;justify-content:center;margin:0 auto;max-width:1200px;padding:0 1rem}.header-row,.header-title{align-items:center;display:flex;flex-direction:column}.header-title{gap:.25rem}.header-row .blog-title{flex:1 1;margin-bottom:0;text-align:left}.header-row .register-btn{margin:0}.blog-title{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;flex-direction:column;font-size:2.5rem;font-weight:700;margin-bottom:1rem;margin-bottom:.5rem;text-align:center;transition:color .2s ease}.blog-title:hover{color:#666}.nav-buttons{display:flex;gap:1rem;margin-top:1rem}.auth-button,.back-button,.button,.nav-button{align-items:center;background-color:#fbfbfb;border:1.5px solid #5d5d58;border-radius:4px;color:#444;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.auth-button:hover,.back-button:hover:not(:disabled),.button:hover:not(:disabled),.nav-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#4d4d4d}.back-button:active,.button:active,.nav-button:active{transform:translateY(1px)}.sexy-share{background-color:#b0d8ee0d!important;border-color:#5d5d58!important;color:#5d5d58!important}.sexy-share:hover{background-color:#b0d8ee1a!important}.blog-subtitle{color:#666;font-size:1.1rem;font-weight:400}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.app-footer{background-color:#f8f9fa;border-top:1px solid #e5e5e5;font-size:.9rem;padding:1.5rem 0}.app-footer,.loading{color:#666;text-align:center}.loading{font-size:1.1rem}.error,.loading{padding:4rem 2rem}.error{margin:0 auto;max-width:500px;text-align:center}.error h2{color:#dc3545;margin-bottom:1rem}.error p{color:#666;margin-bottom:2rem}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.retry-button:hover{background-color:#0056b3}.author-image-container{display:flex;justify-content:center;margin:1rem 0}.author-image{border:3px solid #ddd;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:150px;object-fit:cover;width:150px}.author-image:hover{transform:scale(1.05);transition:transform .3s ease}.blog-bio{color:#777;font-size:.95rem;font-weight:300;line-height:1.5;margin:1rem auto 0;max-width:600px}.bio-intro{color:#555;font-weight:500;margin-bottom:.5rem}.bio-content{margin:0}.tools-nav{display:flex;gap:.5rem;justify-content:center;margin:1.5rem auto 0;max-width:600px;padding:0 1rem}.tool-btn{background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 1px 2px #00000008;color:#222;cursor:pointer;font-size:.95rem;font-weight:500;padding:.35rem 1.1rem;transition:background .15s,color .15s,border .15s}.tool-btn:not(:disabled):focus,.tool-btn:not(:disabled):hover{background:#f0f8ff;border-color:#b3d7ff;color:#007bff}.tool-btn:disabled{background:#fafbfc;border-color:#eee;color:#aaa;cursor:not-allowed}.active-user{color:#bbb;font-size:.98rem;font-weight:400;letter-spacing:.01em;margin-bottom:.5rem;margin-top:-1.2rem;text-align:right}.active-username{color:#007bff;font-weight:500;opacity:.7}@media (max-width:768px){.blog-bio{font-size:.9rem;padding:0 1rem}.app-main{padding:1rem .5rem}.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}}.register-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:400px;padding:2rem}.register-form h2{margin-bottom:1rem;text-align:center}.register-form input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem 1rem}.register-form button{background:#f0f0f0;border:1px solid #404040;border-radius:4px;color:#404040;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.7rem 1rem}.register-form button:hover{background:#e8e8e8;border-color:#333;color:#333}.register-form button:disabled{background:#fbfbfb;border:1px solid #5d5d58;color:#5d5d58;cursor:not-allowed}.register-form .error{background:#ffeaea;color:#b00020}.register-form .error,.register-form .success{border-radius:4px;padding:.5rem;text-align:center}.register-form .success{background:#eaffea;color:#006400}.register-btn{background:#f0f0f0;border:1px solid #404040;border-radius:4px;color:#404040;cursor:pointer;display:block;font-size:1rem;margin:1rem auto 0;padding:.5rem 1.5rem}.register-btn:hover{background:#e8e8e8;border-color:#333;color:#333}.cookie-banner{align-items:center;background-color:#212121f2;bottom:0;box-shadow:0 -2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem;position:fixed;right:0;z-index:1000}.cookie-banner p{font-size:.9rem;line-height:1.4;margin:0;padding-right:2rem}.cookie-banner button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1.5rem;transition:background-color .2s;white-space:nowrap}.cookie-banner button:hover{background-color:#1565c0}
/*# sourceMappingURL=main.b381f0ef.css.map*/