.writeup-detail.svelte-16w91hy{padding-top:73px;min-height:100vh}.sticky-back-nav.svelte-16w91hy{position:fixed;top:85px;left:2rem;z-index:80}.back-btn.svelte-16w91hy{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.back-btn.svelte-16w91hy:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary-light);transform:translate(-4px)}.writeup-detail.focus-mode.svelte-16w91hy .toc-sidebar:where(.svelte-16w91hy){opacity:.4}.writeup-detail.focus-mode.svelte-16w91hy .toc-sidebar:where(.svelte-16w91hy):hover{opacity:1}.writeup-detail.focus-mode.svelte-16w91hy .writeup-header:where(.svelte-16w91hy){opacity:.6}.container.svelte-16w91hy{max-width:1400px;margin:0 auto;padding:0 2rem}.writeup-header.svelte-16w91hy{background:linear-gradient(180deg,rgba(139,92,246,.05) 0%,rgba(6,182,212,.02) 50%,transparent 100%);border-bottom:1px solid rgba(139,92,246,.2);padding:2.5rem 0 3.5rem;transition:opacity .3s ease}.header-content.svelte-16w91hy{max-width:850px}.machine-cover.svelte-16w91hy{float:right;width:200px;height:200px;object-fit:cover;border-radius:12px;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0006;margin:0 0 1.5rem 2rem}@media(max-width:768px){.machine-cover.svelte-16w91hy{float:none;display:block;width:140px;height:140px;margin:0 0 1.25rem}}.header-meta.svelte-16w91hy{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.platform-badge.svelte-16w91hy,.difficulty-badge.svelte-16w91hy,.category-badge.svelte-16w91hy,.reading-time-badge.svelte-16w91hy{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-mono);font-weight:500;color:var(--color-text-secondary)}.platform-icon.svelte-16w91hy{font-size:1.1rem}.difficulty-badge.svelte-16w91hy{color:var(--difficulty-color);border-color:var(--difficulty-color);background:color-mix(in srgb,var(--difficulty-color) 10%,transparent)}.reading-time-badge.svelte-16w91hy{background:#06b6d41a;border-color:#06b6d44d;color:var(--color-accent-secondary-light)}.writeup-title.svelte-16w91hy{font-size:2.75rem;line-height:1.2;margin-bottom:1.25rem;background:linear-gradient(135deg,var(--color-accent-primary-light) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.02em}.writeup-description.svelte-16w91hy{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.75rem;max-width:700px}.header-footer.svelte-16w91hy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.tags-container.svelte-16w91hy{display:flex;flex-wrap:wrap;gap:.5rem}.tag.svelte-16w91hy{padding:.375rem .875rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-mono);color:var(--color-accent-primary-light);transition:all var(--transition-base)}.tag.svelte-16w91hy:hover{background:#8b5cf626;border-color:#8b5cf64d}.date-info.svelte-16w91hy{display:flex;align-items:center;gap:.5rem;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.875rem}.content-wrapper.svelte-16w91hy{padding:3rem 0 4rem}.content-grid.svelte-16w91hy{display:grid;grid-template-columns:280px 1fr;gap:3rem;max-width:1400px;margin:0 auto}.toc-sidebar.svelte-16w91hy{position:sticky;top:90px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:1.5rem;transition:opacity .3s ease}.toc-header.svelte-16w91hy{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-default)}.toc-header.svelte-16w91hy h3:where(.svelte-16w91hy){display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-family:var(--font-mono);color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.toc-close.svelte-16w91hy{display:none;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:.25rem;transition:color var(--transition-base)}.toc-close.svelte-16w91hy:hover{color:var(--color-text-primary)}.toc-progress.svelte-16w91hy{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-muted)}.toc-progress-text.svelte-16w91hy{font-size:.75rem;color:var(--color-accent-primary-light);font-family:var(--font-mono);font-weight:500}.toc-nav.svelte-16w91hy{display:flex;flex-direction:column;gap:.25rem}.toc-item-wrapper.svelte-16w91hy{display:flex;align-items:center;gap:.25rem}.toc-item.svelte-16w91hy{flex:1;position:relative;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:.875rem;font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-base)}.toc-item.level-3.svelte-16w91hy{padding-left:1.75rem;font-size:.8125rem}.toc-indicator.svelte-16w91hy{width:3px;height:16px;background:var(--color-border-default);border-radius:2px;transition:all var(--transition-base);flex-shrink:0}.toc-text.svelte-16w91hy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-item.svelte-16w91hy:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.toc-item.svelte-16w91hy:hover .toc-indicator:where(.svelte-16w91hy){background:var(--color-accent-primary)}.toc-item.active.svelte-16w91hy{color:var(--color-accent-primary-light);background:#8b5cf61a}.toc-item.active.svelte-16w91hy .toc-indicator:where(.svelte-16w91hy){background:var(--color-accent-primary-light);height:20px}.toc-copy-link.svelte-16w91hy{opacity:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.375rem;border-radius:var(--radius-sm);transition:all var(--transition-base)}.toc-item-wrapper.svelte-16w91hy:hover .toc-copy-link:where(.svelte-16w91hy){opacity:1}.toc-copy-link.svelte-16w91hy:hover{color:var(--color-accent-primary-light);background:#8b5cf61a}.writeup-content.svelte-16w91hy{position:relative;background:var(--color-bg-secondary);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg);padding:3rem 4rem;min-height:60vh;max-width:900px;margin:0 auto;line-height:1.8;box-shadow:0 4px 25px #0003,0 0 50px #8b5cf60d,inset 0 1px #ffffff0d}.writeup-content.svelte-16w91hy:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary),var(--color-accent-primary));border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.8}.spinner.svelte-16w91hy{width:48px;height:48px;border:3px solid var(--color-border-default);border-top-color:var(--color-accent-primary);border-radius:50%;margin:0 auto;animation:svelte-16w91hy-spin .8s linear infinite}@keyframes svelte-16w91hy-spin{to{transform:rotate(360deg)}}.loading-state.svelte-16w91hy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-state.svelte-16w91hy p:where(.svelte-16w91hy){color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.9rem}.no-content-state.svelte-16w91hy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;gap:1.5rem;text-align:center}.no-content-state.svelte-16w91hy svg:where(.svelte-16w91hy){color:var(--color-text-muted);opacity:.4}.no-content-state.svelte-16w91hy h2:where(.svelte-16w91hy){font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:0}.no-content-state.svelte-16w91hy p:where(.svelte-16w91hy){color:var(--color-text-tertiary);max-width:500px;line-height:1.7;margin:0}.focus-mode-toggle.svelte-16w91hy{position:fixed;bottom:6rem;right:2rem;z-index:50;width:48px;height:48px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.focus-mode-toggle.svelte-16w91hy:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary-light);transform:scale(1.05)}.focus-mode-toggle.active.svelte-16w91hy{background:#8b5cf633;border-color:var(--color-accent-primary);color:var(--color-accent-primary-light);box-shadow:var(--shadow-md),0 0 20px #8b5cf64d}.mobile-top-bar.svelte-16w91hy,.toc-overlay.svelte-16w91hy{display:none}.floating-toc-toggle.svelte-16w91hy{display:none;position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);color:var(--color-bg-primary);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #8b5cf666;transition:all var(--transition-base);z-index:50}.floating-toc-toggle.svelte-16w91hy:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf680}.writeup-footer.svelte-16w91hy{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-default);padding:3rem 0;margin-top:4rem}.footer-content.svelte-16w91hy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-meta.svelte-16w91hy{display:flex;align-items:center;gap:1rem}.completion-badge.svelte-16w91hy{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--color-success);font-family:var(--font-mono);font-size:.875rem}.footer-cta.svelte-16w91hy{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);color:var(--color-bg-primary);text-decoration:none;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);font-family:var(--font-mono);box-shadow:0 2px 8px #8b5cf64d}.footer-cta.svelte-16w91hy:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.error-state.svelte-16w91hy{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:73px;text-align:center}@media(prefers-reduced-motion:reduce){.svelte-16w91hy{transition:none!important}}@media(max-width:1200px){.content-grid.svelte-16w91hy{grid-template-columns:240px 1fr;gap:2rem}.toc-sidebar.svelte-16w91hy{padding:1.25rem}.writeup-content.svelte-16w91hy{max-width:none}}@media(max-width:1024px){.sticky-back-nav.svelte-16w91hy{display:none}.content-grid.svelte-16w91hy{grid-template-columns:1fr}.toc-sidebar.svelte-16w91hy{position:fixed;inset:73px 0 0;max-height:100vh;border-radius:0;border:none;border-right:1px solid var(--color-border-default);z-index:90;transform:translate(-100%);transition:transform .3s ease-out;width:320px}.toc-sidebar.show.svelte-16w91hy{transform:translate(0)}.toc-close.svelte-16w91hy{display:block}.floating-toc-toggle.svelte-16w91hy{display:flex;align-items:center;justify-content:center}}@media(max-width:1024px){.mobile-top-bar.svelte-16w91hy{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 2px;position:fixed;top:0;left:0;right:0;z-index:120;background:#0a0a12f2;border-bottom:1px solid rgba(139,92,246,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #0006}.mtb-back.svelte-16w91hy{grid-column:1;grid-row:1;display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;color:var(--color-accent-primary-light);font-family:var(--font-mono);font-size:.8rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:opacity .15s}.mtb-back.svelte-16w91hy:hover{opacity:.8}.mtb-title.svelte-16w91hy{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem}.mtb-toc.svelte-16w91hy{grid-column:3;grid-row:1;display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:transparent;border:none;border-left:1px solid rgba(139,92,246,.15);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s}.mtb-toc.svelte-16w91hy:hover{color:var(--color-accent-primary-light)}.mtb-progress.svelte-16w91hy{grid-column:1 / -1;grid-row:2;height:2px;background:#8b5cf61f}.mtb-progress-fill.svelte-16w91hy{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));transition:width .2s ease-out}.toc-sidebar.svelte-16w91hy{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:65vh;height:auto;border-radius:20px 20px 0 0;border:none;border-top:1px solid rgba(139,92,246,.3);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:130;overflow-y:auto}.toc-sidebar.show.svelte-16w91hy{transform:translateY(0)}.toc-overlay.svelte-16w91hy{display:block;position:fixed;inset:0;background:#00000080;z-index:125;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:svelte-16w91hy-fadeIn .2s ease}@keyframes svelte-16w91hy-fadeIn{0%{opacity:0}to{opacity:1}}.toc-close.svelte-16w91hy{display:block}.writeup-detail.svelte-16w91hy{padding-top:54px}.floating-toc-toggle.svelte-16w91hy,.focus-mode-toggle.svelte-16w91hy,.sticky-back-nav.svelte-16w91hy{display:none}}@media(max-width:768px){.container.svelte-16w91hy{padding:0 1.125rem}.writeup-header.svelte-16w91hy{padding:1.25rem 0 1.5rem;background:none;border-bottom:1px solid rgba(139,92,246,.15)}.header-meta.svelte-16w91hy{flex-wrap:nowrap;overflow-x:auto;gap:.5rem;margin-bottom:1rem;scrollbar-width:none}.header-meta.svelte-16w91hy::-webkit-scrollbar{display:none}.platform-badge.svelte-16w91hy,.difficulty-badge.svelte-16w91hy,.category-badge.svelte-16w91hy,.reading-time-badge.svelte-16w91hy{flex-shrink:0;padding:.325rem .65rem;font-size:.775rem}.writeup-title.svelte-16w91hy{font-size:1.75rem}.writeup-description.svelte-16w91hy{font-size:.975rem;margin-bottom:1.25rem}.header-footer.svelte-16w91hy{flex-direction:column;align-items:flex-start;gap:.75rem}.content-wrapper.svelte-16w91hy{padding:0}.writeup-content.svelte-16w91hy{background:transparent;border:none;border-radius:0;box-shadow:none;padding:1.5rem 0;max-width:100%}.writeup-content.svelte-16w91hy:before{display:none}.writeup-footer.svelte-16w91hy{padding:2rem 0;margin-top:1.5rem}.footer-content.svelte-16w91hy{flex-direction:column;align-items:stretch;gap:1rem}.footer-cta.svelte-16w91hy{justify-content:center}}@media(max-width:480px){.container.svelte-16w91hy{padding:0 1rem}.writeup-title.svelte-16w91hy{font-size:1.5rem}.mtb-title.svelte-16w91hy{font-size:.8rem}.platform-badge.svelte-16w91hy,.difficulty-badge.svelte-16w91hy,.category-badge.svelte-16w91hy,.reading-time-badge.svelte-16w91hy{font-size:.72rem;padding:.3rem .55rem}.tag.svelte-16w91hy{font-size:.75rem;padding:.25rem .6rem}}@media(max-width:375px){.container.svelte-16w91hy{padding:0 .875rem}.writeup-title.svelte-16w91hy{font-size:1.325rem}.mtb-title.svelte-16w91hy{padding:.85rem 3rem}}:root[data-theme=light] .writeup-header.svelte-16w91hy{background:linear-gradient(180deg,rgba(124,58,237,.05) 0%,rgba(8,145,178,.02) 50%,transparent 100%);border-bottom-color:#7c3aed26}:root[data-theme=light] .toc-sidebar.svelte-16w91hy{background:var(--color-bg-elevated);border-color:#7c3aed26}:root[data-theme=light] .writeup-content.svelte-16w91hy{background:var(--color-bg-elevated);border-color:#7c3aed1f}:root[data-theme=light] .writeup-footer.svelte-16w91hy{background:var(--color-bg-secondary);border-top-color:#7c3aed26}:root[data-theme=light] .platform-badge.svelte-16w91hy,:root[data-theme=light] .category-badge.svelte-16w91hy{background:#7c3aed14;border-color:#7c3aed26}:root[data-theme=light] .reading-time-badge.svelte-16w91hy{background:#0891b214;border-color:#0891b233}:root[data-theme=light] .tag.svelte-16w91hy{background:#7c3aed0f;border-color:#7c3aed1f}:root[data-theme=light] .tag.svelte-16w91hy:hover{background:#7c3aed1f;border-color:#7c3aed40}:root[data-theme=light] .back-btn.svelte-16w91hy{background:var(--color-bg-elevated);border-color:#7c3aed26}:root[data-theme=light] .focus-mode-toggle.svelte-16w91hy{background:var(--color-bg-elevated);border-color:#7c3aed26}:root[data-theme=light] .toc-item.svelte-16w91hy:hover{background:#7c3aed0f}:root[data-theme=light] .toc-item.active.svelte-16w91hy{background:#7c3aed14}