.tool-header[data-astro-cid-ogr5akc3]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-ogr5akc3] h1[data-astro-cid-ogr5akc3]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-ogr5akc3] p[data-astro-cid-ogr5akc3]{color:var(--color-secondary)}.input-card[data-astro-cid-ogr5akc3]{border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;background:var(--color-bg-offset)}.input-grid[data-astro-cid-ogr5akc3]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.input-group[data-astro-cid-ogr5akc3]{display:flex;flex-direction:column}.input-group[data-astro-cid-ogr5akc3] label[data-astro-cid-ogr5akc3]{margin-bottom:.5rem;font-weight:500;font-size:.9rem}.number-input[data-astro-cid-ogr5akc3],.select-input[data-astro-cid-ogr5akc3]{padding:.75rem;font-size:1.1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg);color:var(--color-text);width:100%}.number-input[data-astro-cid-ogr5akc3]:focus,.select-input[data-astro-cid-ogr5akc3]:focus{outline:2px solid var(--color-primary);border-color:var(--color-primary)}.unit-toggle[data-astro-cid-ogr5akc3]{display:flex;gap:.5rem}.unit-btn[data-astro-cid-ogr5akc3]{flex:1;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.9rem}.unit-btn[data-astro-cid-ogr5akc3].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button-group[data-astro-cid-ogr5akc3]{display:flex;gap:.5rem;margin-bottom:1.5rem}.btn-primary[data-astro-cid-ogr5akc3]{padding:.75rem 1.5rem;border:none;border-radius:.5rem;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;flex:1}.btn-primary[data-astro-cid-ogr5akc3]:hover{opacity:.9}.btn-secondary[data-astro-cid-ogr5akc3]{padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:transparent;color:var(--color-text);font-size:1rem;cursor:pointer}.btn-secondary[data-astro-cid-ogr5akc3]:hover{background:var(--color-bg)}.error-card[data-astro-cid-ogr5akc3]{border:1px solid #ef4444;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;background:#fef2f2;color:#dc2626}.results-card[data-astro-cid-ogr5akc3]{border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;background:var(--color-bg-offset);text-align:center}.results-title[data-astro-cid-ogr5akc3]{font-size:1.1rem;margin-bottom:1rem}.results-grid[data-astro-cid-ogr5akc3]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.result-item[data-astro-cid-ogr5akc3]{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:.5rem;background:var(--color-bg)}.result-item[data-astro-cid-ogr5akc3].minimum{border-top:3px solid #f59e0b}.result-item[data-astro-cid-ogr5akc3].ideal{border-top:3px solid #22c55e}.result-item[data-astro-cid-ogr5akc3].maximum{border-top:3px solid #3b82f6}.result-label[data-astro-cid-ogr5akc3]{font-size:.85rem;color:var(--color-secondary);margin-bottom:.5rem}.result-value[data-astro-cid-ogr5akc3]{font-size:2rem;font-weight:700;color:var(--color-primary)}.angle-info[data-astro-cid-ogr5akc3]{display:flex;justify-content:center;gap:.5rem;color:var(--color-secondary)}.angle-value[data-astro-cid-ogr5akc3]{font-weight:600;color:var(--color-text)}.visual-card[data-astro-cid-ogr5akc3]{border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;background:var(--color-bg-offset);text-align:center}.visual-card[data-astro-cid-ogr5akc3] h3[data-astro-cid-ogr5akc3]{margin-bottom:1rem}.screen-comparison[data-astro-cid-ogr5akc3]{display:flex;justify-content:center;align-items:flex-end;gap:2rem;flex-wrap:wrap;padding:1rem}.screen-item[data-astro-cid-ogr5akc3]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.screen-frame[data-astro-cid-ogr5akc3]{border:3px solid #333;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#111}.screen-inner[data-astro-cid-ogr5akc3]{width:90%;height:90%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:2px}.screen-ideal[data-astro-cid-ogr5akc3] .screen-frame[data-astro-cid-ogr5akc3]{border-color:#22c55e;box-shadow:0 0 15px #22c55e4d}.screen-label[data-astro-cid-ogr5akc3]{font-size:.85rem;font-weight:500}.distance-range-card[data-astro-cid-ogr5akc3]{border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;background:var(--color-bg-offset)}.distance-range-card[data-astro-cid-ogr5akc3] h3[data-astro-cid-ogr5akc3]{margin-bottom:.75rem}.distance-range-card[data-astro-cid-ogr5akc3] p[data-astro-cid-ogr5akc3]{color:var(--color-secondary);line-height:1.8}.examples-card[data-astro-cid-ogr5akc3]{border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;background:var(--color-bg-offset)}.examples-card[data-astro-cid-ogr5akc3] h3[data-astro-cid-ogr5akc3]{margin-bottom:1rem;font-size:1.1rem}.examples-grid[data-astro-cid-ogr5akc3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.example-btn[data-astro-cid-ogr5akc3]{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg);color:var(--color-text);font-size:.85rem;cursor:pointer;text-align:center}.example-btn[data-astro-cid-ogr5akc3]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.about-card[data-astro-cid-ogr5akc3],.features-card[data-astro-cid-ogr5akc3],.faq-card[data-astro-cid-ogr5akc3]{border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;background:var(--color-bg-offset)}.about-card[data-astro-cid-ogr5akc3] h3[data-astro-cid-ogr5akc3],.features-card[data-astro-cid-ogr5akc3] h3[data-astro-cid-ogr5akc3],.faq-card[data-astro-cid-ogr5akc3] h3[data-astro-cid-ogr5akc3]{margin-bottom:1rem;font-size:1.1rem}.features-card[data-astro-cid-ogr5akc3] ul[data-astro-cid-ogr5akc3]{padding-left:1.25rem}.features-card[data-astro-cid-ogr5akc3] li[data-astro-cid-ogr5akc3]{margin-bottom:.5rem}.faq-card[data-astro-cid-ogr5akc3] details[data-astro-cid-ogr5akc3]{margin-bottom:.75rem;border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem}.faq-card[data-astro-cid-ogr5akc3] summary[data-astro-cid-ogr5akc3]{font-weight:500;cursor:pointer}.faq-card[data-astro-cid-ogr5akc3] details[data-astro-cid-ogr5akc3] p[data-astro-cid-ogr5akc3]{margin-top:.5rem;color:var(--color-secondary)}@media(max-width:768px){.input-grid[data-astro-cid-ogr5akc3],.results-grid[data-astro-cid-ogr5akc3]{grid-template-columns:1fr}.screen-comparison[data-astro-cid-ogr5akc3]{gap:1rem}}