.timestamp-highlight {
	background-color:#ffeb3b;
	padding:2px 4px;
	border-radius:3px;
	font-weight:bold;
	color:#d84315;
}
.result-item {
	background-color:#f8f8f8;
	border-left:4px solid #1e87f0;
	border-radius:4px;
	padding:15px;
	margin-bottom:15px;
}
.result-item.no-timestamp {
	border-left-color:#ff9800;
}
.result-item.expired {
	border-left-color:#f44336;
}
.result-item.future {
	border-left-color:#4caf50;
}
.timestamp-detail {
	background-color:white;
	border-radius:5px;
	padding:10px;
	margin-top:10px;
	border:1px solid #e0e0e0;
}
.time-ago {
	font-weight:bold;
	padding:3px 8px;
	border-radius:12px;
	font-size:12px;
	margin-left:10px;
}
.time-ago.past {
	background-color:#ffebee;
	color:#c62828;
}
.time-ago.future {
	background-color:#e8f5e9;
	color:#2e7d32;
}
.time-ago.now {
	background-color:#fff3e0;
	color:#ef6c00;
}
.uk-badge.time-type {
	margin-left:10px;
}
.copy-btn {
	cursor:pointer;
	transition:all 0.2s;
}
.copy-btn:hover {
	transform:scale(1.1);
}
.summary-card {
	border-radius:8px;
	padding:15px;
	margin-bottom:15px;
}
.summary-card .uk-text-large {
	font-size:24px;
	font-weight:bold;
	margin-bottom:5px;
}
.button-group {
	display:flex;
	gap:10px;
	margin-top:15px;
}
.button-group .uk-button {
	flex:1;
}
.datetime-input {
	margin-bottom:10px;
}
.datetime-input .uk-input {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.datetime-input .uk-button {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}