.timestamp-converter{display:flex;flex-direction:column;gap:1.5rem}.input-row{display:flex;gap:1rem;align-items:flex-end}.input-group{flex:1}.input-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary, #333)}.input-group input{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:1rem}.arrow{font-size:1.5rem;color:var(--text-secondary, #666);padding-bottom:.5rem}.now-btn{align-self:center}.formats-section h4{margin:0 0 1rem;color:var(--text-primary, #333)}.formats-grid{display:grid;gap:.75rem}.format-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px}.format-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #666);text-transform:uppercase}.format-value-row{display:flex;justify-content:space-between;align-items:center}.format-value{font-family:SF Mono,Monaco,monospace;font-size:.875rem;word-break:break-all}.copy-btn{padding:.25rem .5rem;background:#fff;border:1px solid var(--border-color, #ddd);border-radius:4px;cursor:pointer;font-size:.75rem}.info-box{padding:1rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px}.info-box h4{margin:0 0 .5rem}.info-box ul{margin:0;padding-left:1.25rem}.info-box li{font-size:.875rem;color:var(--text-secondary, #666);margin:.25rem 0}.privacy-note{text-align:center;padding:.75rem;background:#4caf501a;color:var(--success, #4caf50);border-radius:8px;font-size:.875rem}@media(max-width:640px){.input-row{flex-direction:column}.arrow{transform:rotate(90deg);padding:0}}