.error-message{color:var(--color-error);font-size:.875rem;margin-top:.25rem}.button-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.placeholder-text{color:var(--text-secondary,#6b7280);font-style:italic}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.result-item{display:flex;flex-direction:column;gap:.25rem}.result-label{font-size:.8rem;font-weight:600;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.03em}.result-value-row{display:flex;align-items:center;gap:.5rem}.result-value{font-family:var(--font-mono, monospace);font-size:.95rem;color:var(--color-primary,#6366f1);word-break:break-all}.time-since-display{text-align:center}.time-direction{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.time-direction.past{color:var(--accent-color)}.time-direction.future{color:var(--color-success)}.time-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.time-part{background:var(--bg-secondary);border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem;text-align:center}.time-part strong{display:block;font-size:1.5rem;color:var(--primary-color)}.time-summary{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary)}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.reference-item{padding:.75rem;border-radius:.5rem;background:var(--bg-secondary)}.reference-item h3{font-size:.9rem;margin-bottom:.25rem}.reference-item p{font-size:.8rem;color:var(--text-secondary,#6b7280);margin-bottom:.25rem}.reference-item code{font-size:.8rem;color:var(--primary-color);word-break:break-all}@media (max-width:768px){.results-grid{grid-template-columns:1fr}.time-part strong{font-size:1.25rem}}