.back-link[data-astro-cid-fy3c33tn]{color:var(--primary-color);font-size:25px}.container{width:100vw;margin-top:5rem;padding:2rem}.navbar{background-color:var(--bg-dark);color:var(--text-light)}.blog-post{width:98%;max-width:1200px;margin:1.2rem auto 1rem;background:var(--card-bg);border-radius:1.5rem;box-shadow:0 6px 32px #00000014,0 1.5px 4px #0000000a;border:1px solid var(--bg-lighter);padding:2.5rem 2rem 3rem;transition:box-shadow .2s}.post-header{background:none;color:var(--primary-color);margin-bottom:2.5rem;padding:0}.title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.title-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.post-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;margin:0;line-height:1.2;color:var(--primary-color);letter-spacing:-1px;text-align:left;flex:1;min-width:0}.post-meta{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid var(--bg-lighter);flex-wrap:wrap;gap:1rem}.meta-left{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.author-section{display:flex;align-items:center;gap:.75rem}.author-photo{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--primary-color);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.author-details{display:flex;flex-direction:column;gap:.3rem;justify-content:center}.author-name{font-size:1.2rem;font-weight:600;color:var(--text-light);opacity:.95;line-height:1.2;margin:0}.author-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.meta-separator{color:var(--text-light);opacity:.6;font-weight:700}body.dark .author-name{color:var(--text-light)}.post-date{font-size:1.1rem;font-weight:500;color:var(--text-light);opacity:.8;margin:0}body.dark .post-date{color:var(--text-light);opacity:.9}.read-time{font-size:.95rem;font-weight:500;color:var(--primary-color);padding:.4rem 1rem;background:var(--tag-bg);border-radius:2rem;border:1px solid rgba(255,111,0,.15);box-shadow:var(--shadow-card)}body.dark .read-time{background:var(--tag-bg);color:var(--primary-color);border-color:#ff6f004d}.action-btn{background:var(--card-bg);border:1px solid var(--bg-lighter);border-radius:.8rem;padding:.6rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;box-shadow:var(--shadow-card)}.action-btn:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 20px #ff6f004d;border-color:var(--primary-color)}.action-btn svg{fill:var(--text-light);transition:fill .2s ease;width:18px;height:18px}.action-btn svg path{fill:var(--text-light);transition:fill .2s ease}.action-btn:hover svg{fill:var(--primary-light)}.action-btn:hover svg path{fill:var(--primary-light)}body.dark .action-btn{background:var(--card-bg);border-color:var(--bg-lighter)}body.dark .action-btn svg{fill:var(--text-light)}body.dark .action-btn svg path{fill:var(--text-light)}body.dark .action-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}body.dark .action-btn:hover svg{fill:var(--primary-light)}body.dark .action-btn:hover svg path{fill:var(--primary-light)}.bookmark-btn.bookmarked{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 16px #ff6f0066}.bookmark-btn.bookmarked svg{fill:var(--primary-light)}.bookmark-btn.bookmarked svg path{fill:var(--primary-light)}body.dark .bookmark-btn.bookmarked{background:var(--primary-color);border-color:var(--primary-color)}body.dark .bookmark-btn.bookmarked svg{fill:var(--primary-light)}body.dark .bookmark-btn.bookmarked svg path{fill:var(--primary-light)}.post-content{padding:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.85;color:var(--text-dark)}body.dark .post-content{color:var(--text-light)}.post-content h1,.post-content h2,.post-content h3{font-weight:700;margin-top:2.5rem;margin-bottom:1.2rem;line-height:1.3;color:var(--primary-color);letter-spacing:-.5px}.post-content h1{font-size:clamp(1.3rem,3vw,2.2rem);border-bottom:2px solid var(--primary-color);padding-bottom:.4rem}.post-content h2{font-size:clamp(1.8rem,2.5vw,1.6rem)}.post-content h3{font-size:clamp(1.6rem,2vw,1.3rem)}.post-content p{margin:1.2rem 0;font-size:clamp(1.4rem,1.3vw,1.08rem);color:inherit}.post-content ul,.post-content ol{margin:1.5rem 0 1.5rem 2rem;padding-left:1.2rem}.post-content ul li,.post-content ol li{margin-bottom:.7rem;background:none;color:inherit;font-size:clamp(1.4rem,1.3vw,1.05rem);padding:.2rem 0 .2rem .5rem;border-radius:.5rem;position:relative}.post-content ul li:before{content:"•";color:var(--primary-color);font-size:1.5rem;position:absolute;left:-1.2rem}.post-content ul li li:before{content:"◦";color:var(--primary-color);font-size:1.5rem;position:absolute;left:-1.2rem}.post-content ol li:before{display:none}.post-content blockquote{background:transparent;border-left:2px solid var(--primary-color);padding:1.2rem 1.5rem;margin:2rem 0;font-style:italic;border-radius:.7rem;color:var(--primary-color);font-size:clamp(1.5rem,1.3vw,1.08rem);box-shadow:0 2px 8px #0000000a}body.dark .post-content blockquote{background:#232526;color:#ffb74d}.post-content pre{background:var(--bg-lighter);color:var(--primary-color);border-radius:.7rem;padding:1.2rem 1rem;margin:2rem 0;overflow-x:auto;font-size:1.4rem;line-height:1.6;box-shadow:0 2px 8px #00000014;border:1px solid var(--primary-color)}body.dark .post-content pre{background:#232526;color:#ffb74d}.post-content code{background:rgba(255,111,0,.08);color:var(--primary-color);padding:.18em .5em;border-radius:.3em;font-family:Fira Code,monospace;font-size:1em}body.dark .post-content code{background:rgba(255,111,0,.2);color:#fff}.post-content a{color:var(--primary-color);text-decoration:underline;font-weight:500;transition:color .2s}.post-content a:hover{color:#ffb74d}.post-content img{max-width:100%;border-radius:1rem;margin:2rem 0;box-shadow:0 2px 8px #00000014}.post-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);margin:2.5rem 0}@media (max-width: 900px){.container{max-width:100vw;padding:1rem}.blog-post{padding:1.5rem 1rem 2rem;margin:1rem auto}.title-section{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.post-title{font-size:2rem;text-align:left;margin-bottom:0;width:100%}.title-actions{justify-content:center;gap:.75rem;align-self:center;width:100%}.action-btn{min-width:36px;height:36px;padding:.4rem}.action-btn svg{width:16px;height:16px}.post-meta{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 0;margin-bottom:1.5rem}.meta-left{justify-content:flex-start;gap:1rem;width:100%}.author-section{gap:.75rem}.author-photo{width:44px;height:44px}.author-details{gap:.4rem;flex:1}.author-name{font-size:1.1rem;line-height:1.2}.author-meta{gap:.5rem;flex-wrap:nowrap}.post-date{font-size:.9rem}.read-time{font-size:.85rem;padding:.25rem .7rem}.meta-separator{font-size:.9rem}.action-btn{min-width:40px;height:40px;padding:.5rem}}@media (max-width: 600px){.author-section{gap:.6rem}.author-photo{width:40px;height:40px}.author-name{font-size:1rem}.author-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.meta-separator{display:none}.post-date{font-size:.85rem}.read-time{font-size:.8rem;padding:.2rem .6rem}.post-content h1{font-size:1.5rem}.post-content h2{font-size:1.4rem}.post-content h3{font-size:1.7rem}}.bookmark-notification{position:fixed;top:20px;right:20px;background:var(--primary-color);color:#fff;padding:1rem 1.5rem;border-radius:1rem;box-shadow:0 8px 32px #ff6f0040,0 2px 8px #00000026,inset 0 1px #ffffff1a;z-index:1000;font-size:.9rem;max-width:320px;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:600;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bookmark-notification.show{opacity:1}.bookmark-notification.removed{background:var(--primary-color);opacity:.8}.bookmark-notification.added,.bookmark-notification.instruction{background:var(--primary-color)}body.dark .bookmark-notification{color:var(--primary-light)}@media (max-width: 600px){.bookmark-notification{top:10px;right:10px;left:10px;max-width:none;font-size:.85rem;padding:.8rem 1rem}}