:root{font-family:system-ui,sans-serif;color:#1a202c;background:#fff}*{box-sizing:border-box}body{margin:0}main{max-width:40rem;margin:0 auto;padding:2rem 1rem}h1{font-size:1.75rem;margin-bottom:.25rem}.subtitle{color:#4a5568;margin-top:0}.input-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}#timestamp-input{flex:1 1 16rem;min-width:0;padding:.6rem .75rem;font-size:1rem;border:1px solid #cbd5e0;border-radius:.375rem}#now-button{padding:.6rem 1rem;font-size:1rem;border:1px solid #2d3748;border-radius:.375rem;background:#2d3748;color:#fff;cursor:pointer;white-space:nowrap}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.result-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;word-break:break-word}.result-label{color:#4a5568;font-size:.9rem}.result-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}.error{color:#c53030;padding:.6rem .75rem}@media(max-width:480px){main{padding:1.5rem 1rem}.result-row{flex-direction:column}#now-button{flex:1 1 100%}}