.overview-section.svelte-8grk9x{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.overview-content.svelte-8grk9x{display:flex;flex-direction:column;gap:var(--spacing-md)}.overview-item.svelte-8grk9x{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--text-secondary)}.overview-item.svelte-8grk9x code:where(.svelte-8grk9x){background-color:var(--bg-tertiary);color:var(--color-primary-light);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-family:var(--font-mono)}.overview-item.svelte-8grk9x strong:where(.svelte-8grk9x){color:var(--text-primary)}.examples-section.svelte-8grk9x{margin-bottom:var(--spacing-xl)}.examples-details.svelte-8grk9x{border:1px solid var(--border-secondary);border-radius:var(--radius-md);background-color:var(--bg-secondary)}.examples-details[open].svelte-8grk9x .examples-summary:where(.svelte-8grk9x) .icon{transform:rotate(90deg)}.examples-summary.svelte-8grk9x{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.examples-summary.svelte-8grk9x:hover{background-color:var(--surface-hover)}.examples-summary.svelte-8grk9x::-webkit-details-marker{display:none}.examples-summary.svelte-8grk9x .icon{transition:transform var(--transition-fast);color:var(--color-primary)}.examples-summary.svelte-8grk9x h3:where(.svelte-8grk9x){margin:0;color:var(--color-primary);font-size:var(--font-size-md)}.examples-grid.svelte-8grk9x{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.example-card.svelte-8grk9x{padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;flex-direction:column;gap:var(--spacing-xs)}.example-card.svelte-8grk9x:hover{background-color:var(--surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.example-card.active.svelte-8grk9x{background-color:var(--surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.example-label.svelte-8grk9x{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.example-address.svelte-8grk9x{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary-light);background-color:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-sm);word-break:break-all}.example-description.svelte-8grk9x{font-size:var(--font-size-xs);color:var(--text-secondary)}.input-section.svelte-8grk9x{margin-bottom:var(--spacing-xl)}.input-group.svelte-8grk9x label:where(.svelte-8grk9x){display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);font-size:var(--font-size-md)}.ipv6-input.svelte-8grk9x{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);font-family:var(--font-mono);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast)}.ipv6-input.svelte-8grk9x:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ipv6-input.valid.svelte-8grk9x{border-color:var(--color-success)}.ipv6-input.invalid.svelte-8grk9x{border-color:var(--color-error)}.input-hint.svelte-8grk9x{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.results-section.svelte-8grk9x{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.results-header.svelte-8grk9x{margin-bottom:var(--spacing-lg)}.results-header.svelte-8grk9x h3:where(.svelte-8grk9x){display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success-light);margin:0}.result-main.svelte-8grk9x{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.result-item.svelte-8grk9x{width:100%;max-width:600px;padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.result-item.highlight.svelte-8grk9x{border-color:var(--color-success);background-color:var(--color-success);color:var(--bg-primary)}.result-label.svelte-8grk9x{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;margin-bottom:var(--spacing-md);font-size:var(--font-size-md)}.result-item.highlight.svelte-8grk9x .result-label:where(.svelte-8grk9x){color:var(--bg-primary)}.result-content.svelte-8grk9x{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.result-value.svelte-8grk9x{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);word-break:break-all;flex:1}.result-value.unicast.svelte-8grk9x{color:var(--color-primary-light)}.result-value.multicast.svelte-8grk9x{background-color:#ffffff1a;color:var(--bg-primary)}.copy-button.svelte-8grk9x{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.copy-button.svelte-8grk9x:hover{background-color:var(--surface-hover);color:var(--text-primary)}.copy-button.copied.svelte-8grk9x{color:var(--color-success)}.result-item.highlight.svelte-8grk9x .copy-button:where(.svelte-8grk9x){color:var(--bg-primary)}.result-item.highlight.svelte-8grk9x .copy-button:where(.svelte-8grk9x):hover{background-color:#ffffff1a}.arrow-down.svelte-8grk9x{color:var(--color-primary);animation:svelte-8grk9x-bounce 2s infinite}@keyframes svelte-8grk9x-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.calculation-steps.svelte-8grk9x{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.calculation-steps.svelte-8grk9x h4:where(.svelte-8grk9x){display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.steps-list.svelte-8grk9x{display:flex;flex-direction:column;gap:var(--spacing-md)}.step-item.svelte-8grk9x{display:flex;align-items:flex-start;gap:var(--spacing-md)}.step-number.svelte-8grk9x{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary);color:var(--bg-primary);border-radius:50%;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.step-content.svelte-8grk9x{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;padding-top:var(--spacing-xs)}.technical-details.svelte-8grk9x{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.technical-details.svelte-8grk9x h4:where(.svelte-8grk9x){display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);margin-bottom:var(--spacing-md)}.details-grid.svelte-8grk9x{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.detail-item.svelte-8grk9x{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.detail-label.svelte-8grk9x{color:var(--text-secondary);font-weight:600;font-size:var(--font-size-sm)}.detail-value.svelte-8grk9x{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600}.error-result.svelte-8grk9x{text-align:center;padding:var(--spacing-xl);background-color:var(--bg-secondary);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error-light)}.error-result.svelte-8grk9x .icon{color:var(--color-error);margin-bottom:var(--spacing-md)}.error-result.svelte-8grk9x h4:where(.svelte-8grk9x){margin-bottom:var(--spacing-md)}.error-result.svelte-8grk9x p:where(.svelte-8grk9x){margin-bottom:var(--spacing-lg)}.error-help.svelte-8grk9x{text-align:left;background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary)}.error-help.svelte-8grk9x ul:where(.svelte-8grk9x){margin-top:var(--spacing-sm);padding-left:var(--spacing-lg)}.error-help.svelte-8grk9x ul:where(.svelte-8grk9x) li:where(.svelte-8grk9x){margin-bottom:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-sm)}.education-section.svelte-8grk9x{border-top:1px solid var(--border-secondary);padding-top:var(--spacing-xl)}.education-grid.svelte-8grk9x{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.education-card.svelte-8grk9x{padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.education-card.svelte-8grk9x h4:where(.svelte-8grk9x){display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-md)}.education-card.svelte-8grk9x p:where(.svelte-8grk9x){color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.examples-grid.svelte-8grk9x,.details-grid.svelte-8grk9x,.education-grid.svelte-8grk9x{grid-template-columns:1fr}.result-content.svelte-8grk9x,.step-item.svelte-8grk9x{flex-direction:column;gap:var(--spacing-sm)}.detail-item.svelte-8grk9x{flex-direction:column;gap:var(--spacing-xs);align-items:stretch}}