.guide-container.svelte-nzx1el{display:grid;grid-template-columns:240px 1fr;min-height:100%;background:var(--surface-base)}.guide-sidebar.svelte-nzx1el{display:flex;flex-direction:column;background:var(--surface-raised);border-right:1px solid var(--border-subtle);padding:var(--space-5)}.sidebar-header.svelte-nzx1el{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.sidebar-icon.svelte-nzx1el{font-size:2rem}.sidebar-header.svelte-nzx1el h1:where(.svelte-nzx1el){font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;margin:0}.sidebar-header.svelte-nzx1el p:where(.svelte-nzx1el){font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.sidebar-nav.svelte-nzx1el{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item.svelte-nzx1el{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.nav-item.svelte-nzx1el:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active.svelte-nzx1el{background:var(--nav-color);color:#fff}.nav-icon.svelte-nzx1el{font-size:1.25rem;width:28px;text-align:center}.nav-label.svelte-nzx1el{flex:1}.nav-count.svelte-nzx1el{font-size:var(--text-xs);font-family:var(--font-mono);opacity:.6}.sidebar-footer.svelte-nzx1el{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.format-hint.svelte-nzx1el{background:var(--surface-overlay);padding:var(--space-3);border-radius:var(--radius-md)}.hint-label.svelte-nzx1el{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--space-2)}.hint-tags.svelte-nzx1el{display:flex;flex-wrap:wrap;gap:var(--space-1)}.hint-tags.svelte-nzx1el span:where(.svelte-nzx1el){font-family:var(--font-mono);font-size:10px;background:var(--surface-raised);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent-success)}.guide-main.svelte-nzx1el{display:flex;flex-direction:column;padding:var(--space-6);overflow-y:auto}.main-header.svelte-nzx1el{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:var(--header-bg);border:1px solid color-mix(in srgb,var(--header-color) 30%,transparent);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.header-title.svelte-nzx1el{display:flex;align-items:center;gap:var(--space-3)}.title-icon.svelte-nzx1el{font-size:2rem}.main-header.svelte-nzx1el h2:where(.svelte-nzx1el){font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin:0}.header-meta.svelte-nzx1el{display:flex;gap:var(--space-2)}.meta-badge.svelte-nzx1el{font-size:var(--text-xs);font-weight:600;background:var(--surface-raised);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--text-secondary)}.meta-badge.accent.svelte-nzx1el{background:var(--header-color);color:#fff}.tips-grid.svelte-nzx1el{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.tip-card.svelte-nzx1el{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast);position:relative}.tip-card.svelte-nzx1el:before{content:"";position:absolute;left:0;top:var(--space-4);bottom:var(--space-4);width:3px;background:var(--card-color);border-radius:2px}.tip-card.svelte-nzx1el:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;border-color:var(--card-color)}.card-top.svelte-nzx1el{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}.card-top.svelte-nzx1el h3:where(.svelte-nzx1el){font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin:0;color:var(--text-primary)}.card-tag.svelte-nzx1el{font-family:var(--font-mono);font-size:10px;background:var(--surface-overlay);border:1px solid var(--border-default);padding:2px 8px;border-radius:var(--radius-sm);color:var(--card-color);white-space:nowrap;flex-shrink:0}.tip-card.svelte-nzx1el p:where(.svelte-nzx1el){font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}@media(max-width:900px){.guide-container.svelte-nzx1el{grid-template-columns:1fr}.guide-sidebar.svelte-nzx1el{display:none}}@media(max-width:600px){.tips-grid.svelte-nzx1el{grid-template-columns:1fr}}