@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap");.blog-post-meta{justify-content:space-between;margin-bottom:30px;min-height:24px}.blog-post-meta,.post-actions{display:flex;align-items:center}.post-actions{gap:8px;margin-left:auto}.action-button-container{position:relative}.action-button{background:none;border:1px solid #e0e0e0;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;line-height:1}.action-button:hover{background-color:#f5f5f5;color:#333;border-color:#ccc}.action-dropdown{position:absolute;top:100%;right:0;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;min-width:140px;margin-top:4px;padding:4px 0;animation:actionDropdownFadeIn .15s ease-out}@keyframes actionDropdownFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:#333;cursor:pointer;font-size:13px;text-align:left;transition:background-color .15s ease}.action-option:hover{background-color:#f8f9fa}.action-option.twitter:hover{background-color:#f0f8ff;color:#1da1f2}.action-option.linkedin:hover{background-color:#f0f8ff;color:#0077b5}.action-option.facebook:hover{background-color:#f8f9ff;color:#1877f2}.action-option.reddit:hover{background-color:#fff5f0;color:#ff4500}.action-option svg{flex-shrink:0}@media (max-width:768px){.blog-post-meta{flex-direction:column;align-items:flex-start;gap:12px}.post-actions{margin-left:0;align-self:flex-end;gap:6px}.action-button{width:32px;height:32px;padding:6px}.action-dropdown{right:0;left:auto}}html{scroll-behavior:smooth}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.blog-header{margin-bottom:60px;display:block;visibility:visible;position:relative;z-index:10}.beginning-link{display:inline-flex!important;align-items:center;text-decoration:none;color:#666;font-size:14px;font-weight:500;margin-bottom:20px;transition:color .2s ease;visibility:visible!important;position:relative;z-index:10}.beginning-link:hover{color:#000}.beginning-arrow{margin-right:8px;font-size:12px}.blog-layout{display:grid;grid-template-columns:200px 1fr 200px;grid-gap:60px;gap:60px;align-items:start}.blog-nav{position:-webkit-sticky;position:sticky;top:40px}.nav-beginning-link{display:inline-flex;align-items:center;text-decoration:none;color:#666;font-size:14px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin-bottom:24px;transition:color .2s ease}.nav-beginning-link:hover{color:#000}.simple-arrow{margin-right:8px;font-size:14px;font-weight:400}.blog-nav h3{font-size:16px;font-weight:600;margin-bottom:20px;color:#000}.blog-nav ul{list-style:none;padding:0;margin:0}.blog-nav li{margin-bottom:12px}.blog-nav a{text-decoration:none;color:#666;font-size:14px;transition:color .2s ease;display:block}.blog-nav a:hover{color:#000}.blog-nav a.active{color:#000;font-weight:500}.blog-content{max-width:600px;height:100vh;overflow-y:auto;scroll-behavior:smooth;position:relative}.blog-posts-container{padding-bottom:100px;padding-right:8px}.blog-post{margin-bottom:40px;padding-bottom:20px;position:relative;scroll-margin-top:60px}.blog-post:last-child{margin-bottom:0}.blog-post h1{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 8px;color:#000}.blog-post h2{font-size:24px;font-weight:600;line-height:1.3;margin:40px 0 16px;color:#000}.blog-post-date{font-size:14px;color:#666;margin-bottom:0;line-height:1.2;font-weight:400}.blog-post p{font-size:16px;line-height:1.7;margin-bottom:24px;color:#333}.blog-post p:last-child{margin-bottom:0}.blog-post em{font-style:italic;color:#666}.blog-post strong{font-weight:600;color:#000}.blog-post blockquote{margin:32px 0;padding-left:24px;border-left:3px solid #ddd;color:#666;font-style:italic}.blog-post ul{margin:24px 0;padding-left:24px;list-style:none}.blog-post ul li{margin-bottom:16px;font-size:16px;line-height:1.7;color:#333;position:relative}.blog-post ul li:before{content:"•";color:#666;font-size:18px;position:absolute;left:-16px;top:0}.blog-post ul li:last-child{margin-bottom:0}.blog-sidebar{position:-webkit-sticky;position:sticky;top:40px;font-size:14px;color:#666}.blog-sidebar .page-title{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 40px;color:#000}.blog-sidebar h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#000}.blog-sidebar p{margin-bottom:8px;line-height:1.5}.social-icons{gap:16px}.social-icon,.social-icons{display:flex;align-items:center}.social-icon{justify-content:center;text-decoration:none;color:#666;transition:color .2s ease;padding:4px}.social-icon:hover{color:#000}.social-icon svg{width:18px;height:18px}.handwritten-annotation{position:relative;margin-top:20px;display:flex;align-items:stretch}.sketchy-brace{position:absolute;left:-25px;top:-5px;bottom:-5px;width:20px;z-index:1;height:calc(100% + 10px);min-height:100px}.handwritten-text{font-family:Kalam,cursive;font-weight:400;font-size:16px;line-height:1.6;color:#555;transform:rotate(-.5deg);margin-left:5px}.handwritten-text p{margin-bottom:12px;transform:rotate(.3deg)}.handwritten-text p:nth-child(2){transform:rotate(-.2deg);margin-left:2px}.handwritten-text p:nth-child(3){transform:rotate(.1deg);margin-left:-1px}.sketchy-separator{margin:20px auto;display:block;max-width:360px;opacity:.8}.sketchy-separator-container{display:flex;justify-content:center;align-items:center;margin:40px 0}.sketchy-underline{display:inline;background:none;border-bottom:2px solid #666;opacity:.6}.blog-post a,.sketchy-underline{position:relative;border-radius:2px;padding-bottom:1px}.blog-post a{color:inherit!important;text-decoration:none!important;transition:all .3s ease;border-bottom:2px solid transparent}.blog-post a:hover{color:inherit!important;border-bottom:2px solid #666!important;opacity:.6}.blog-post a[href^=http]:not([href*="mikebartczak.com"]):after{content:"";display:inline-block;width:10px;height:10px;margin-left:3px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3L3 7M7 3H4M7 3V6' stroke='%23666' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:contain;opacity:.7;transition:opacity .2s ease;vertical-align:middle}.blog-post a[href^=http]:not([href*="mikebartczak.com"]):hover:after{opacity:1}.social-icon,.social-icon:hover{border-bottom:none!important}.social-icon:hover{opacity:1!important}@media (max-width:1024px){.blog-layout{grid-template-columns:180px 1fr 160px;gap:40px}}@media (max-width:768px){.blog-container{padding:20px 16px}.blog-layout{display:flex;flex-direction:column;gap:0}.blog-nav{display:none!important}.blog-header{margin-bottom:0!important;display:block!important;visibility:visible!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:#F5F2ED!important;padding:12px 20px!important;height:40px!important;box-sizing:border-box!important;box-shadow:0 1px 2px rgba(0,0,0,.05)}.beginning-link{display:inline-flex!important;visibility:visible!important;position:relative!important;z-index:10000!important;font-size:14px!important;font-weight:500!important;color:#666!important;padding:0!important;text-decoration:none!important}.beginning-link:hover{color:#000!important}.beginning-arrow{font-size:12px!important;color:inherit!important;margin-right:8px!important}.blog-layout{padding-top:80px}.blog-sidebar{position:static;order:1;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #f0f0f0;z-index:1}.blog-sidebar .page-title{font-size:28px!important;margin-bottom:20px!important;margin-top:80px!important}.page-future .blog-sidebar .page-title{margin-top:80px!important}.page-present .blog-sidebar .page-title{margin-top:140px!important}.page-past .blog-sidebar .page-title{margin-top:70px!important}.page-me .blog-sidebar .page-title{margin-top:180px!important}.blog-content{order:2;height:calc(100vh - 200px);max-width:none}.blog-posts-container{padding-right:12px}.blog-post h1{font-size:26px}.blog-post h2{font-size:20px}}@media (max-width:480px){.blog-container{padding:16px 12px}.blog-header{margin-bottom:20px;display:block!important;z-index:100;background:#F5F2ED;padding:10px 0}.beginning-link,.blog-header{visibility:visible!important;position:relative}.beginning-link{display:inline-flex!important;z-index:101;font-weight:600!important;padding:8px 0!important}.beginning-arrow,.beginning-link{font-size:16px!important;color:#000!important}.blog-sidebar{margin-bottom:30px;padding-bottom:20px}.blog-sidebar .page-title{font-size:24px!important;margin-bottom:16px!important;margin-top:80px!important}.page-future .blog-sidebar .page-title{margin-top:80px!important}.page-present .blog-sidebar .page-title{margin-top:140px!important}.page-past .blog-sidebar .page-title{margin-top:70px!important}.page-me .blog-sidebar .page-title{margin-top:180px!important}.blog-content{height:calc(100vh - 180px)}.blog-post{margin-bottom:40px}.blog-post h1{font-size:22px}.blog-post h2{font-size:18px}.blog-post p{font-size:15px}.handwritten-annotation{margin-top:16px}.handwritten-text{font-size:15px}}.blog-post{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.blog-post:nth-child(2){animation-delay:.1s}.blog-post:nth-child(3){animation-delay:.2s}.blog-post:nth-child(4){animation-delay:.3s}.loading-indicator{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.loading-spinner{width:24px;height:24px;border:2px solid #f0f0f0;border-top-color:#666;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-indicator p{font-size:14px;margin:0}.end-indicator{text-align:center;padding:40px 20px;color:#999;font-size:14px;font-style:italic}.end-indicator p{margin:0}.blog-content::-webkit-scrollbar{width:3px}.blog-content::-webkit-scrollbar-track{background:transparent}.blog-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.05);border-radius:2px}.blog-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.1)}.blog-nav a.active{color:#000!important;font-weight:600;position:relative}.blog-nav a.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#000;border-radius:50%}