.post-page.svelte-49dgds{min-height:100vh;background:var(--background-color);color:var(--text-color);display:flex;flex-direction:column}.nav.svelte-49dgds{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--nav-background) 82%,transparent);border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-inner.svelte-49dgds{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:62px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-brand.svelte-49dgds{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text-color);flex-shrink:0}.logo-img.svelte-49dgds{width:28px;height:28px;border-radius:6px;object-fit:contain}.brand-text.svelte-49dgds{font-weight:800;font-size:1.05rem;letter-spacing:-.01em}.nav-right.svelte-49dgds{display:flex;align-items:center;gap:.6rem}.nav-back.svelte-49dgds{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.nav-back.svelte-49dgds:hover{color:var(--primary-color)}.btn.svelte-49dgds{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.btn-ghost.svelte-49dgds{color:var(--text-muted);background:none}.btn-ghost.svelte-49dgds:hover{color:var(--primary-color);background:var(--primary-light)}.btn-primary.svelte-49dgds{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary.svelte-49dgds:hover{background:var(--primary-hover);transform:translateY(-1px)}.theme-toggle.svelte-49dgds{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--primary-color);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.theme-toggle.svelte-49dgds:hover{background:var(--surface-hover-color);border-color:var(--text-muted)}.theme-toggle.is-dark.svelte-49dgds{color:var(--warning-color)}.theme-toggle.svelte-49dgds svg:where(.svelte-49dgds){display:block}.post-hero.svelte-49dgds{position:relative;overflow:hidden;padding:4rem 1.5rem 3.5rem;border-bottom:1px solid var(--border-color)}.hero-bg.svelte-49dgds{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(55% 90% at 25% -10%,color-mix(in srgb,var(--primary-color) 20%,transparent),transparent 70%),radial-gradient(50% 80% at 90% 0%,color-mix(in srgb,var(--accent-color) 16%,transparent),transparent 70%);pointer-events:none}.post-hero-inner.svelte-49dgds{position:relative;max-width:760px;margin:0 auto;z-index:1}.post-meta.svelte-49dgds{display:flex;align-items:center;gap:.5rem;margin-bottom:1.1rem;flex-wrap:wrap}.post-date.svelte-49dgds{font-size:.8125rem;color:var(--text-muted)}.meta-dot.svelte-49dgds{color:var(--text-light);font-size:.8125rem}.post-tag.svelte-49dgds{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-color);background:var(--primary-light);padding:3px 9px;border-radius:99px;border:1px solid color-mix(in srgb,var(--primary-color) 25%,transparent)}.post-hero.svelte-49dgds h1:where(.svelte-49dgds){font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.18;color:var(--text-color);margin:0 0 1rem}.post-excerpt.svelte-49dgds{font-size:1.0625rem;color:var(--text-muted);line-height:1.65;margin:0;max-width:640px}.post-layout.svelte-49dgds{max-width:1100px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start;flex:1;width:100%;box-sizing:border-box}.post-body.svelte-49dgds{min-width:0}.prose.svelte-49dgds{max-width:70ch}.prose.svelte-49dgds h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-color);margin:2.75rem 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-light)}.prose.svelte-49dgds h3{font-size:1.125rem;font-weight:700;color:var(--text-color);margin:2rem 0 .5rem}.prose.svelte-49dgds p{font-size:1.125rem;line-height:1.6;color:var(--prose-text);margin:0 0 1.4rem}.prose.svelte-49dgds ul,.prose.svelte-49dgds ol{padding-left:1.5rem;margin:0 0 1.4rem}.prose.svelte-49dgds li{font-size:1.125rem;line-height:1.6;color:var(--prose-text);margin-bottom:.5rem}.dark-theme .prose.svelte-49dgds p,[data-theme=dark] .prose.svelte-49dgds p,.dark-theme .prose.svelte-49dgds li,[data-theme=dark] .prose.svelte-49dgds li,.dark-theme .prose.svelte-49dgds td,[data-theme=dark] .prose.svelte-49dgds td{font-weight:450}.prose.svelte-49dgds strong{color:var(--text-color);font-weight:700}.prose.svelte-49dgds code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.875em;background:var(--surface-hover-color);border:1px solid var(--border-color);padding:.1em .4em;border-radius:5px;color:var(--text-color)}.prose.svelte-49dgds pre{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.75rem 0;box-shadow:var(--shadow-sm)}.prose.svelte-49dgds pre code{background:none;border:none;padding:0;font-size:.875rem;line-height:1.7}.prose.svelte-49dgds blockquote{border-left:3px solid var(--primary-color);margin:1.75rem 0;padding:.85rem 1.25rem;background:var(--primary-light);border-radius:0 8px 8px 0}.prose.svelte-49dgds blockquote p{color:var(--text-color);margin:0;font-style:italic;line-height:1.6}.prose.svelte-49dgds figure{margin:2.25rem 0;position:relative;background-color:var(--screenshot-frame-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);isolation:isolate;padding-top:28px}.prose.svelte-49dgds figure:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;z-index:1;background-color:var(--screenshot-chrome-bg);border-bottom:1px solid var(--screenshot-chrome-line);background-image:radial-gradient(circle at 14px 14px,var(--screenshot-dot-red) 4px,transparent 4.5px),radial-gradient(circle at 30px 14px,var(--screenshot-dot-amber) 4px,transparent 4.5px),radial-gradient(circle at 46px 14px,var(--screenshot-dot-green) 4px,transparent 4.5px);background-repeat:no-repeat}.prose.svelte-49dgds figure:after{content:"";position:absolute;top:28px;left:0;right:0;bottom:0;pointer-events:none;box-shadow:var(--screenshot-image-shadow);z-index:2}.prose.svelte-49dgds figure img{display:block;width:100%;height:auto;object-fit:cover;object-position:top left;image-rendering:-webkit-optimize-contrast}.prose.svelte-49dgds figcaption{font-size:.825rem;line-height:1.55;color:var(--text-muted);text-align:center;font-style:italic;padding:.6rem 1.25rem .85rem;background-color:var(--screenshot-chrome-bg);border-top:1px solid var(--screenshot-chrome-line);margin:0}.prose.svelte-49dgds p>img{display:block;width:100%;height:auto;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md)}.prose.svelte-49dgds a{color:var(--primary-color);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--primary-color) 40%,transparent);transition:text-decoration-color .15s ease}.prose.svelte-49dgds a:hover{text-decoration-color:var(--primary-color)}.prose.svelte-49dgds hr{border:none;border-top:1px solid var(--border-color);margin:2.75rem 0}.prose.svelte-49dgds table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1.75rem 0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.prose.svelte-49dgds th{text-align:left;padding:.7rem 1rem;font-weight:600;font-size:.8125rem;background:var(--surface-hover-color);border-bottom:2px solid var(--border-color);color:var(--text-color)}.prose.svelte-49dgds td{padding:.65rem 1rem;border-bottom:1px solid var(--border-light);color:var(--prose-text);font-size:.9375rem}.prose.svelte-49dgds td code{font-size:.8125rem;background:var(--primary-light);color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 20%,transparent)}.post-sidebar.svelte-49dgds{position:sticky;top:84px}.sidebar-card.svelte-49dgds{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:1.6rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;transition:border-color .2s ease,box-shadow .2s ease}.sidebar-card.svelte-49dgds:hover{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));box-shadow:var(--shadow-lg)}.sidebar-icon.svelte-49dgds{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:var(--primary-light);color:var(--primary-color);margin-bottom:.3rem}.sidebar-card.svelte-49dgds h3:where(.svelte-49dgds){font-size:1rem;font-weight:700;letter-spacing:-.015em;color:var(--text-color);margin:0;line-height:1.3}.sidebar-card.svelte-49dgds p:where(.svelte-49dgds){font-size:.85rem;color:var(--text-muted);line-height:1.6;margin:0}.sidebar-cta.svelte-49dgds{display:inline-flex;align-items:center;background:var(--primary-color);color:#fff;font-size:.9rem;font-weight:700;padding:.6rem 1.1rem;border-radius:8px;text-decoration:none;margin-top:.4rem;width:100%;justify-content:center;transition:background .15s ease}.sidebar-cta.svelte-49dgds:hover{background:var(--primary-hover)}.sidebar-note.svelte-49dgds{font-size:.75rem;color:var(--text-light);text-align:center;width:100%}.post-footer-band.svelte-49dgds{position:relative;overflow:hidden;background:var(--surface-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:3rem 1.5rem}.post-footer-inner.svelte-49dgds{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.back-link.svelte-49dgds{font-size:.875rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.back-link.svelte-49dgds:hover{color:var(--primary-color)}.footer-cta.svelte-49dgds{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.footer-cta.svelte-49dgds p:where(.svelte-49dgds){font-size:.9375rem;color:var(--text-color);margin:0;font-weight:500}.cta-btn.svelte-49dgds{display:inline-flex;align-items:center;background:var(--primary-color);color:#fff;font-size:.875rem;font-weight:700;padding:.6rem 1.25rem;border-radius:8px;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .15s ease,transform .15s ease}.cta-btn.svelte-49dgds:hover{background:var(--primary-hover);transform:translateY(-1px)}.site-footer.svelte-49dgds{background:var(--surface-color);border-top:1px solid var(--border-color);padding:1.25rem 1.5rem}.footer-inner.svelte-49dgds{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-brand.svelte-49dgds{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--text-muted);font-size:.875rem;font-weight:600;transition:color .15s ease}.footer-brand.svelte-49dgds:hover{color:var(--primary-color)}.logo-img-sm.svelte-49dgds{width:20px;height:20px;border-radius:4px;object-fit:contain}.footer-links.svelte-49dgds{display:flex;gap:1.5rem}.footer-links.svelte-49dgds a:where(.svelte-49dgds){font-size:.8125rem;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-links.svelte-49dgds a:where(.svelte-49dgds):hover{color:var(--primary-color)}@media (max-width: 860px){.post-layout.svelte-49dgds{grid-template-columns:1fr}.post-sidebar.svelte-49dgds{position:static;max-width:400px}.nav-back.svelte-49dgds{display:none}}@media (max-width: 600px){.nav-right.svelte-49dgds .btn-ghost:where(.svelte-49dgds){display:none}}@media (max-width: 500px){.post-footer-inner.svelte-49dgds{flex-direction:column;align-items:flex-start}.footer-cta.svelte-49dgds{flex-direction:column;align-items:flex-start;gap:.75rem}}