.current-time-bar{background:linear-gradient(135deg, var(--primary-light), var(--primary-color));color:white;padding:16px 24px;border-radius:var(--border-radius-lg);display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.current-time-bar .label{font-weight:500;opacity:0.9}.current-time-bar .datetime-value,.current-time-bar .timestamp-value{background:rgba(255,255,255,0.2);padding:4px 12px;border-radius:20px;font-family:monospace;font-size:0.9rem}.icon-btn{background:rgba(255,255,255,0.2);border:none;color:white;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:var(--transition)}.icon-btn:hover{background:rgba(255,255,255,0.3);transform:rotate(180deg)}.two-columns-timestamp{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.convert-card{background:var(--gray-50);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--gray-200)}.card-header{background:white;padding:16px 20px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:10px}.card-header i{font-size:1.2rem;color:var(--primary-color)}.card-header h3{font-size:1.1rem;font-weight:600}.card-body{padding:20px}.input-group{margin-bottom:24px}.input-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--gray-700)}.input-field{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:0.95rem;transition:var(--transition)}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.input-hint{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:0.75rem;color:var(--gray-500)}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:0.75rem;text-decoration:underline}.result-group{margin-top:20px}.result-group label{display:block;font-weight:500;margin-bottom:12px;color:var(--gray-700)}.result-box{background:white;border-radius:var(--border-radius-md);padding:16px;border:1px solid var(--gray-200)}.result-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed var(--gray-200)}.result-item:last-child{border-bottom:none}.result-label{width:90px;font-size:0.85rem;color:var(--gray-600)}.result-value{flex:1;font-family:monospace;font-size:0.85rem;color:var(--gray-800)}.timestamp-num{font-weight:600;color:var(--primary-color)}.copy-small{background:transparent;border:none;color:var(--gray-400);cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition)}.copy-small:hover{background:var(--gray-100);color:var(--primary-color)}.quick-timestamps{margin-top:20px}.quick-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.quick-btn{background:var(--gray-100);border:1px solid var(--gray-300);padding:8px 16px;border-radius:40px;cursor:pointer;transition:var(--transition);font-size:0.85rem}.quick-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:white}@media (max-width:900px){.two-columns-timestamp{grid-template-columns:1fr;gap:24px}.current-time-bar{flex-direction:column;align-items:flex-start}.result-item{flex-wrap:wrap}.result-label{width:auto}}