.container.svelte-1b5r9k9.svelte-1b5r9k9{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.page-header.svelte-1b5r9k9.svelte-1b5r9k9{text-align:center;margin-bottom:3rem}.page-title.svelte-1b5r9k9.svelte-1b5r9k9{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description.svelte-1b5r9k9.svelte-1b5r9k9{font-size:1.125rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.tool-content.svelte-1b5r9k9.svelte-1b5r9k9{display:flex;flex-direction:column;gap:2rem}.converter-section.svelte-1b5r9k9.svelte-1b5r9k9,.info-section.svelte-1b5r9k9.svelte-1b5r9k9,.facts-section.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(30,41,59,.5);border-radius:1rem;padding:2rem;border:1px solid #334155}.section-title.svelte-1b5r9k9.svelte-1b5r9k9{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1.5rem}.input-group.svelte-1b5r9k9.svelte-1b5r9k9{margin-bottom:2rem}.input-controls.svelte-1b5r9k9.svelte-1b5r9k9{display:flex;gap:.5rem;align-items:center}.length-input.svelte-1b5r9k9.svelte-1b5r9k9{flex:1;max-width:200px;padding:1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-size:1.125rem;font-weight:600;transition:border-color .2s ease}.length-input.svelte-1b5r9k9.svelte-1b5r9k9:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.unit-select.svelte-1b5r9k9.svelte-1b5r9k9{padding:1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-size:1rem;cursor:pointer;transition:border-color .2s ease;min-width:180px}.unit-select.svelte-1b5r9k9.svelte-1b5r9k9:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.clear-button.svelte-1b5r9k9.svelte-1b5r9k9{padding:1rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease;font-size:.9rem;white-space:nowrap}.clear-button.svelte-1b5r9k9.svelte-1b5r9k9:hover{transform:scale(1.05)}.results-container.svelte-1b5r9k9.svelte-1b5r9k9{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.metric-section.svelte-1b5r9k9.svelte-1b5r9k9,.imperial-section.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.75rem;padding:1.5rem}.system-title.svelte-1b5r9k9.svelte-1b5r9k9{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.results-grid.svelte-1b5r9k9.svelte-1b5r9k9{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.result-card.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(30,41,59,.8);border:1px solid #475569;border-radius:.5rem;padding:1.25rem;transition:all .2s ease}.result-card.svelte-1b5r9k9.svelte-1b5r9k9:hover{border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.result-card.metric.svelte-1b5r9k9.svelte-1b5r9k9{border-left:4px solid #10b981}.result-card.imperial.svelte-1b5r9k9.svelte-1b5r9k9{border-left:4px solid #f59e0b}.result-header.svelte-1b5r9k9.svelte-1b5r9k9{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.result-title.svelte-1b5r9k9.svelte-1b5r9k9{color:#f1f5f9;font-size:1rem;font-weight:600;margin:0}.copy-result-button.svelte-1b5r9k9.svelte-1b5r9k9{padding:.4rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.25rem;color:#fff;cursor:pointer;transition:transform .2s ease;font-size:.75rem;min-width:1.8rem}.copy-result-button.svelte-1b5r9k9.svelte-1b5r9k9:hover{transform:scale(1.1)}.result-value.svelte-1b5r9k9.svelte-1b5r9k9{font-size:1.25rem;font-weight:700;color:#60a5fa;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;word-break:break-all}.error-message.svelte-1b5r9k9.svelte-1b5r9k9{display:flex;align-items:center;gap:.5rem;color:#f87171;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem;margin-bottom:2rem;font-size:.95rem}.error-icon.svelte-1b5r9k9.svelte-1b5r9k9{font-size:1.2rem}.examples-section.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem}.examples-title.svelte-1b5r9k9.svelte-1b5r9k9{color:#f1f5f9;font-size:1rem;font-weight:600;margin-bottom:1rem}.examples-grid.svelte-1b5r9k9.svelte-1b5r9k9{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.example-button.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(30,41,59,.8);border:1px solid #475569;border-radius:.5rem;padding:1rem;color:#cbd5e1;cursor:pointer;transition:all .2s ease;text-align:left}.example-button.svelte-1b5r9k9.svelte-1b5r9k9:hover{background:rgba(59,130,246,.1);border-color:#60a5fa;color:#f1f5f9}.example-value.svelte-1b5r9k9.svelte-1b5r9k9{display:block;font-weight:600;font-size:1.1rem;margin-bottom:.25rem;color:#60a5fa}.example-description.svelte-1b5r9k9.svelte-1b5r9k9{font-size:.85rem;color:#94a3b8}.units-grid.svelte-1b5r9k9.svelte-1b5r9k9,.facts-grid.svelte-1b5r9k9.svelte-1b5r9k9{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.unit-card.svelte-1b5r9k9.svelte-1b5r9k9,.fact-card.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.unit-card.svelte-1b5r9k9.svelte-1b5r9k9:hover,.fact-card.svelte-1b5r9k9.svelte-1b5r9k9:hover{border-color:#60a5fa;background:rgba(15,23,42,.8)}.unit-name.svelte-1b5r9k9.svelte-1b5r9k9,.fact-title.svelte-1b5r9k9.svelte-1b5r9k9{color:#60a5fa;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.unit-description.svelte-1b5r9k9.svelte-1b5r9k9,.fact-description.svelte-1b5r9k9.svelte-1b5r9k9{color:#cbd5e1;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.unit-examples.svelte-1b5r9k9.svelte-1b5r9k9{color:#94a3b8;font-size:.85rem}.conversions-reference.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem}.reference-title.svelte-1b5r9k9.svelte-1b5r9k9{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.reference-grid.svelte-1b5r9k9.svelte-1b5r9k9{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.reference-card.svelte-1b5r9k9.svelte-1b5r9k9{background:rgba(30,41,59,.5);border:1px solid #475569;border-radius:.5rem;padding:1rem}.reference-card.svelte-1b5r9k9 h4.svelte-1b5r9k9{color:#60a5fa;font-size:1rem;font-weight:600;margin:0 0 .75rem}.reference-card.svelte-1b5r9k9 ul.svelte-1b5r9k9{color:#cbd5e1;font-size:.9rem;line-height:1.5;margin:0;padding-left:1.5rem}.reference-card.svelte-1b5r9k9 li.svelte-1b5r9k9{margin-bottom:.25rem;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace}@media (max-width: 768px){.container.svelte-1b5r9k9.svelte-1b5r9k9{padding:1rem}.page-title.svelte-1b5r9k9.svelte-1b5r9k9{font-size:2rem}.converter-section.svelte-1b5r9k9.svelte-1b5r9k9,.info-section.svelte-1b5r9k9.svelte-1b5r9k9,.facts-section.svelte-1b5r9k9.svelte-1b5r9k9{padding:1.5rem}.input-controls.svelte-1b5r9k9.svelte-1b5r9k9{flex-direction:column;align-items:stretch}.length-input.svelte-1b5r9k9.svelte-1b5r9k9{max-width:none}.results-grid.svelte-1b5r9k9.svelte-1b5r9k9,.examples-grid.svelte-1b5r9k9.svelte-1b5r9k9,.units-grid.svelte-1b5r9k9.svelte-1b5r9k9,.facts-grid.svelte-1b5r9k9.svelte-1b5r9k9,.reference-grid.svelte-1b5r9k9.svelte-1b5r9k9{grid-template-columns:1fr}}